/** * paradiso CUSTOMIZATIONS FOR NEW ELEMENTS AND DEFAULT STYLING **/ // paradiso CustomSettings body { --text-color: #484848; --body-text-color: #484848; --bkg-color: #FFFFFF; --header-icon-color: #212121; --nav-drawer-color: #FAFAFA; --nav-drawer-text-color: #686868; --nav-drawer-icon-color: #6A6A6A; --nav-drawer-border-color: 1px solid #ECECEC; --nav-drawer-box-shadow: 0px 0px 20px #00000026; --nav-link-active-bg-color: #FCD3C1; --nav-link-active-text-color: #ED1D24; --block-heading-color: #686868; --course-name-heading-color: #686868; --card-block-color: #FFFFFF; --block-box-shadow: 0px 0px 16px #0000001A; --region-sidepre-block-color: #F3F3F3; --region-sidepre-bg-color: var(--card-block-color); --light-mode-switch-icon-color: var(--header-icon-color); --dark-mode-switch-icon-color: var(--bkg-color); --header-height: 100px; --course-nav-bg-color: #F3F3F3; --course-nav-active-color: #484848; --course-nav-sectionname-bg-color: #E7E7E7; --course-content-icon-color: #A8A8A8; --right-pane-shadow: 0px 0px 80px #00000026; --right-pane-heading-color: #484848; --right-pane-bg-color: #FAFAFA; --right-pane-border: 1px solid #ECECEC; --progress-bar-color: #F9AA8F; --progress-bar-bg-color: #ECECEC; --progress-bar-percent-color: #686868; --select-box-bg-color: #F3F3F3; --select-box-text-color: #6A6A6A; --select-border: 1px solid #dedede; --button-text-color: #FFFFFF; --button-bg-color: #ED1D24; --input-border-color: #efe5e5; --scrollbar-thumb-color: #A8A8A8; --active-bg-color: #545454; --course-name-color: #686868; --course-cat-name-color: #9A9A9A; --svg-closeicon-fill: #444444; --svg-closeicon-bg: #F3F3F3; --reminder-card-bg-color: #F3F3F3; --reminder-card-event-name: #686868; --reminder-card-course-name: #9A9A9A; --reminder-card-time: #6A6A6A; --msgbox-bg-color: #F3F3F3; --msg-send-color: rgba(230, 230, 230, 0.6); --msg-received-color: rgba(222, 222, 222, 1); --msg-send-text-color: rgba(16, 16, 16, 1); --msg-received-text-color: rgba(16, 16, 16, 1); --user-points-counter-color: #444444; --backdrop-filter-color: var(--reminder-card-bg-color); --lock-icon-bg-color: unset; --placeholder-bg-color: #f8f9fa; --msg-day-color: #212529; --var-dialogue-bg: white; --light-mode-switch-non-svg-icon-color: var(--header-icon-color); --course-nav-active-text-color: #ED1D24; --mynotes-bg-color: #FFFFFF; --mynotes-msg-card: #FFFFFF; --course-info-value-name: #686868; --lesson-title-course: #484848; --assingpdf-bkg: #2222; --bkg-gpanel-color: #ebebeb; --assignnav-bg-color: #fff; --btn-asgbg-color: #dfdfdf; --modal-border-color: #dee2e6; --assingpdf-bkg-border: #ccc; --close-btn-color: #000; --header-block-color: #ffffff; --header-text-color: #212121; --header-icon-color: #212121; --card-bank-bg:#f4f5f6; --card-bank-border:#ffffff ; } // dark theme body.dark-theme { --text-color: #A8A8A8; --body-text-color: #A8A8A8; --bkg-color: #161616; --header-icon-color: #444444; --nav-drawer-color: #212121; --nav-drawer-text-color: #FFFFFF; --nav-drawer-icon-color: #FFFFFF; --nav-drawer-border-color: unset; --nav-drawer-box-shadow: 0px 0px 20px #0000004D; --nav-link-active-bg-color: #444444; --nav-link-active-text-color: #FFFFFF; --block-heading-color: #A8A8A8; --course-name-heading-color: #E7E7E7; --card-block-color: #212121; --block-box-shadow: unset; --region-sidepre-block-color: var(--bkg-color); --region-sidepre-bg-color: var(--card-block-color); --light-mode-switch-icon-color: var(--bkg-color); --dark-mode-switch-icon-color: #F9AA8F; --course-nav-bg-color: #292929; --course-nav-active-color: #E7E7E7; --course-nav-sectionname-bg-color: #212121; --course-content-icon-color: #A8A8A8; --right-pane-shadow: 0px 0px 80px #000000CC; --right-pane-heading-color: #A8A8A8; --right-pane-bg-color: #1D1D1D; --right-pane-border: unset; --progress-bar-color: #F9AA8F; --progress-bar-bg-color: #444444; --progress-bar-percent-color: #C2C2C2; --select-box-bg-color: #161616; --select-box-text-color: #6A6A6A; --select-border: unset; --button-text-color: #FFFFFF; --button-bg-color: #ED1D24; --input-border-color: #323232; --scrollbar-thumb-color: #444444; --active-bg-color: #545454; --course-name-color: #DEDEDE; --course-cat-name-color: #8A8A8A; --svg-closeicon-fill: #FFFFFF; --svg-closeicon-bg: #444444; --reminder-card-bg-color: #292929; --reminder-card-event-name: #A8A8A8; --reminder-card-course-name: #9A9A9A; --reminder-card-time: #6A6A6A; --msgbox-bg-color: #474747; --msg-send-color: rgba(230, 230, 230, 1); --msg-received-color: rgba(68, 68, 68, 1); --msg-send-text-color: rgba(16, 16, 16, 1); --msg-received-text-color: rgba(154, 154, 154, 1); --user-points-counter-color: var(--header-icon-color); --backdrop-filter-color: var(--reminder-card-bg-color); --lock-icon-bg-color: #0000004d; --placeholder-bg-color: #474747; --msg-day-color: #FFFFFF; --var-dialogue-bg: black; --light-mode-switch-non-svg-icon-color: #5F473F; --course-nav-active-text-color: #E7E7E7; --mynotes-bg-color: #292929; --mynotes-msg-card: #444; --course-info-value-name: #6A6A6A; --lesson-title-course: #DEDEDE; --assingpdf-bkg: #444; --bkg-gpanel-color: #292929; --assignnav-bg-color: #444; --btn-asgbg-color: #3e3e3e; --modal-border-color: #444; --assingpdf-bkg-border: #444; --close-btn-color: #fff; --header-block-color: #212121; --header-text-color: #a8a8a8; --header-icon-color: #A8A8A8; --card-bank-bg:#090A0E; --card-bank-border:#484B5A ; //$nav_custom_font: $brand-primary !default; // $nav_custom_hover_bg: #ffffff !default; } $body-color-other-pages: var(--bkg-color) !default; $nav_bg_color: var(--nav-drawer-color) !default; $nav_font_color: var(--nav-drawer-text-color) !default; $nav_icon_color: var(--nav-drawer-icon-color) !default; $header_bg_color: var(--header-block-color) !default; $header_font_color: var(--header-text-color) !default; $header_icon_color: var(--header-icon-color) !default; $nav_custom_bg: #ffffff !default; $nav_custom_font: $brand-primary !default; $nav_custom_hover_bg: #ffffff !default; /* Added by Kalpana Patil*/ $blocksbgcolor: var(--card-block-color) !default; $block_bg_color: var(--card-block-color) !default; $body-bg : var(--bkg-color) !default; $fpstartwrap-bg: #FFF !default; $fpicon-hover: #bcd5db !default; $fpicon-bg: darken($fpicon-hover, 10%) !default; $fpicon-colour: #026C87 !default; $fpicon-width: 100px !default; $fpiconcreate-width: 150px !default; $headerimagepadding: 275px !default; $courseboxheight: 250px !default; $marketing1image: #fff !default; $marketing2image: #fff !default; $marketing3image: #fff !default; $marketing4image: #fff !default; $marketing5image: #fff !default; $marketing6image: #fff !default; $marketimagebg: rgba(255, 255, 255, 0.8) !default; $markettile-radius: 5px !default; $navbarurl: #FFF !default; $card-footer-bg: #ccc !default; $headerfade-bg: #d4d4d4 !default; $header-color: #FFF !default; $headings-color: #3a3a3a !default; $body-color: #465b65 !default; $link-color: $primary !default; $breadcrumb-padding-y: 10px !default; $breadcrumb-padding-x: 10px !default; $border-radius: 4px !default; $breadcrumb-bg: #fff !default; //$footer-bg: $body-bg !default; $footer-bg: var(--bkg-color) !default; $learningcontentpadding: 400px !default; $blockwidthparadiso: 342px; $slideshowheight: 300px; $activityiconsize: 36px !default; $activityhover: #fff6ae !default; $gutterwidth: 6rem !default; $bg-inverse-link-color: $primary !default; $footer-link-color: $bg-inverse-link-color !default; //$calendartoday: #fbffba !default; $calendartoday: var(--card-block-color) !default; $headingcolor: var(--text-color) !important; //$headingcolor: #334D6E !default; $page_content: 0em 1.2em 0em 1.5rem !default; $page_content_my: 2em 1.2em 0em 2.7rem !default; $page_content_admin: 0em 1.2em 0em 1.5rem !default; $page_content_home: 0em 1.2em 0em 2.5rem !default; $page_content_general: 0em 5.3em 0em 5.5rem !default; $page_content_multitenat: 0em 5.3em 0em 6.7rem !default; $contrast-25: choose-contrast-color(darken($primary, 25%)) !important; $secondarycolor: #ebf7fd !default; //New Font color $fontcolor: #000000 !default; $loginboxopacity: 1 !default; $cancelbtnbg : #ECF4FF !default; $cardheight : 350px !default; /*Overrride the old sass variable*/ $brand-primary : $primary; $brand-success : $success; $brand-warning : $warning; $brand-danger : $danger; $brand-info : $info; $main_blinker_color : $primary !default; $explosion_blinker_color : $secondarycolor !default; /*Custom left navigation bg/front color*/ // $lighten: lighten($brand-primary, 47%); $lighten : $secondarycolor; /*Table tr hover color*/ $table_tr_hover: #f4f5f694 !default; /*Button hover color*/ $button_shadow_hover: 0px 0px 6px #C4DDE8; /* @author : Kalpana Patil ticket: Left navigation default colors */ // $nav_bg_color: #ffffff !default; //$nav_font_color: #484b5a !default; // $nav_icon_color: #484b5a !default; //$header_bg_color: #ffffff !default; // $header_font_color: #484b5a !default; //$header_icon_color: #484b5a !default; $blinker_color: $main_blinker_color !default; $explosion_blinker_color: $explosion_blinker_color !default; $body_font_color: #000000 !default; /** * Layout Header **/ body, body *:not(select) { scrollbar-width: thin; } .path-grade{ display: none; } :focus { box-shadow: none !important; } .pagelayout-course:not(.format-paradiso) { background: $body-color-other-pages; #learningcontent { background: $body-color-other-pages; } } h1, h2, h3, h4 { color: $headingcolor !important; letter-spacing: 0.5px; } h2 { font-size: 23px !important; font-weight: 400 !important; } p { color: #465b65; line-height: 18px; font-weight: 300; margin-bottom: 0px !important; } aside.block-region .card-block h3.card-title { font-size: 16px !important; font-weight: 300; } .navbar-nav .dropdown-menu { position: absolute !important; } #page-header h1 { font-weight: 600; color: $header-color; } #page-header .headerfade { background: none; } //Writeen by Dnyaneshwar div#learningcontent { position: relative; } .navbar-static-top .dropdown .dropdown-menu { overflow-y: auto; } div.options-header hr { margin-top: 0px !important; } // End Dnyaneshwar CSS #page-course-view-topics div#learningcontent { margin-top: 0px !important; } #page-navbar .dropdown-toggle { padding: $breadcrumb-padding-y $breadcrumb-padding-x; margin-left: 10px; background: none; border-radius: $border-radius; } .breadcrumb-nav .breadcrumb { margin-bottom: .5rem; } #page-navbar .open>.dropdown-menu { border-radius: $border-radius; margin-left: 5px; height: auto !important; } .headerlogo { background-color: $headerfade-bg; } .headerlogo img { padding: $spacer; } @media screen and (min-width: 991px) { #region-main.has-blocks { width: calc(100% - #{$blockwidthparadiso}); } [data-region="blocks-column"] { width: calc(#{$blockwidthparadiso} - 15px); } } @media screen and (max-width: 1024px) { #region-main.has-blocks { width: 100%; } [data-region="blocks-column"] { width: 100%; } #page-local-social_wall-index .social-wall-container .width-29-sw { flex: unset !important; max-width: unset !important; margin-bottom: 15px; } #page-local-social_wall-index .social-wall-container #grid-row-1 { justify-content: space-between; } } .moodle-dialogue-bd div[role="alert"] { background-color: $danger; padding: 1rem; } body#page-login-index, body#page-login-signup { // background-image: url([[pix:theme|headerbg]]); background-color: grey; background-size: cover !important; background-position: center; } .fpsignup { border-radius: $border-radius; background-color: $gray-lightest; padding: $spacer; box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3); border: 1px solid $card-bg; margin-bottom: 2rem; } .col-md-4.signinform { padding-left: 0; padding-right: 20px; margin-right: 15px; } .fpsignup label { margin: 0; } .sign-up-btn { margin-top: .5rem; } .fpsignup .m-t-2 { margin-top: .5rem !important; } .fpsignup .input-group-addon { width: 40px; } .row.signin { margin: 2rem 0; } .fpcustomtext { margin: 2rem 0 4rem 0; text-align: center; background-color: #fff; } div#paradisologin { background-color: $card-bg; } .fpinstructions { margin-top: 15%; background-color: rgba(255, 255, 255, 0.7); } .loginnavicon { display: inline-block; padding: 1.5rem; background-color: $fpicon-bg; border-radius: 50%; margin-bottom: $spacer; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3); border: 1px solid #fff; } .card.loginicon { text-align: center; } .row.loginicons { padding: 2rem 0; } .featuretext { text-align: initial; } .logintop { text-align: center; } .logintopimage { display: inline-block; } .loginfeaturedimage img { box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .3); border: 1px solid #fff; } .featuretext h4 { border-top: 4px solid $gray-base; padding: $spacer; border-bottom: 1px dashed $gray-lighter; background-color: $gray-lightest; } //Updated by Dnyaneshwar //#page-login-index #page, #page-login-signup #page { #page { margin-top: 0 !important; } #page-login-signup #paradisologin { display: none; } #page-login-index #page-wrapper { padding-bottom: 0; } body#page-login-index { #div.content-login { .card { background-color: rgba(#FFFFFF, $loginboxopacity) !important; } } .content-form { .forgetpass { p { a { color: $primary; text-decoration: underline; } } } } div.content-login { .center-items_log { position: relative; .card { padding-bottom: 0; } } } .card-title { margin-bottom: 0px !important; } .btn, input { font-size: 13px !important; } .float-right.content-login.h-100 { padding: 2em 0em 2em 0em; height: 550px !important; border-radius: 10px; width: 450px; } /* #guestbtn { color: $brand-primary !important; background-color: $lighten; border: none; }*/ } .m_login_home { .boxaligncenter { padding: 0px 0px; margin-top: 14px; height: auto !important; text-align: center !important; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .11); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .11); background-color: #ffffff; border-radius: 8px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 50px; width: 500px; p { color: #465b65 !important; } } .singlebutton { position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); } .main { text-align: center; background: #ffffff36; } } /* Teacher Dashboard */ body:not(.format-paradiso) div#coursecontrols { padding: 7px 15px 4px 15px; } .studentdashboard { padding: 1rem; } .studentdashboard .col-md-2 { float: right; width: auto; text-align: center; padding: 0 2rem; font-weight: bold; } .teacherdashbutton { font-size: 16px; float: right; padding: 5px 10px; border-radius: $border-radius; } .teacherdashboard i.dashicon { float: left; padding: 0px 4px; } .coursestafflisting img.userpicture { margin-right: 0; float: right; } .thiscoursebutton { font-size: 16px; float: right; padding: 5px 10px; border-radius: $border-radius; } .thiscoursebutton .dropdown-menu { right: -10px; left: initial; } .editcogbutton { float: right; border-radius: $border-radius; } .enrollcodebutton { font-size: 16px; float: right; padding: 5px 10px; border-radius: $border-radius; } div[data-region="drawer-toggle"] { height: 36px; display: none; } .teacherdashbutton:hover, .thiscoursebutton:hover, .enrollcodebutton:hover, .editcogbutton:hover { background-color: darken($card-bg, 5%); } @media screen and (max-width: 576px) { div#coursecontrols { border-radius: 0; } .enrollcodebutton { display: none; } } @media (min-width: 992px) { .modal-dialog { max-width: 900px; margin: 1.75rem auto; } #page-local-learningpaths-index { .modal-lg { max-width: 800px !important; } } .form-inline { display: block !important; } body:not(.pagelayout-frontpage) .form-inline select.form-control, body:not(.pagelayout-mydashboard) .form-inline select.form-control, body:not(.pagelayout-coursecategory) .form-inline select.form-control, body:not(.pagelayout-frontpage) select.form-control, body:not(.pagelayout-mydashboard) select.form-control, body:not(.pagelayout-coursecategory) select.form-control, body:not(.pagelayout-frontpage) div[data-fieldtype=editor]>div, body:not(.pagelayout-mydashboard) div[data-fieldtype=editor]>div, body:not(.pagelayout-coursecategory) div[data-fieldtype=editor]>div, body:not(.pagelayout-frontpage) div.filemanager, body:not(.pagelayout-mydashboard) div.filemanager, body:not(.pagelayout-coursecategory) div.filemanager, body:not(.pagelayout-frontpage) div.filepicker-filelist, body:not(.pagelayout-mydashboard) div.filepicker-filelist, body:not(.pagelayout-coursecategory) div.filepicker-filelist { width: 100%; } } /* Footer */ ul.footercontact { list-style: none; } /* Slideshow */ .slide1image, .slide2image, .slide3image { min-height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center; aspect-ratio: 4/1; } .carousel-caption.d-none.d-md-block { background: rgba(0, 0, 0, 0.7); border-radius: 1rem 1rem 0 0; } .carousel-caption { bottom: 0px; } .carousel-indicators { bottom: 0 !important; } .carousel-indicators li { width: 40px; height: 10px; margin: 0; border-radius: 0px; } .carousel-indicators .active { width: 40px; height: 10px; margin: 0; background-color: #fff; border-radius: 0px; } a.left.carousel-control .fa-chevron-left { font-size: 35px; position: absolute; left: 10px; bottom: 40%; } a.right.carousel-control .fa-chevron-right { font-size: 35px; position: absolute; right: 10px; bottom: 40%; } h3 .text_to_html { font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.2px; color: #ffffff; } div.carousel-caption.d-md-block p { font-size: 13px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: normal; color: #fff !important; padding-left: 80px; padding-right: 80px; position: relative; top: -12px; } div#paradisocarousel p { font-size: 13px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: normal; color: #fff !important; padding-left: 80px; padding-right: 80px; position: relative; top: -12px; } .carousel-indicators { padding-top: 8px; bottom: -44px !important; vertical-align: bottom; } .carousel-indicators li { width: 8px; height: 8px; border-radius: 50%; background: #91C9DD 0% 0% no-repeat padding-box; opacity: 1; } .carousel-indicators .active { width: 8px; height: 8px; border-radius: 50%; background-color: $primary; } a.left.carousel-control .wid-icon-back-large { font-size: 8px; position: absolute; left: 10px; bottom: 45%; background: $primary; height: 34px; border-radius: 50%; width: 34px; display: flex; justify-content: center; align-items: center; color: #fff; box-shadow: none; text-shadow: none !important; } a.right.carousel-control .wid-icon-arrowright { font-size: 8px; position: absolute; right: 10px; bottom: 45%; background: $primary; height: 34px; border-radius: 50%; width: 34px; display: flex; justify-content: center; align-items: center; color: #fff; box-shadow: none; text-shadow: none !important; } .carousel-control.left { background-image: none; } .carousel-control.right { background-image: none; } .carousel-control { opacity: initial; } .carousel-control:hover { opacity: none; } @media (min-width: 544px) { .carousel-caption { right: 0; left: 0; height: 116px; opacity: 0.59; border-radius: 2px; background-color: #626262 } } /* market */ .markettiles { .market-tile { margin: 0rem; background-color: #fff; padding: 0.4rem !important; border: 1px solid #E2E2E2; border-top: none; padding: 0rem; height: 281px; overflow: hidden; box-shadow: -1px 4px 8px #EAEAEA40; border-radius: 4px; opacity: 1; .card-title { .text_to_html { font-size: 14px !important; overflow: hidden; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: 0px; color: #3F3F3F; opacity: 1; text-align: left; padding-top: 10px; cursor: pointer; } } p:empty { display: none !important; } .text_to_html p { padding-left: 0; padding-right: 0; text-align: justify; overflow: hidden; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; letter-spacing: 0px; color: #A8A8A8 !important; opacity: 1; } .btn-market { .text_to_html { width: 100%; height: 37px; box-shadow: 0 2px 4px 0 var(--black-11); background-color: $primary; color: #fff; text-align: center; padding-top: 8px; position: relative; top: 1px; left: 0px; } } .marketcontent { padding: 0rem; width: 100%; margin: 0px; height: 142px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 4px; opacity: 1; } .tile-content { max-height: 75px; overflow: hidden; .text_to_html { text-align: justify; margin: 0px 15px; } } } .marketcontent { padding: 0rem; width: 100%; margin: 0px; } a.btn.btn-primary, a.btn-market { width: 100%; height: 37px; border-radius: 2px; box-shadow: 0 2px 4px 0 var(--black-11); background-color: $primary; color: #fff; text-align: center; padding-top: 8px; position: relative; top: 1px; left: 0px; } a.btn-market { display: inline-block; } a.btn-market:hover { text-decoration: none; } .tile-content { .text_to_html { text-align: justify; margin: 0 15px; line-height: 1.5rem; color: #465b65; height: 4.4rem; font-weight: 300; } } } .block.block_marketing { padding: 18px 0 0 20px !important; } .markettiles { .market-tile { h3.card-title+p+div.text_to_html, h3.card-title+div.text_to_html { overflow: hidden; letter-spacing: 0px; color: #A8A8A8; opacity: 1; height: 57px; } a:hover { color: #ffff; } } } #page-site-index { .markettiles { .slick-slider { padding-right: 40px !important; padding-left: 14px !important; } .slick-next { right: 14px !important; } @media screen and (max-width: 768px) { .slick-slider { padding-right: 35px !important; padding-left: 19px !important; } } } } .markettiles.not-padding { padding-top: 0px; margin-top: 0px; .market-tile { margin-top: 0rem; box-shadow: -.5px 2px 4px 0 rgba(234, 234, 234, .25) !important; border: solid .5px #e2e2e2 !important; margin: 5px 0 0; border-radius: 7px; } .market-tile:hover { -webkit-box-shadow: 0px 1px 8px 0 rgba(45, 111, 188, .23) !important; box-shadow: 0px 1px 8px 0 rgba(45, 111, 188, .23) !important; } div div { div:nth-child(1) { padding: 0px; } div:nth-child(3) { padding: 0px; } div:nth-child(6) { padding: 0px; } @media (max-width:768px) { div:nth-child(5) { padding: 0px; } } } } /* Enhanced Homepage */ .fpwonderbox { margin-bottom: 1rem; } .fpstartwrap { margin: 0px; border-radius: 5px; } .fpstart { display: inline-block; border-radius: 2px; padding: 15px; text-align: left; background-color: $fpstartwrap-bg; width: 100%; text-align: center; } .fpstart .iconset { display: block; } .fpicon { display: inline-block; margin: 5px; padding: 5px; width: $fpicon-width; text-align: center; vertical-align: top; background-color: $fpicon-bg; border-radius: 5px; } .fpiconcreate { display: inline-block; margin: 5px; padding: 5px; width: $fpiconcreate-width; text-align: center; vertical-align: top; background-color: $success; border-radius: 5px; } .fpicon a { color: $fpicon-colour; } .fpiconcreate a { color: $fpicon-colour; } .fpicon:hover { background-color: $fpicon-hover; padding: 5px; border-radius: 5px; } .fpiconcreate:hover { background-color: $danger; padding: 5px; border-radius: 5px; } div#fpslider { background-color: $fpstartwrap-bg; padding: $spacer; border-radius: $border-radius; border: 1px solid $gray-lighter; } .alertbox { text-align: center; } .alertmessage { display: inline-block; background-color: $warning; border-radius: 5px; padding: 15px; margin: 20px; } .alertmessage p { margin-top: initial; margin-bottom: initial; } .markettiles.not-padding .container-fluid { padding-right: 0px; padding-left: 0px; } .markettiles.not-padding .col-md-4 { margin: 1rem 0; } .markettiles.not-padding .container-fluid { padding-right: 0px; padding-left: 0px; } .markettiles.not-padding .col-md-4 { margin: 0rem 0; } .market-tile { margin: 1rem 0rem; background-color: $body-bg; padding: 1rem; border: 1px solid $gray-base; border-top: 7px solid; } .marketcontent { padding: 1rem; background-color: $marketimagebg; height: 10rem; overflow: auto; margin-bottom: 1rem; } .marketcontent::-webkit-scrollbar { width: 7px; } .marketcontent::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3); border-radius: 5%; } .marketcontent::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } form#enrolform_easy { text-align: center; padding: 20px 0px; } form#enrolform_easy .input-group-addon.qr-button { font-size: 2rem; } form#enrolform_easy input#enrolform_course_code { font-size: 2rem; } form#enrolform_easy button.btn.btn-primary { font-size: 2rem; } /** * Available Courses **/ .class-box-fp { height: $courseboxheight; background-color: $body-bg; padding: 1rem; border: 1px solid $body-bg; border-radius: $card-border-radius; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .class-box-fp .course-title h4 a:hover { text-decoration: none; } .class-box-fp .course-title { background-color: $card-bg; padding: $spacer; padding-top: 2rem; margin-bottom: 0; text-align: center; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .class-box-fp .course-title:after { text-decoration: none; display: block; content: ''; border-bottom: solid 1rem $primary; transform: scaleX(0); transition: transform 250ms ease-in-out; } .class-box-fp .course-title:hover:after { transform: scaleX(1); } .courseimagecontainer { height: calc(45%); } .class-box { margin-bottom: 2rem; border: 1px solid $card-bg; border-radius: $card-border-radius; box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3); padding: 1rem; height: $courseboxheight; overflow: hidden; } .course-title { padding-top: 1rem; } .class-list { clear: both; } .coursesmorelink { padding: 1rem; } .course-image-view { height: 100%; } .dash-course-image-view { padding-top: 5rem; } .class-box .course-summary { height: 4rem; overflow: auto; margin-bottom: 1rem; } .class-box .course-summary::-webkit-scrollbar { width: 7px; } .class-box .course-summary::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3); border-radius: 5%; } .class-box .course-summary::-webkit-scrollbar-thumb { background-color: darken($primary, 15%); outline: 1px solid slategrey; } .tooltip-inner { max-width: 350px; font-size: 14px; } .course_category_tree { padding: 1rem; } .cat-icon { margin: 5px; } .category.box-class { padding-bottom: $spacer; text-align: center; } .category.box-class:nth-child(5) { clear: both; } .info-enhanced { background-color: $body-bg; display: inline-block; padding: $spacer; border-radius: $border-radius; } .circle-count { float: right; padding-left: 3px; } .courseimagecontainer:hover .course-overlay { opacity: 1; } .courseimagecontainer:hover .course-image-view { opacity: 0.3; } .course-overlay { -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; opacity: 0; position: absolute; left: 40%; font-size: 5rem; margin-top: -7rem; color: $gray-dark; } .coursestyle2 { width: 100%; height: $courseboxheight; background-color: #000; color: #fff; text-align: left; font-size: 16px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15); box-shadow: 0 0 5px rgba(0, 0, 0, .15); } .coursedimmed1 { background-color: rgba(150, 150, 150, 0.9); } .coursedimmed2 { background-color: rgba(150, 150, 150, 0.9); height: 100%; } .coursedimmed3 { background-color: rgba(150, 150, 150, .9); padding: 1rem; } .class-box-courseview { background-color: #dae6e5; border: 1px solid #dae6e5; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2); height: 100%; } .coursestyle2 * { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-box-sizing: border-box; box-sizing: border-box; } .coursestyle2 figcaption { position: absolute; height: 98px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; padding: 15px; background-color: rgba(0, 0, 0, 0.75); } .coursestyle2 h3 { text-transform: uppercase; font-size: 20px; font-weight: 400; line-height: 24px; margin: 3px 0; } a.coursestyle2url { position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; } a.coursestyle3url { position: absolute; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer; } .coursestyle2:hover figcaption, .coursestyle2.hover figcaption { height: calc(100%); } .coursestyle2:hover p.course-summary::-webkit-scrollbar { width: 7px; } .coursestyle2:hover p.course-summary::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.3); border-radius: 5%; } .coursestyle2:hover p.course-summary::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; } @media screen and (min-width: 992px) { .coursestyle2:hover p.course-summary, .coursestyle2.hover p.course-summary { overflow-y: auto; height: 5rem; } } .coursestyle2 .course-card { margin-top: 4rem; } .coursestyle2:hover .course-card { margin-top: 0rem; } ul.teacherscourseview { list-style-type: none; font-weight: bold; font-style: italic; } .tilecontainer { position: relative; margin: 3rem 0 2rem 0; } /** * TIDY UP **/ #page-badges-mybadges .fpwonderbox { display: none; } #page-badges-mybadges .markettiles { display: none; } #page-user-files .fpwonderbox { display: none; } .p-a-1 { padding: 0 1rem !important; } .glossarycontrol span.helplink { padding: 1rem; background-color: $body-bg; border-radius: $border-radius; } .socials_wrapper { margin: 0 auto; .socials { margin-bottom: 0; } } .socials a:hover { text-decoration: none; } .single-section h3.sectionname { text-align: initial; } .pagelayout-incourse:not(.format-paradiso) #page-navbar .dropdown-toggle { display: none; } #region-main .block-region .card { box-shadow: initial; -webkit-box-shadow: initial; border: 0; } .path-mod-assign .no-overflow { overflow: auto; } // Calendar. .today { background-color: $calendartoday; } .maincalendar .calendarmonth td, .maincalendar .calendarmonth th { border: 1px solid #e6e6e6; } // Lesson progressbar fix .path-mod-lesson .progress_bar_completed { background-color: $success; text-align: right; vertical-align: middle; color: #fff; } // Course Completion Image fix. [data-region="coursecompetencyactivities"] .list-inline-item img { width: $activityiconsize; } // Fix for collapsed topic course format body.format-topcoll h3.sectionname:before { display: none; } /* H5P regression fix for editor https://moodle.org/mod/forum/discuss.php?d=347602#p1402801 */ @media (min-width:544px) { .form-inline .form-control-static { display: block !important; } } /* End H5P */ #back-to-top { position: fixed; bottom: 42px; right: 20px; z-index: 2; cursor: pointer; transition: opacity 0.2s ease-out; opacity: 0; } #back-to-top.show { opacity: 1; } /* Fix print page for Assignments */ @media print { .path-mod-assign [data-region="grade-panel"] { position: relative !important; } .gradingform_rubric .criterion .levels .level.checked { background-color: #ccc; -webkit-print-color-adjust: exact; } .editor_atto_content { position: relative !important; -webkit-print-color-adjust: exact; display: block !important; } .path-mod-assign [data-region="user-info"] .nowrap { padding: 3rem; } } /** *@author Akshay Pingale *@since 23/04/2020 *@Paradiso */ body#page-mod-lesson-view { .progress { height: 12px; } } /** *@author Akshay Pingale *@since 31/07/2020 *@Paradiso */ .activity-zoom { transition: transform ease-out 0.5s; transform: translateY(-150%); } body#page-calendar-view .modal-dialog { // margin-top: 250px; } body#page-calendar-view { div.modal.show.moodle-has-zindex { display: unset; .modal-body { width: auto !important; } } } @media screen and (max-width: 776px) { body#page-calendar-view .modal-dialog { margin-top: 760px; } } :not(#block_lpd_content) .progress { overflow: hidden; background-color: $gray-lighter; width: 40%; margin-right: auto; margin-left: auto; border-radius: 10px; height: 8px; } @media screen and (max-width: 576px) { .progress { width: 100%; } } .progress-bar { float: left; width: 0; height: 100%; font-size: 16px; line-height: 30px; color: #fff; text-align: center; background-color: $primary; } li.section.hidden { background-color: $gray-lightest; } .section-summary-activities { padding: 1rem; border-top: 2px solid $gray-lighter; text-align: center; } .course-content .section-summary { border: 0; } // Lesson Module multiple choice fixes. .path-mod-lesson label.form-check-label input[type="radio"] { float: left; margin-right: 1em; margin-top: .25rem; } .path-mod-lesson label.form-check-label p { display: block; margin-left: 2rem; } /* Jaime T*/ /* Left Menu UI*/ div#element_custom_navigation { a.list-group-item { height: 62px; background-color: $lighten !important; border-radius: 0; display: flex; align-items: center; color: $primary !important; } a.active_nav { background-color: #fff !important; color: $primary !important; border-left: 0px !important; } .list-group-item:last-child { border: none !important; } ul { margin-bottom: 0px; height: 100% !important; margin: 0; max-height: 200px !important; overflow-y: auto !important; &::-webkit-scrollbar-thumb { background-color: $brand-primary; border-radius: 15px; } &::-webkit-scrollbar-track { background-color: #F6F6F6; border-radius: 15px; } &::-webkit-scrollbar { width: 6px; } } ul li:nth-of-type(1n+24) { display: none; } ul li { height: auto; } ul li a { height: 50px; display: flex; align-items: center; } ul li a:not(.active_nav):hover {} ul li a:not(.active_nav) { background: none !important; } ul li a:hover, ul li a.list-group-item:hover, ul li a { position: relative; } ul li a:not(.active_nav):hover span { color: $primary !important; } ul li a:not(.active_nav):hover { background-color: $lighten !important; } ul li a span { width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.item_lefnavigation>a:not(.active_nav) span.menu-title { color: $primary } ul li ul li a:before { border-left: 1px solid $primary; content: ""; position: absolute; left: 0; bottom: -26px; z-index: 0; height: 100%; } ul li ul li:last-child a:before { content: none; } ul li ul { // margin-left: 10px; position: relative; } div#item_lefnavigation { span.menu-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } a.alert-warning { position: absolute; } } } #sidebar { .sidebar-header strong { display: none; } ul.list-unstyled { margin-bottom: 0px; } ul li { position: relative; a { text-align: left; // border-radius: 0px !important; } } ul li:hover { display: block !important; } .media-left { padding-right: 9px; i { font-size: 24px !important; color: #484B5A; } } .dropdown.nav-item .accordion-toggle:after { right: 28px; font-weight: 600; } } #nav-drawer.active { width: 115px; min-width: 80px; height: 100% !important; transition: all .5s ease; box-shadow: 0px 3px 7px #E2E2E25E; .sidebar-header h3 { display: none; } .sidebar-header strong { display: block; } ul li a { padding: .75rem 1.25rem; font-size: 0.85em; i { margin-right: 0; display: block; font-size: 1.8em; padding-top: 2px; } } ul ul a { padding: 10px !important; } nav { direction: rtl; } a.accordion-toggle:after { display: none; } li.dropdown:hover a.accordion-toggle:after { display: inline-block; } ul.in { display: none; } li.dropdown:hover ul.in { display: none; height: 100% !important; } li ul a span.menu-title { padding-left: 0px !important; } li ul li ul li a span.menu-title { padding-left: 19px !important; } ul li ul li ul { margin-left: 60px !important; } ul li ul li ul li { width: 100% !important; } ul.list-unstyled li { border: none !important; } .icon_logo { display: block; padding-top: 20px; } .full_logo { display: none; img { width: 90% !important; padding: 10px; } } li.dropdown[data-parent="0"]:hover>a:after { display: none !important; } li.dropdown[data-parent="0"]:hover { background-color: #fff; } li.selected:not(.tab_active) { // background-color: #fff; } li.selected:not(.tab_active) a i { color: $primary; } #sidebar:hover::-webkit-scrollbar { width: 8px; } div.logo_responsive { height: 87px; margin-bottom: 10px; } nav#sidebar { span.media-left { width: 43px; } } } @media (max-width: 768px) { #sidebar { margin-left: 0; height: 600px; margin-top: -25px; .sidebar-header strong { display: none; ul { padding-right: 0rem; float: left; position: absolute; top: 200px; width: 100%; } } } section.block_onesection { margin-left: 0px; margin-right: 0px; width: 100% !important; } #page-my-index #region-main { padding-left: 0px !important; padding-right: 0px !important; } body .navbar { margin-left: 0px; } #page-local-costnbudget-addbulevelbudget div:not(.modal-body) form.mform input.form-control { width: 100% !important; } #page-login-forgot_password div.box.generalbox { margin-left: 0px !important; margin-right: 0px !important; width: 100% !important; } body#page-login-forgot_password form { margin-right: -15px !important; } body#page-login-forgot_password div.contentlabel { width: 20.33333%; } body#page-login-forgot_password div.form-inline.felement { width: 79.66667%; } div#page-content.allone-section, div#learningcontent div.settings-menu, #page-course-index #page-header-desc, #page-course-index-category #page-header-desc { padding-left: 1%; padding-right: 1%; } #page-site-index .slick-slider { padding-right: 25px !important; padding-left: 18px !important; } } .dropdown-toggle::after { top: auto; bottom: 10px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); color: $primary; } #nav-drawer nav>ul { max-height: 700px; } @media(max-height: 768px) { #nav-drawer nav>ul { height: auto; } .slimScrollDiv { // max-height: 60% !important; } } div#nav-drawer { padding: 0px; margin: 0px; padding-right: 0px; padding-left: 0px; transition: all 0.5s ease; background: #ffffff; nav.list-group a.list-group-item span.icon { margin-left: 0px; } span.icon i { color: #000; opacity: .50; font-size: 18px; } span.menu-title { width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; } nav.list-group a.list-group-item span.menu-title { font-weight: 400; color: #000; opacity: 0.60; } .icon_logo { display: none; } #sidebar ul li { position: relative; height: auto; padding-bottom: 10px; /*padding-bottom: 8px;*/ } ul li ul li i { display: none; } ul li ul li ul li { padding-left: 15px; } li.dropdown ul li { border: none !important; } div[data-region="drawer-toggle"] { height: 36px; } } .list-group-item:last-child { border-radius: none; } #sidebar>ul { padding-right: 0rem; float: left; width: 100%; } #sidebar ul li a { text-align: left; position: relative; display: flex; align-items: center; text-decoration: none !important; } #sidebar>ul>li a { width: 100%; } .hidden-print.moodle-has-zindex.active span.menu-title { display: none; } #nav-drawer #custom_nav { float: right !important; text-align: center; left: 10px; position: initial; background: none !important; outline: 0px; } .navbar-brand.logo_left_menu.hidden-sm-down { padding-top: 0; padding-bottom: 0; span.site-name.hidden-sm-down { display: none; } } .navbar-brand { text-align: center; margin-right: 0px; } div.logo_responsive { height: 100px; display: flex; align-items: center; } div.logo_responsive a { display: inline-block; width: 100%; padding-right: 6px; padding-left: 6px; //By Dnyaneshwar //20 Feb 2019 padding-top: 0px !important; padding-bottom: 0px !important; } .hidden-print.moodle-has-zindex.active span i { font-size: 1em; float: none; text-align: center } .hidden-print.moodle-has-zindex.active a span img { text-align: center; position: relative; } .float-right { float: right !important; padding-right: 17px; } #nav-drawer #custom_nav { text-align: center; left: 10px; position: initial; padding-bottom: 0px !important; padding-top: 16px !important; } body.pagelayout-coursecategory div.search-filters { padding-top: 20px; } .hidden-print.moodle-has-zindex #sidebar ul :not(li.tab_active) a { color: #607d8b !important; text-transform: capitalize; padding-top: 17px; padding-bottom: 17px; border-bottom: none; border-left: none; border-right: none; border-radius: initial; // background-color: #fff; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: var(--slate); -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .hidden-print.moodle-has-zindex #sidebar ul li.tab_active a { line-height: 1; } #sidebar ul li ul li a span.media-left { width: 10px; margin-left: 26px; } div.nav-drawer.active li.dropdown ul.list-unstyled li a i { display: none; } .list-group-item-action:hover { background: none; } #sidebar ul:not(.in) li:not(.tab_active) a:hover { background-color: $lighten !important; // border-radius: 0px 35px 35px 0px !important; border-left: 5px solid $brand-primary !important; i, h6.icon_text_left_nav { color: $brand-primary !important; } } #sidebar ul li:not(.tab_active):hover a i { color: $primary !important; } #sidebar ul:not(.in) li:not(.tab_active) ul li a:hover { background: none !important; } #sidebar ul:not(.in) li:not(.tab_active) a:hover span.menu-title { color: $primary !important; } #sidebar-header li.tab_active a:hover { background: $primary; } .hidden-print.moodle-has-zindex { #sidebar { ul li ul li ul li { padding-left: 0px; position: relative !important; vertical-align: middle; text-align: left; border: none; .menu-title { padding-left: 0px; position: relative; float: left; vertical-align: middle; padding-left: 10px; } .media-left { display: none; } } ul li ul li ul.collapse.in li a:before { border-left: 1px solid $primary; content: ''; position: absolute; left: 0px; bottom: -26px; z-index: 0; height: 100%; } ul li ul li ul li a.dropdown-item { padding-top: 0px !important; } ul li ul li ul.collapse.in li:last-child a:before { content: none !important; } ul li ul li ul { position: relative; margin-left: 52px; height: auto; } ul li ul li a { border: none; } ul li ul li ul li a { padding: 0; height: 50px; vertical-align: middle; text-align: left; border: none; padding-left: 14px; } } } #sidebar>ul>li a { height: 56px !important; padding-left: 28px; padding-right: 0px; } ul li.tab_active a, ul li.tab_active a:hover { // color: choose-contrast-color(darken($brand-primary, 25%)) !important; border-left: 5px solid $primary !important; background-color: $lighten !important; // border-radius: 0 35px 35px 0px!important; i, h6.icon_text_left_nav { color: $brand-primary !important; } } ul li.tab_active a i, ul li.tab_active a h6, ul li.tab_active a { color: $primary !important; } ul.list-unstyled.collapse.in li { border: none; } ul li.dropdown.nav-item { background-color: #fff; } .hidden-print.moodle-has-zindex #sidebar ul li ul li a:hover { background-color: $lighten; } ul li.nav-item li:not(.tab_active) a:not(.active_nav) span.menu-title { color: #465b65; } ul.list-unstyled.collapse.in { li a:hover { background-color: $lighten; span { color: $brand-primary !important; } } } ul li ul.list-unstyled { background-color: transparent; } #nav-drawer.active ul li ul li a i { display: none; } body .navbar { transition: all 0.5s ease; } body:not(.navbar) { margin-left: 80px; } @media (min-width: 768px) { body.drawer-open-left { margin-left: 115px; transition: all 0.5s ease; } body:not(.drawer-open-left) { margin-left: 115px; transition: all 0.5s ease; } } #nav-drawer .logo_responsive img { width: auto; position: relative; margin: auto; } .div_logo_f { position: relative; } [data-region="drawer"] { width: 227px; top: 0px; height: calc(100% - 0px); z-index: 1030; overflow-y: inherit !important; transition: all .5s ease !important; } #nav-drawer { .list-group-item { :first-child { margin-right: 0rem; } } } .dropdown.nav-item ul li .accordion-toggle:hover:after { color: $brand-primary; } #nav-drawer.active .dropdown.nav-item ul li .accordion-toggle:hover:after { color: $brand-primary; } #nav-drawer.active .hidden-print.moodle-has-zindex #sidebar ul li a:after { display: none; } div#nav-drawer nav.list-group a.list-group-item:hover, div.dropdown.nav-item div.dropdown-menu.show a.dropdown-item:hover, div.dropdown.nav-item div.dropdown-menu.show a.dropdown-item:focus { background-color: #E0E0E0; box-shadow: none; color: #333; } .media-left { float: none; vertical-align: inherit !important; display: block; } span.media-left i { vertical-align: inherit; } nav.list-group div.media span.media-left, span.media-body { color: #000; opacity: .70; font-weight: 400; } .fixed-menu { position: relative; right: 0; } .slimScrollDiv { overflow-y: visible !important; height: 100%; display: inline-block; width: 100%; overflow-x: hidden; scrollbar-width: none !important; } .slimScrollDiv::-webkit-scrollbar-thumb { background-color: $brand-primary; border-radius: 11px; } .slimScrollDiv::-webkit-scrollbar { width: 0; opacity: 0 !important; visibility: hidden; } .slimScrollDiv:hover::-webkit-scrollbar { width: 6px !important; opacity: 1 !important; visibility: visible; } .slimScrollDiv::-webkit-scrollbar-thumb { opacity: 0 !important; visibility: hidden; } .slimScrollDiv:hover::-webkit-scrollbar-thumb { opacity: 1 !important; visibility: visible; } .slimScrollDiv::-webkit-scrollbar-track { background-color: #fff; } .slimScrollDiv:hover::-webkit-scrollbar-track { background-color: #cdcdcd; } .slimscroll-style { overflow: visible !important; height: 100% !important; } #nav-drawer .wid-dots { color: #b3cdd6; font-size: 16px; } div#nav-drawer ul.list-unstyled li { border: 1px solid rgba(0, 0, 0, 0.07); border-bottom: none; border-left: none; border-right: none; } div.moodle-has-zindex.active ul.list-unstyled li { border: none; } ul.list-unstyled { padding-right: 0px; } .list-group-item { border: none; } .list-group-item { background: none; } .dropdown.nav-item .accordion-toggle:hover:after { font-weight: inherit; color: $brand-primary; } #nav-drawer.active .dropdown.nav-item .accordion-toggle:hover:after { font-weight: inherit; color: $brand-primary; } /*Course catalog*/ body.pagelayout-coursecategory div.card-body { padding: 8px 12px; } body.pagelayout-coursecategory div.card-footer, body.pagelayout-coursecategory div.card-footer { padding-right: 0px; position: absolute; bottom: 0px; padding-left: 0px; } body.pagelayout-coursecategory ul.pagination { float: right; } body.pagelayout-coursecategory .card { border: 0; margin-bottom: 30px; border-radius: 6px; background: #fff; width: 100%; } div.listview .img-fluid { width: 100%; } .justify-content-end { justify-content: flex-end !important; } .w-100 { width: 100%; } .d-flex { display: flex !important; } a.instructor-img img { height: 43px !important; width: 43px !important; } div.listview a.instructor-img img { float: right; } body.pagelayout-coursecategory div.card-header-image a.instructor-img { display: inline-block; float: right; padding-right: 5px; padding-top: 5px; } div.listview a.img-courses { padding-left: 0px !important; padding-right: 0px !important; } .rounded-circle { border-radius: 50% !important; } .float-right { float: right !important; } body.pagelayout-coursecategory div.search-filters { padding-top: 20px; } body.pagelayout-coursecategory div.card-body { padding: 8px 12px; } body.pagelayout-coursecategory div.card-footer, body.pagelayout-coursecategory div.card-footer { padding-right: 0px; position: absolute; bottom: 0px; padding-left: 0px; } body.pagelayout-coursecategory ul.pagination { float: right; } a.instructor-img img { height: 43px !important; width: 43px !important; } div.listview a.instructor-img img { float: right; } body.pagelayout-coursecategory div.card-header-image a.instructor-img { display: inline-block; float: right; padding-right: 5px; padding-top: 5px; } div.listview a.img-courses { padding-left: 0px !important; padding-right: 0px !important; } body.pagelayout-coursecategory div.card-footer { padding-top: 0px; padding-bottom: 8px; background: none; border: none; } body.pagelayout-coursecategory a:not([href]):not([tabindex]):focus, body.pagelayout-coursecategory a:not([href]):not([tabindex]):hover { color: #fff; text-decoration: none; } .list-group-item-action { color: #334D6E !important; } @media (min-width: 320px) { body.pagelayout-coursecategory div.content-card, body.pagelayout-coursecategory div.content-card { padding-bottom: 1px; } body.pagelayout-coursecategory div.enrolmenticons img.icon { width: 26% !important; } } @media (min-width: 360px) { body.pagelayout-coursecategory div.content-card { padding-bottom: 1px; } body.pagelayout-coursecategory div.enrolmenticons img.icon { width: 19%; } } @media (min-width: 375px) { body.pagelayout-coursecategory div.enrolmenticons img.icon { width: 20% !important; } } @media (min-width: 768px) { body.pagelayout-coursecategory div.enrolmenticons img.icon { width: 7% !important; } } @media (min-width: 1024px) { body.pagelayout-coursecategory div.enrolmenticons img.icon { width: 10% !important; } } @media (min-width: 1179px) { body.pagelayout-coursecategory div.enrolmenticons img.icon { width: 10% !important; } } body.pagelayout-coursecategory input#coursesearchbox { height: 43px; } @media (min-width: 1370px) {} @media (min-width: 375px) { body.pagelayout-coursecategory div.listview div.enrolmenticons img.icon { width: 7% !important; } } @media (min-width: 1460px) { body.pagelayout-coursecategory div.listview div.enrolmenticons img.icon { width: 4% !important; } } @media (min-width: 760px) { div.listview .list-activity-buttons { width: 100%; } } @media (min-width: 795px) { div.listview .list-activity-buttons { width: 66%; } } #page-my-index section#region-main div.card.card-block { box-shadow: none !important; } /* width */ body::-webkit-scrollbar { width: 12px; } /* Track */ ::-webkit-scrollbar-track { background: #E1E1E1; } /* Handle */ ::-webkit-scrollbar-thumb { background-color: #CDCDCD; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #DBD7D7; } /*Front page styles*/ #page-site-index, body.pagelayout-mydashboard { .block-region .card-block { border-radius: 7px; background-color: $blocksbgcolor; padding-left: 20px; padding-top: 18px; padding-right: 0px; min-height: 300px; max-height: 365px; overflow-y: hidden; overflow-x: hidden; } .card-block .card-text.content:hover { overflow-y: auto; scrollbar-face-color: #607d8b; scrollbar-arrow-color: #fff; scrollbar-track-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-Color: #fff; } .card-block .card-text.content { overflow-y: auto; overflow-x: auto; background-color: #fff; scrollbar-face-color: #fff; scrollbar-arrow-color: #fff; scrollbar-track-color: #fff; scrollbar-track-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-Color: #fff; } .card-block { .card-text.content { height: 300px; } .card-text.content::-webkit-scrollbar-thumb { width: 6px !important; opacity: 0.4; border-radius: 50px; } .card-text.content::-webkit-scrollbar-thumb:hover { width: 6px !important; opacity: 0.4; border-radius: 11px; } .card-text.content::-webkit-scrollbar-thumb { width: 6px !important; opacity: 0.4; border-radius: 50px; } .card-text.content::-webkit-scrollbar-thumb:hover { width: 6px !important; opacity: 0.4; border-radius: 50px; } } .block-region aside.block { box-shadow: $blocksshadow; margin-bottom: 12px; height: $cardheight; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 7px; opacity: 1; .card-block .action-menu-item { margin-right: 5px; } } .block-region .card-block .card-title { font-size: 12px; text-transform: uppercase; font-weight: initial; background: none; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.7px; color: $blocksheadertxtcolor; padding: 0px; color: var(--text-color); } #region-main>.card.card-block { padding-left: 0px; padding-right: 0px; padding-top: 0px; } @media (min-width: 1367px) { .card-block .calendarwrapper .minicalendar.calendartable td a { margin-left: 0px; display: inline-block; border-radius: 50%; } } .block_user_profile { height: 410px !important; .card.hovercard .cardheader { background-color: $primary; } .userprofile_icon { color: $primary; } .count_no_class { color: $primary; } .viewprofile { color: $primary ; } } } .block_onesection { width: 88% !important; margin: auto; float: none !important; } body#page-my-index.editing section.block_onesection { margin-top: 39px; } body#page-site-index.pagelayout-admin #region-main { width: 100%; } /*Remove badges, competences and grades from the left menu*/ [data-key="competencies"] { display: none; } [data-key="badgesview"] { display: none; } [data-key="grades"] { display: none; } #page-local-people-index { .report-left-block-acordeon .pad-all.card { box-shadow: $blocksshadow; } .report-left-block-acordeon.pad { box-shadow: $blocksshadow; background-color: $blocksbgcolor; } .bootstrap-datetimepicker-widget.dropdown-menu.usetwentyfour { table thead tr:nth-child(2) { background-color: $lighten; color: $brand-primary; } } .bootstrap-datetimepicker-widget { table { td { span:hover { background-color: $brand-primary; color: choose-contrast-color(darken($brand-primary, 25%)) !important; } } } } div.search-filter-buttons { div.report-left-block-acordeon { div.filterpeople { div.filterslist { div.panel-heading:hover { h5.panel-title { a.plms-reports-dropdown { background-color: $brand-primary; } } } } div.date-filters { div.filterslist { div.date-time { div.input-group { div.input-group-prepend { span.input-group-text:focus { box-shadow: $inputsshadow; } } } } } } } } } div.table-filters { div.content-form { form#form-bulk-actions { table.table-people { thead { tr { th { color: $brand-primary; a { color: $brand-primary; } } } } } } } } div.options-table { div.dropdown-menu { a:hover { color: $brand-primary !important; } } } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: $primary; color: white; } .modal { #EnrolForm { padding: 15px; .startdate { display: inline-flex; } .enddate { display: inline-flex; } .form-group .float-right { float: right !important; padding-right: 0px; } } div#course_select_help { margin-top: -10px; margin-bottom: 15px; margin-left: 14px; } } .modal-header button.close { top: 33px !important; right: 20px !important; } .plms-reports-dropdown.active { background-color: $brand-primary !important; color: #fff !important; } } footer#page-footer { div.poweredby { text-align: center; padding: 15px; } position: relative; div.container { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; } } footer#page-footer { z-index: -1; height: 40px !important; min-height: 36px; position: fixed; bottom: 0px; background-color: #F7F8FC !important; transition: opacity .2s ease-out; opacity: 0; div.text_to_html p { text-align: right; } } body:not(.drawer-open-left) footer#page-footer .container-fluid { margin-right: 80px; transition: all .5s ease; } body.drawer-open-left footer#page-footer .container-fluid { margin-right: 227px; transition: all .5s ease; } footer#page-footer.show { opacity: 1; z-index: 100; } footer#page-footer div.text_to_html { display: inline-block; float: right; } footer#page-footer.visible { opacity: 1 !important; } footer#page-footer a { color: #607d8b !important; opacity: 0.64; } footer#page-footer a b { font-weight: 500 !important; } body.pagelayout-coursecategory { input#coursesearchbox { height: 100%; padding: .55rem .75rem; } } body.pagelayout-coursecategory { input#coursesearchbox { height: 100%; padding: .55rem .75rem; } fieldset.coursesearchbox {} .img-fluid { display: block; max-width: 100%; max-height: 100%; } } header { div.search-nabvar { display: inline-block; position: relative; div#results { background-color: #ffffff; position: absolute; top: 45px; box-shadow: 1px 15px 31px #A6A6A65E; left: 10px; width: 100%; max-width: calc(100% - 10px); } div.search-results { margin-left: 0px; overflow-y: auto; max-height: 500px; margin-right: 0px; div.no-results { height: 52px; display: flex; align-items: center; justify-content: center; img { position: unset; width: unset; height: unset; border-radius: unset; } } img { position: absolute; width: 29px; height: 29px; border-radius: 50%; } a.aabtn { position: absolute; width: 29px; height: 29px; left: 9px; margin-top: 8px; border-radius: 50%; } span { padding-left: 5px; color: #595959 !important; } } } } header div.search-nabvar div.results { width: 569px; left: -3px; } header div.search-nabvar div.search-results div.result a { cursor: pointer; text-align: left; color: #595959; min-height: 41px; display: flex; align-items: center; text-decoration: none; padding-left: 45px; color: #484B5A; font-size: 13px; span.highlight { padding-left: 39px; color: #595959 !important; font-weight: bold; } } .content-shadow { box-shadow: $blocksshadow !important; } body.pagelayout-default_plugins section#region-main div.card.card-block { box-shadow: $blocksshadow !important; background-color: $blocksbgcolor !important; } #page-mod-game-view div.millionaire_head_paradiso { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important; background-color: $brand-primary; height: 100%; margin-bottom: 0px; } #page-mod-game-view div.millionaire_head_paradiso p { color: #fff; } #page-mod-game-view div.millionaire_head_paradiso h4 { color: choose-contrast-color(darken($brand-primary, 25%)); padding-top: 12px; } #page-mod-game-view div.millionaire_answer_button input { background-color: $brand-primary !important; border-color: $brand-primary !important; color: choose-contrast-color(darken($brand-primary, 25%)) !important; } #page-mod-game-view td.crosswordarea { border: 1px solid $gray-dark !important; //Border background for all table background-color: $gray-lightest !important; //Gray background for all table } #page-mod-game-view table#crossword td { border: 1px solid $gray-lighter !important; //Lines color for td-table } #page-mod-game-view .boxnormal_unsel { background-color: $brand-primary !important; //Background color for unselect line } #page-mod-game-view .boxnormal_sel { background-color: $gray-dark !important; ////Hover background for select line } body#page-blocks-customnavigation-structure { .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-right: 5px !important; } .select2-container--default .select2-selection--multiple .select2-selection__clear { position: absolute; right: 4px; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0 8px 0 5px; } .select2-container--default.select2-container--focus .select2-selection--multiple { height: auto !important; width: 120%; } .select2-selection.select2-selection--multiple { height: auto !important; width: 120%; } #region-main { .custom-navigation { .block_customnavigation_radio { padding-bottom: 10px; .form-radio { min-width: 20%; display: flex; align-items: center; } } @media (min-width: 401px) { .block_customnavigation_radio { display: flex; } } } } } h2.title-people { color: $header-color !important; } span.fdefaultcustom label[for=id_name_customize]:before { position: initial; vertical-align: bottom; } span.fdefaultcustom label[for=id_name_customize] { padding-left: 0px; vertical-align: text-bottom; } /*Test Forms DCarmona*/ form div.fdescription.required { text-align: center; display: none; } @media (max-width: 540px) { span.fdate_selector div.form-group { width: 100% !important; } } body:not(.pagelayout-frontpage), body:not(.pagelayout-mydashboard), body:not(.pagelayout-coursecategory) { div.modal-body form.mform { padding: 0px !important; } div:not(.modal-body) form.mform { @media (min-width: 544px) { input.form-control { display: inline-block; width: 100%; vertical-align: middle; } } @media (min-width: 1400px) { input.form-control { display: inline-block; width: 80%; vertical-align: middle; } div#password-group { width: 80%; vertical-align: middle; } textarea.schedule_report { width: 80%; } } } .mform fieldset { margin-left: 0px; } @media (max-width: 768px) { :not(.modal-body) form.mform { padding: 0px 19px; } form div.options { float: none !important; } form.mform { padding: 0px 5px !important; } } @media (max-width: 920px) { :not(.modal-body) form.mform { padding: 0px 20px; } } @media (min-width: 544px) { .form-inline select.form-control, select.form-control, div[data-fieldtype=editor]>div, div.filemanager, div.filepicker-filelist, iframe.h5p-editor-iframe { width: 100%; } } @media (min-width: 1400px) { .create-course div#step1 select#id_category { width: 80% !important; } #learningcontent div.card-block div.fcontainer select#id_country { width: 80% !important; } div[data-fieldtype=editor]>div { width: 80%; } iframe.h5p-editor-iframe { width: 80% !important; } } .form-inline select.form-control, select.form-control, div.filemanager, div.filepicker-filelist { width: 80% !important; padding: 0px 3px 2px 10px !important; } /*MG for calender view date issue*/ body#page-paradiso_upcoming-view .form-inline select.form-control, select.form-control, div.filemanager, div.filepicker-filelist { width: 100% !important; // padding: 0px 3px 2px 10px !important; } div.contentlabel { padding-bottom: 12px; } div[data-groupname="buttonar"] label.col-form-label { padding-left: 0px; } label.col-form-label div.options { padding-right: 12px; } input[type=text], select, .select2-container--default .select2-selection--multiple, input[type=password], span.select2-selection { height: 36px !important; } div[data-fieldtype=tags] input[type=text] { border-radius: 3px !important; padding: .5rem .75rem; width: 80%; } input[type=text]:focus, select:focus, .select2-container--default .select2-selection--multiple:focus, input[type=password]:focus, textarea.form-control:focus { box-shadow: $inputsshadow; outline: none; } .has-danger input[type=text], .has-danger div.custom_select div.select-selected { border: solid 1px #ef5d84 !important; } .has-danger input[type=text]:focus, .has-danger div.custom_select div.select-arrow-active { box-shadow: 0 1px 5px 0 rgba(239, 93, 132, .9); } div.form-control-feedback { outline: none; } div.editor_atto_content_wrap, div.editor_atto_toolbar { border: solid 1px #C9DCE2; } div.editor_atto_toolbar { background-color: #fff; } span.fdate_selector, div.fdate_time_selector { display: block; } span.fdate_selector label.form-check input, div.fdate_time_selector label.form-check input { vertical-align: middle; } span.fdate_selector div.form-group, div.fdate_time_selector div.form-group { width: 20%; } a.visibleifjs { width: 36px; height: 36px; border-radius: 3px; border: solid 1px $lighten; display: inline-flex; align-items: center; justify-content: center; vertical-align: bottom; } a.visibleifjs:focus { box-shadow: $inputsshadow; } i.wid-icon-helpbutton { color: #607d8b; font-size: 10px; position: absolute; top: 2px; left: 4px; } div.buttonhelp { border: solid 1px #c9dce2 !important; background: #eaf1f3 !important; width: 16px; height: 16px; border-radius: 16.5px !important; position: relative; padding: 0 !important; } div.buttonhelp:hover { background-color: #f5f7fe !important; } .form-control:disabled, .form-control[readonly], div.filemanager div.bg-faded { background-color: #f5f7fe !important; } div.editor_atto_content.form-control { border: none; } div.form-radio input[type="radio"] { position: absolute; z-index: -1; opacity: 0; } div.form-radio label:before { content: ''; display: block; position: absolute; width: 17px; height: 17px; background-color: transparent; left: 15px; top: 50%; margin-top: -9px; border-radius: 50% !important; border: solid 1px #c9dce2; } div.form-radio input[type="radio"]:checked+label:before { content: '\f090'; font: normal normal normal 14px/1 PlmsWidgets; color: #fff; font-size: 7px; padding-top: 4px; background-color: $brand-primary; text-align: center; box-shadow: $inputsshadow; padding-right: 1px; } div.fitem.advanced label:before { left: 27px !important; } form div.checkbox-date { padding-left: 0px; display: inline-block !important; } div.checkbox-date { padding-top: 10px; } .pt-3, .py-3 { padding-top: 1rem !important; } .pt-2, .py-2 { padding-top: .5rem !important; } i.fa-calendar { color: #768C94; } div.fdate_time_selector div.form-group.fitem { width: auto; } span.form-autocomplete-downarrow i.wid-icon-arrowvit { font-size: 5px; color: #607d8b; } @media (max-width: 1400px) { .form-autocomplete-downarrow { float: right; right: 26px; margin-top: -30px !important; top: initial !important; left: inherit !important; } } @media (max-width: 544px) { input[id*="form_autocomplete_input"] { width: 100%; } } abbr.initialism.text-danger i.icon { margin-right: 0px; } abbr.initialism { font-size: 14px !important; } div.defaultsnext select.form-control { width: 22%; } .has-danger .form-control-danger { background: none; } form.mform fieldset legend.ftoggler { border-radius: 3px; } form.mform fieldset.collapsed legend.ftoggler { background-color: #eff5fb; } form.mform fieldset.collapsible:not(.collapsed) legend.ftoggler { background-color: $brand-primary; } form.mform fieldset.collapsible:not(.collapsed) { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.11); background-color: #fbfcff; } form.mform fieldset.collapsible:not(.collapsed) legend { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.11); } div.modal form.mform fieldset.collapsible:not(.collapsed), div.modal form.mform fieldset.collapsible:not(.collapsed) legend { box-shadow: none; background: none; } form.mform :not(.collapsed) legend.ftoggler a.fheader { color: choose-contrast-color(darken($brand-primary, 25%)); } form.mform :not(.collapsed) legend.ftoggler { color: choose-contrast-color(darken($brand-primary, 25%)); } .mform fieldset.collapsible legend a.fheader { margin-left: 0px; color: #607d8b; font-size: 18px; background-position: right; display: block; padding-left: 0px; font-weight: 500; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mform fieldset.collapsible legend { margin-left: 0px; color: #607d8b; font-size: 18px; background-position: right; display: block; padding-top: 12px; padding-bottom: 12px; padding-left: 34px; padding-right: 34px; font-weight: 500; text-decoration: none; height: 49px; } .mform fieldset.collapsible div.fcontainer.clearfix { margin-left: auto; margin-right: auto; padding-left: 90px; padding-right: 15px; padding-top: 36px; } div.modal .mform fieldset.collapsible div.fcontainer.clearfix { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; padding-top: 36px; } @media (max-width: 1400px) { .mform fieldset.collapsible div.fcontainer.clearfix { padding-left: 15px; } } legend.ftoggler div.buttonhelp { display: none; } .mform fieldset { border: none; } .mform fieldset.collapsed legend a.fheader, .mform fieldset.collapsible legend a.fheader { background: none; } abbr[title], abbr[data-original-title] { border: none; } :not(.modal-body) .mform fieldset.collapsed legend a.fheader:before { content: '\f055' !important; font: normal normal normal 14px/1 PlmsWidgets; color: #465b65 !important; float: right; font-size: 7px; padding-top: 9px; padding-right: 8px; font-weight: 600; } :not(.modal-body) .mform fieldset.collapsible legend a.fheader:before { content: '\f056'; font: normal normal normal 14px/1 PlmsWidgets; color: #fff; float: right; font-size: 7px; padding-top: 9px; padding-right: 8px; font-weight: 600; } .modal-body fieldset.collapsible legend { background: none !important; } .modal-body fieldset.collapsible legend a { color: #465b65 !important; } #dateselector-calendar-panel div.yui3-calendar-header { background-color: #fbfcff; height: 44px; padding-top: 12px; } #dateselector-calendar-panel div.yui3-calendar-header a.yui3-calendarnav-nextmonth, #dateselector-calendar-panel div.yui3-calendar-header a.yui3-calendarnav-prevmonth { border: none; } #dateselector-calendar-panel div.yui3-calendar-header a.yui3-calendarnav-nextmonth:before { content: '\f09c'; font: normal normal normal 14px/1 PlmsWidgets; color: $brand-primary; position: absolute; right: 20px; top: 4px; } #dateselector-calendar-panel div.yui3-calendar-header a.yui3-calendarnav-prevmonth:before { content: '\f09d'; font: normal normal normal 14px/1 PlmsWidgets; color: $brand-primary; position: absolute; left: 20px; top: 4px; } } .yui3-skin-sam .yui3-calendar-day { font-size: 16px !important; color: #212529 !important; font-weight: normal !important; } form div.userselector select { height: 100% !important; } form div[data-groupname=sestime] div.form-group.fitem { width: 10%; } select#id_users { height: 100% !important; } form input[type="checkbox"] { vertical-align: middle; } .yui3-skin-sam .yui3-calendar-content { padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; border: solid 1px rgba(27, 162, 221, 0.56); background-color: #ffffff !important; border-radius: 4px; background: none; box-shadow: 0 1px 5px 0 rgba(27, 162, 221, .9) } .yui3-skin-sam .yui3-calendar-header-label { font-size: 16px; color: #465b65; font-weight: 600; } .yui3-skin-sam .yui3-calendarnav-nextmonth { margin-right: 0px; border-left-color: $brand-primary; } .yui3-skin-sam .yui3-calendarnav-prevmonth { margin-left: 0px; border-right-color: $brand-primary; } table.yui3-calendar-grid tr.yui3-calendar-weekdayrow { height: 33px; background-color: rgba(222, 235, 247, 0.75); } table.yui3-calendar-grid tr.yui3-calendar-weekdayrow th { text-align: center; padding: 12px 6px; color: $brand-primary; } .yui3-skin-sam .yui3-calendar-content { color: #212529 !important; } label { color: #484B5A; } label[for=suppressemail]:before { content: ""; display: inline-block; position: initial; width: 17px; height: 17px; background-color: transparent; border-radius: 3px !important; margin-right: 8px; border: solid 1px #c9dce2; vertical-align: bottom; } #page-admin-message-defaultoutputs table.generaltable td.lastcol { padding-top: 17px; } form div.form-group.row.femptylabel div.form-control-static { width: 80%; } #page-user-editadvanced form div.contentlabel+div.form-group.row { display: none; } fieldset#id_submissiontypes { div[data-groupname=submissionplugins] label.form-check.fitem {} } div[data-groupname=completionpassgroup] label.form-check-inline { padding-left: 0px; } div[data-groupname=sestime], div[data-groupname=periodgroup], div[data-groupname=datetimeknown_group] { select.form-control { width: 100% !important; } } #id_activitycompletionheader input { vertical-align: middle; } button#restrictbygroup { height: 36px; border-radius: 18px; border: solid 1px #768c94; } form#frm_course_category_selector div.form-group.col-md-6 { margin-bottom: 0px; margin-top: 0px; } .btn-danger { margin: 10px 0px 0px 10px; } div.filter-search, div.button-view { padding-top: 12px; } label[for="id_s__coursecontact_3"] { padding-top: 8px; } div[data-fieldtype=passwordunmask] { .input-group { position: relative; display: flex; flex-wrap: wrap-reverse; align-items: stretch; width: 100%; } input.form-control { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; border-right: 0px !important; } div.input-group-append { display: flex; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #C9DCE2; border-radius: 0.25rem; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0px !important; position: absolute; right: -1px; z-index: 32; background: #fff; height: 36px; } input#id_newpassword:focus { border-top-left-radius: 0; border-bottom-left-radius: 0; } i.fa-eye { color: #607d8b; } } .form-autocomplete-suggestions { border: 1px solid #e0ebef; padding-left: 5px; li { padding: 10px 6px; color: #465b65; } li:hover { background-color: #f5f7fe; color: $brand-primary; } li[aria-selected=true] { background: none; } } fieldset#id_competenciessection { div.fcontainer.clearfix>div.form-group { margin-bottom: 30px; } } fieldset#id_courseformathdr { padding-top: 0px !important; margin-top: 0px !important; } fieldset#id_availabilityconditionsheader { span.availability-plugincontrols, div.availability_grade, div.availability-inner { border: none; } @media(max-width: 768px) { div.fcontainer.clearfix { padding-left: 0px !important; padding-right: 0px !important; } div.availability-list div.availability-inner, .availability-plugincontrols { margin-left: 0px; padding-right: 0px; padding-left: 0px; padding-top: 0px; } select.availability-op { margin-left: 2px !important; margin-right: 2px !important; } } @media (max-width: 400px) { div[data-fieldtype=textarea] { padding-left: 8px; padding-right: 8px; } input[type=text] { width: 64% !important; margin-left: 0px !important; } label, select { width: 100%; } } div.availability-header span.p-l-1 { padding-left: 0px !important; padding-right: 11px; } label:before { content: none; } div.availability_grade>label.form-group { margin-bottom: 12px; } select.availability-neg { margin-left: 0px !important; } div.availability-inner div.availability-header { margin-bottom: 10px; } div.availability_grade input[name=minval], div.availability_grade input[name=maxval] { max-width: 100% !important; width: auto !important; } } div[data-groupname=datetimeknown_group] div.form-group.fitem { width: 10%; } div[data-groupname=startdate] select, div[data-groupname=enddate] select { width: 100%; } #page-admin-roles-manage table#roles tbody td.lastcol { width: 12%; i.icon { font-size: 14px; margin-right: 0px; margin-left: 0px; } } form table.generaltable { div#removecontrols input, div.courseselector input[value=Clear] { height: 36px; background-color: #fff; border: solid 1px #768c94; -webkit-box-shadow: 0 0 0 0 #768c94; box-shadow: 0 0 0 0 #768c94; border-color: #768c94; color: #768c94; border-radius: 18px; } div.courseselector { select { height: 100% !important; } input[type=text] { border-radius: 3px; } input[value=Clear] { margin-right: 1rem !important; margin-left: 1rem !important; padding: .5rem 1rem; } label { margin-right: .3em; } } td#existingcell { width: 42%; } div.form-inline input.form-control, div.courseselector input.form-control { width: 30% !important; } div.userselector select, div.courseselector select { width: 100%; } } form#assignform table.generaltable { td.cell.c0 { width: 42%; } div.userselector select { width: 100%; } input.btn-secondary { height: 36px; background-color: #fff; border: solid 1px #768c94; -webkit-box-shadow: 0 0 0 0 #768c94; box-shadow: 0 0 0 0 #768c94; border-color: #768c94; color: #768c94; border-radius: 18px; } input.btn-secondary:hover { background-color: #768c94; } } form { div#video-general-settings-upload { div#video-upload-button { div#video-upload-or { float: none; padding-left: 24px; top: 0px; } } div.form-group.row { display: inline-block; width: 100%; } @media (min-width: 1400px) { input#id_video_url { width: 80% !important; padding: 0px 3px 2px 6px !important; } } @media (min-width: 768px) { div.clearfix { width: 33% !important; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } } @media (min-width: 544px) { div.clearfix { float: left; width: 100%; } } } @media (max-width: 768px) { div#video-general-settings div[data-fieldtype=editor] { margin-bottom: 25px; } } div.editor_atto_content_wrap { margin-bottom: 30px; } } /*End Test Forms*/ /* Buttons*/ button, .btn, .btn-primary, .btn-secondary, .btn-default { outline: none !important; transition: 0.2s ease-in; padding: 7px 18px !important; } input[type=submit].btn-primary { height: 40px; } .btn-primary:hover, div#addcontrols input#add:hover { box-shadow: $button_shadow_hover; border-color: $brand-primary; transition: 0.2s ease-in; } .btn-primary:focus, #custom_nav, .btn-secondary, div#addcontrols input#add:focus, div#removecontrols input#remove, form#assignform input[name=cancel] { outline: none; } .btn-secondary, input[name=cancel] { background-color: $lighten; border: solid 1px $lighten; color: $brand-primary; height: 40px; } .btn-round, div.submitbuttons input.btn, form div.buttons input.btn, form#assignform input[name=cancel] { padding: 7px 18px !important; } .btn-square { border-radius: 5px !important; } .btn-secondary-hover, .btn-secondary:hover, form#assignform input[name=cancel]:hover { background-color: $lighten !important; color: $brand-primary !important; box-shadow: $button_shadow_hover; border-color: $lighten !important; transition: 0.2s ease-in; } .btn-back { color: $brand-primary; font-size: 27px !important; padding-right: 13px !important; } div#addcontrols input#add, div#addcontrols input#addall, input[type=submit].btn-primary, div.confirmation-buttons input[type=button].btn-primary, div.modal-footer button[type=button].btn-primary { background-color: $brand-primary; border: solid 1px $brand-primary !important; color: choose-contrast-color(darken($brand-primary, 25%)); padding: 7px 18px !important; } div#addcontrols input#add, div#addcontrols input#addall, div#removecontrols input#remove, div#removecontrols input#removeall { margin-bottom: 5px; } .btn-group .btn { margin-right: 5px; margin-bottom: 5px; } a.back_page { color: $brand-primary; display: flex; align-items: center; text-decoration: none; i { font-size: 27px; } } a.back_page:hover { box-shadow: $buttonshadowhover; transition: all 0.3s cubic-bezier(.25, .8, .25, 1); border-radius: 50%; } /* Written by Paresh Shinde */ body#page-login-index { .btn-group { position: relative; display: flex; vertical-align: middle; justify-content: space-around; margin-bottom: 1px; } #login_center .card { border-radius: 30px; } div.card-block { padding: 0px 30px; } .content-login { .content-inner { .card-block.pt-4 { padding: 0; } } } } #page-local-download_reports-view { .card.card-block.content-shadow { padding: 15px 0 0 !important; } } #page-local-iomad-dashboard-index { .card.card-block.content-shadow { padding: 15px 15px 0 0 !important; } } #page-local-iomad-dashboard-index { #learningcontent { .card.card-block.content-shadow { padding: 15px !important; } } } #page-blocks-customnavigation-structure { .card.card-block.content-shadow { padding: 15px 0 0 !important; } } #page-blocks-configurable_reports-editreport { .card.card-block.content-shadow { background-color: #fff !important; } } #page-blocks-configurable_reports-viewreport { .card.card-block.content-shadow { background-color: #fff !important; } } #page-course-index-category { .card.card-block.content-shadow { padding: 15px 0 15px !important; } } //Proper spacing arround a card #page-local-social_wall-index, #page-local-coursewizard-createcourse, #page-local-learningpaths-index, #page-local-learningpaths-view, #page-local-people-index, #page-local-reports-index, #page-local-download_reports-view, #page-local-iomad-dashboard-index, #page-theme-paradiso-pages-course_category-editcategory, #page-local-enroll_by_profile-index, #page-message-index, #page-blocks-xpparadiso-index, #page-contentbank, #page-admin-tool-lp-plan, #page-theme-paradiso-pages-course_management-management, #page-local-trial-index, #page-local-trial-buy_plan { #page-content { #region-main-box { padding: 0 !important; } } div.settings-menu { height: 0 !important; } } #page-course-index-category, #page-user-profile { div.settings-menu { height: 0 !important; } } #page-theme-paradiso-pages-course_category-editcategory, #page-local-people-index, #page-local-reports-index, #page-local-download_reports-view, #page-local-iomad-dashboard-index { #region-main>.card { margin-top: 0; } } #page-local-paradisolms-createuser { form.mform { fieldset.collapsible { &:not(.collapsed) { box-shadow: unset; background-color: unset; } } box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .11); } } #page-admin-tool-uploaduser-index { form.mform { fieldset.collapsible { &:not(.collapsed) { box-shadow: unset; background-color: unset; } } box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .11); } div.buttonhelp { display: inline-block; margin-left: 10px; } } #page-local-coursewizard-createcourse { .card-box.card-wizard { .options.d-inline.float-right { display: flex !important; justify-content: space-between; width: 37px; padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); padding-right: 0; } .course_wizard_padd1 { .btn.next-step { height: 40px; } } .course_wizard_padd { input[type=submit].btn-primary { height: 40px !important; } } } } #page-local-people-index { div.modal.show.moodle-has-zindex { display: flex; align-items: unset; } div[data-fieldtype=editor]>div { width: 100% !important; } .options.d-inline.float-right { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); } } #page-local-learningpaths-edit { .content-shadow { .options.d-inline.float-right { display: flex !important; justify-content: space-between; width: 37px; padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); padding-right: 0; } } } #subitem26 { li.sidemenu-closed.menu-exp { a { background-color: #fff !important; background: #fff !important; color: #484b5a !important; border: 0 !important; } } } aside.block_calendar_month { .minicalendar { position: relative; .calendar-controls { .text-right { .arrow_link.previous { position: absolute; right: 34px; } .arrow_link.next { position: absolute; right: 10px; } } } } } body.format-topics, body.format-weeks, body.format-singleactivity, body.format-social { #content_customnav { #nav-drawer { .icon_text_left_nav { height: 19px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; direction: ltr; } } #sidebar { ul { padding-left: 0rem; float: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; li { a { span.media-left { width: 83px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 5px; .icon_text_left_nav { margin-right: unset; } } } } } @media screen and (max-width: 768px) { span.menu-title { margin-left: 0px !important; } } } .settings-menu { .options-buttons { .teacherdashbutton_format_paradiso, .studentdashbutton_format_paradiso, a#add-block, form#frm_enable_edition { background-color: #fff; padding: 8px 15px; border-radius: 5px; box-shadow: -1px 2px 14px rgb(206 206 206 / 37%); font-size: 13px !important; } a#add-block, form#frm_enable_edition { margin-right: 15px; } .siwitch_content { .checkbox.checbox-switch { margin-right: 0; } } } a#add-block, form#frm_enable_edition { margin-right: 15px; } .siwitch_content { .checkbox.checbox-switch { margin-right: 0; } } } } div.options-header { .check-switchrole { .siwitch_content { .form-group { width: 100% !important; margin: 0; .checbox-switch { span.toggle { font-size: 13px !important; } } } } } } } body.format-topics, body.format-weeks, body.format-singleactivity { div.settings-menu { justify-content: flex-end; height: 63px; div.section-right { flex: 1; } .options-buttons { a#add-block { top: unset !important; left: unset !important; } } } .action-menu-trigger { .dropdown.show { div.dropdown-item a[role="menuitem"] { display: flex; gap: 10px; } } } aside#block-region-side-pre { aside.block { box-shadow: -1px 2px 14px rgb(206 206 206 / 37%); margin-bottom: 12px; border-radius: 7px; opacity: 1; } } } body.format-singleactivity.path-user { .modal.show { .modal-dialog { width: 600px; } } } #page-course-view-topics.format-topics.path-user, body.format-weeks.path-user, body.format-singleactivity { div.settings-menu { margin-bottom: 0 !important; } nav { .pagination { width: 100% !important; li.page-item.active { .page-link { color: $brand-primary !important; background-color: #fff !important; border-color: #fff; font-weight: 600; } } li.page-item { margin-right: 5px !important; .page-link { font-size: 15px; border: 0 !important; font-weight: 400; padding: 0px !important; } } } } table#participants { border: $blocksasideborder; thead { tr { border-bottom: $blocksasideborder; th { color: $brand-primary ; font-weight: 600; background-color: $lighten !important; border: 0; a { color: $brand-primary; } } } } tbody { tr { background-color: #fff !important; border-bottom: $blocksasideborder; &:hover { td, th { background-color: $table_tr_hover !important; } } th { border-top: 0; } .form-autocomplete-selection [role=listitem] { margin-bottom: 4px !important; } div.autocomplete_selection { span.form-autocomplete-downarrow { right: 10px !important; i.wid-icon-arrowvit { font-size: 6px; } } } td.cell { .dropdown-menu.show { left: -44px !important; } } th.cell.c1 { a.d-inline-block.aabtn { display: -ms-grid !important; display: grid !important; -ms-grid-columns: 43px 65%; grid-template-columns: 43px 65%; align-items: center; overflow: hidden; img.userpicture { border-radius: 50%; } } } td.cell.c6 { div[data-status=Active] { display: flex; align-items: center; justify-content: space-evenly; width: 100px; } } } } } } @media screen and (max-width: 800px) { .course-category-page { .dropdown-menu.show { right: 0; } .dropdownmenutags { left: 0 !important; right: unset !important; } } } @media screen and (max-width: 767px) { #page-site-index, #page-my-index { .block_statistics { .card-text { .row { width: 100% !important; flex-wrap: nowrap !important; overflow-x: scroll !important; margin-left: -12px; .col-md-6.col-sm-3.col-xs-3.col-lg-6.col-xl-3.graph-parent { padding-right: unset !important; padding-left: unset !important; max-width: 200px !important; } &::-webkit-scrollbar { width: 5px !important; background-color: #fff !important; height: 5px !important; } &::-webkit-scrollbar-track { display: block !important; background-color: #eee !important; width: 5px !important; } &::-webkit-scrollbar-thumb { background-color: $brand-primary !important; color: #fff !important; } } } } } #page-mod-forum-view { table.table.discussion-list { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } #page-message-index { #region-main-box { padding: 0 !important; #region-main { .conversationcontainer { flex: 0 0 100% !important; max-width: 100% !important; } .col-8.d-flex.flex-column { flex: 0 0 100% !important; max-width: 100% !important; } } } } #page-course-index-category { .button-view { z-index: 2; } } #page-course-index-category { .dropdownmenutags { left: unset !important; right: 0; margin-top: 0 !important; } } #page-course-index-category { .button-view { top: 0px !important; } } .course-category-page { .dropdownmenutags { left: unset !important; right: 0 !important; } } #page-login-forgot_password { input#id_submitbutton { min-width: auto !important; } input#id_cancel { min-width: auto !important; } } /** * @desc Hide Edit Mode text in mobile for toggle switch on course page only * @ticket #2145 - Customized this button to be renamed as EDIT. * @date 05/08/2022 * @author Sameer A. */ .course_siwitch_content .txt_switch { display: none !important; } } .block_xpparadiso-recent-activity::-webkit-scrollbar-thumb { background-color: $brand-primary !important; color: #fff !important; } #page-course-view-topics, body.format-weeks, body.format-singleactivity { .section { .activity { .activityinstance { >a { display: inline-block; text-indent: unset; padding-left: unset; } } .mod-indent-outer { position: relative; } } } h2.course-name { p { margin-bottom: 0rem; } } .options-buttons { .forumsearch { .input-group { position: relative; input#search { vertical-align: middle; height: 36px !important; position: relative; font-size: 13px; padding: 2px 35px 2px 18.5px; border-radius: 32.5px !important; border: 2px solid $brand-primary; background-color: #fff; } button#searchforums { position: absolute; margin: auto !important; padding: 4px 7px !important; color: #fff; border-radius: 14px; background-color: $brand-primary !important; right: 21px; top: 4px; font-size: 12px; z-index: 9; } } } } } body.path-mod-forum { .region_main_settings_menu_proxy { height: auto !important; } div.breadcrumb-button.settings-menu { padding-top: 18px; margin-bottom: 30px; justify-content: flex-end; padding-left: 2% !important; padding-right: 2% !important; .options-buttons { gap: 10px; flex-direction: row-reverse; width: 100%; .teacherdashbutton_format_paradiso, form#frm_enable_edition, .studentdashbutton_format_paradiso, a#add-block { background-color: #fff; padding: 8px 15px; border-radius: 5px; box-shadow: -1px 2px 14px rgb(206 206 206 / 37%); font-size: 13px !important; margin-right: 0; } div#coursecontrols { padding: 0; } } } .forumsearch { flex: 1; form { max-width: 330px; button#searchforums { min-width: auto !important; height: auto !important; margin: 0 5px; } } } } .block_course_records { .course_records_list { .coursebox { .coursedetails { .coursefoot { .btn-lw-coursesstart { &:hover { background-color: $brand-primary; color: #fff; } } .btn-lw-coursescontinue { &:hover { background-color: $brand-primary; color: #fff; } } } .zeropercent, .progressbar { background-color: $primary; } } } } } #page-local-people-index { .moodle-has-zindex { .btn.btn-round { width: auto !important; } } .search-filter-buttons { form#form-city, form#form-country, form#form-courserole { span.select2-container { width: 100% !important; } } } span#user-notifications { .alert.alert-success { margin: 0 15px 15px; } } } #page-course-index-category { .course-category-page { #page-header-desc { padding: 0 !important; } #learningcontent { /*background-color: rgb(255 255 255 / 0%) !important;*/ #page-content { padding: 0 !important; } } } .course_add_new { .coursecatbtn_grp { .dropdown-menu { min-width: 10rem !important; padding: 0; .dropdown-item { padding: 12px 17px !important; } } } } } div.course-myrecords { nav { margin-left: unset !important; margin-top: unset !important; position: absolute; bottom: -5%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } } body#page-course-view-paradiso { div#linkblock_mynotes { margin: 0 0px 0 30px; } } .block_course_records { .course_records_list { .coursebox { .coursedetails { .coursefoot { .btn-lw-coursesstart { background-color: $lighten; color: $brand-primary; box-shadow: 0 2px 8px 0 #d5d5d5 !important; } .btn-lw-coursescontinue { background-color: $lighten; color: $brand-primary; box-shadow: 0 2px 8px 0 #d5d5d5 !important; } } } } } } aside.block.block_courses_statistics { .element-groups { a.view-course { color: $brand-primary; } } } .block_paradiso_team { .table_team { .avatar_initials { background-color: $lighten; } } } .block_team { .table_team { .avatar_initials { background-color: $lighten; } } } //Admin course page layout changes #page-course-view-topics, body.format-weeks, body.format-singleactivity { .course-content { .section_action_menu { position: relative; z-index: 9; } li.activity>div { top: 0px !important; .mod-indent-outer { .inplaceeditable.inplaceeditable-text { display: flex; justify-content: space-between; a { margin-right: 5px; } } .actions { width: 100px; justify-content: end; .commands { .menubar { .action-menu-item { span.filler { margin-left: 0; } } } } } } } } } header.navbar-light { div#navbar-nav { .btn_search_on { div.has-white { padding-left: 20px; } } } } #page-blocks-iomad_company_admin-company_managers_form { .companymanagertable.addremovetable.generaltable.generalbox.boxaligncenter { #buttonscell { p.arrow_button { float: left; input { margin-bottom: 10px; } } } } } #page-local-report_completion-index { .reporttablecontrolscontrol { .fdate_selector { .form-group { select.form-control { width: 100% !important; } } } &:last-child { min-width: 50%; } } .no-overflow { table.flexible.generaltable.generalbox { .singlebutton { padding-bottom: 10px; } } } } #page-blocks-iomad_company_admin-company_course_create_form { .contentlabel { display: flex; justify-content: space-between; .options.d-inline.float-right { display: flex !important; justify-content: space-between; width: 37px; padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); padding-right: 0; } } } body.format-paradiso.editing { .course-content { ul.topics { li { ul.section { li.activity[id^="module"] { .editing_move { left: 0px !important; } } } } li.activity { span.actions { div.dropdown { a[role="menuitem"] { padding: 0.4rem !important; span { margin: 4px 0px 4px 6px; line-height: 17px; } } } } } } } } .block_courserecords { .generaltable { .item { a { color: $brand-primary; } /** * @desc Added brand color to Download button * @author Sameer A. * @ticket #2162-My record/ Certificate Not obtained message */ button.certificate { color: $brand-primary; } .aspan { color: $brand-primary; } } } } body.format-paradiso { div#page-content { padding: 0 0px !important; } header#page-header { ul.nav.nav-tabs { .nav-link.active { background-color: #fff !important; color: $brand-primary !important; font-weight: 600; &:after { border-bottom: 4px solid $brand-primary !important; } } li.nav-item { div.dropdown-menu-right { width: 220px; a.menu-action { &:hover { background-color: $lighten !important; color: $brand-primary !important; span.menu-action-text { color: $brand-primary !important; } } span.menu-action-text { line-height: 1.4; } } } } } } li.activity { form.togglecompletion { button.btn.btn-link { padding: 0 !important; } } } li.Activities_list { i { font-size: 14px; border: $blocksasideborder; padding: 3px; border-radius: 20px; } } table#participants { border: $blocksasideborder !important; border-radius: 4px; thead { tr { border-radius: 4px; th { background-color: #F9FAFB !important; color: #3F557A; border-bottom: $blocksasideborder; border-top: $blocksasideborder; padding: 0.75rem 5px; .commands { display: inline; } a { color: $brand-primary !important; } } th.header.c0 { padding: 5px !important; } } } tbody { tr { background-color: #fff; border: $blocksasideborder; &:hover { background-color: $table_tr_hover !important; } td, th { background-color: unset; border: 0; } } } } #changenumsections { position: absolute !important; bottom: 8px !important; left: 50px !important; a { width: 200px; } } #course_content { .btn-lw-courses.callajax { background: $brand-primary; } .btn-lw-courses { background: $brand-primary; } } div.section_search { ul.overview-item { li.section_overview { h3.sectionname { a { color: $brand-primary; } } .sectionname.overview-title { background: $lighten; } } } } .userlist { table#participants { td.cell.c6 { .dropdown-menu.show { .dropdown-item { &:hover { color: $brand-primary; background-color: #fff; } &:focus { color: $brand-primary; background-color: #fff; } } } } } } .grade-navigation { ul.nav.nav-tabs { a.nav-link { color: #272727 !important; border: 0; height: 40px !important; } a.nav-link.active { color: $brand-primary !important; font-weight: 600; border: 0; border-bottom: 4px solid $brand-primary !important; } } } } #page-mod-videofile-view.format-paradiso { .course-content { .tab-content { margin-top: 40px !important; } } } body#page-local-reports-report_schedule-index { div#plms-course-wizard { ul.nav-pills { li.nav-item { a.active { background-color: $brand-primary; } a { background-color: $lighten; } } } } } #page-paradiso_upcoming-view { .default { .col-md-2 { a.btn.btn-primary { float: left !important; } } } } table.addremovetable { #buttonscell { .arrow_button { input { margin-bottom: 10px; } } } } .block_xpparadiso-level-progress { .xp-bar { background-color: $brand-primary; background-image: linear-gradient(to bottom, $brand-primary, lighten($brand-primary, 22%)); } } .block_xpparadiso { nav { .nav-button { i.fa { margin: 0; padding: 0; font-size: 19px; width: 19px; height: 19px; color: $brand-primary; } } } .xp-total { color: $brand-primary; } } #page-blocks-iomad_company_admin-company_competency_frameworks_form { .mform { fieldset.collapsible { div.fcontainer.clearfix { padding-left: 0; padding-right: 0; padding-top: 0; table.companyframeworktable.addremovetable.generaltable.generalbox.boxaligncenter { tr { display: flex; justify-content: space-between; flex-flow: nowrap; >td { width: 33.33%; } #potentialcell { text-align: right; } } } } } } } #page-blocks-iomad_company_admin-company_capabilities { .row.m-t-1.border-bottom { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 6px; } } #page-blocks-iomad_company_admin-company_competency_templates_form { .mform fieldset.collapsible div.fcontainer.clearfix { padding: 0; .companytemplatetable.addremovetable { display: table; tr { td {} #existingcell { width: 42%; } td#potentialcell { text-align: right; } } } } } .select2-container--default { .select2-selection--single { .select2-selection__rendered { line-height: 32px !important; font-size: 13px; padding-left: 15px !important; } .select2-selection__arrow { top: 3px !important; } .select2-selection__arrow b { border-color: $brand-primary transparent transparent transparent !important; margin-left: -7px !important; margin-top: 0px !important; } } .select2-results__group { font-weight: 700; background-color: #e9ecef; margin: 7px; } .select2-search--dropdown { display: block; padding: 0 !important; padding-bottom: 5px !important; } .select2-dropdown { box-shadow: -6px 15px 31px #a6a6a65e; border: 1px solid #F6F6F6 !important; padding: 10px; } .select2-results__option[aria-selected=true] { background-color: $lighten !important; } .select2-results__option--highlighted[aria-selected] { background-color: $lighten !important; color: $brand-primary !important; } } .select2-container--default.select2-container--open { .select2-selection--single { .select2-selection__arrow { b { border-color: transparent transparent $brand-primary transparent !important; margin-top: -1px !important; } } } } #page-local-mt_dashboard-cohort-assign { #assignform { .generaltable.generalbox.boxaligncenter { tr { display: flex; justify-content: space-between; flex-flow: wrap; td#existingcell, td#potentialcell { width: auto; flex: 2; } td#buttonscell { flex: 1; div#addcontrols, div#removecontrols { text-align: center; input[type="submit"] { width: auto; padding: 7px 18px !important; border-radius: 4px; } } } div.userselector select { width: 100% !important; } } div#removecontrols input, input.btn-secondary { background-color: $brand-primary; } } } } #block-region-side-pre, #block-region-side-pre-admin { .slick-slider { position: unset; .slick-slide { min-width: 251px; } } .block_paradiso_recommendation { .slick-prev { left: -15px !important; } } } #page-blocks-iomad_company_admin-company_course_users_form { .mform { table.companycourseuserstable { td#buttonscell { text-align: center; >input { margin-bottom: 5px !important; padding: 5px 10px 5px 5px; border-radius: 20px; } } td#existingcell { #currentlyenrolledusers_wrapper { div.form-inline { input#currentlyenrolledusers_searchbutton { margin: 0 7px; } } } } td#potentialcell { #potentialcourseusers_wrapper { div.form-inline { input#potentialcourseusers_searchbutton { margin: 0 7px; } } } } } } } #page-site-index, #page-my-index { .lpd-lp-detail { .lpd-lp-detail-head { .lpd-lp-detail-head-column { font-size: 11px !important; } } .lpd-lp-detail-body { .lp-course-row { .lp-file { font-size: 11px !important; } } } } } @media screen and (min-width: 2000px) and (max-width: 2600px) { #page-course-index-category { .course-category-page { #categoryCourses { .content-card.col-xl-3 { .card.card-header-image { min-height: 330px; .content-img { img { object-fit: unset; } } } } } } } } @media screen and (min-width: 1800px) and (max-width: 1999px) { #page-course-index-category { .course-category-page { #categoryCourses { .content-card.col-xl-3 { .card.card-header-image { min-height: 270px; .content-img { img { object-fit: unset; } } } } } } } } #page-local-iomad-dashboard-index { .mt_boxing { p { overflow: hidden; max-height: 33px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } } } #page-local-people-index { div.search-filter-buttons { div.header-search { div.custom-search-form { i.men-search-phx { background: $brand-primary; } input#txt { border: 2px solid $brand-primary; } } } } } #page-local-people-index { div.table-filters { div.content-form { form#form-bulk-actions { table.table-people { thead { tr { th { a { i.men-icon-phsorting { color: $brand-primary; } } } } } } } } } thead { background-color: $lighten !important; } .bulk-actions { .content-actions { .dropdown-toggle::after { display: inline-block; margin-left: -12px !important; vertical-align: 2px; content: ""; border-top: 6px solid !important; border-right: 6px solid transparent !important; border-bottom: 0; border-left: 6px solid transparent !important; } } } } #page-user-profile { .userprofile { .user-info { .user-content.row { border-bottom: 2px solid #E6E6E6; padding-bottom: 15px; position: relative; .profile-user-link { .loin-as-div { background-color: $brand-primary; margin-right: 5px; text-align: center; padding: 5px; border-radius: 4px; margin-bottom: 5px; i { color: #fff !important; } a { color: #fff !important; } } .send_message-div { background-color: $lighten; margin-right: 5px; text-align: center; padding: 5px; border-radius: 4px; margin-bottom: 5px; i { color: $brand-primary !important; } a { color: $brand-primary !important; } } } } } ul.nav-tabs a.nav-link.active, ul.nav-tabs a.nav-link.active:focus, ul.nav-tabs .nav-link.active:hover { background-color: #fff !important; color: $brand-primary !important; border: 0 !important; border-bottom: 5px solid $brand-primary !important; } ul.nav-tabs .nav-link { height: 50px !important; font-size: 14px; font-weight: 600; text-transform: capitalize; } } } body#page-user-profile { div#page-content.allone-section div.card.card-block { min-height: 82vh; } div.user-panel { div.tab-content { #tab-1 { div.contentnode { >span:nth-child(2) { margin: 10px 0; font-weight: 300; background: #f9f9f9; border: 2px solid #e9e9e9; border-radius: 3px; padding: 10px 12px; font-size: 13px; } } .custom_field_lokesh_checkbox { span:nth-child(2) { background: none !important; border: 0 !important; } } div[class*="custom_field_"] { span { img { margin: 0 auto; display: block; } } } } #tab-2 { div.card-box.card-badges { box-shadow: none !important; margin: 0; display: unset; .col-sm-2.badgeimg { display: inline-flex; justify-content: center; } span.badge-name { font-size: 13px; font-weight: 600; } } } #tab-3 { >div { margin: 10px 10px 35px; display: inline-block; } .tool_policy, .retentionsummary { a { padding: 15px 35px !important; background: $lighten 0% 0% no-repeat padding-box !important; box-shadow: 0px 2px 10px #edf0f3; border: 2px solid $brand-primary !important; border-radius: 3px; } } } #tab-5 { .contentnode { .generaltable { .header { background: $lighten; padding: 14px 0 !important; width: 100% !important; border: $blocksasideborder; .span-header { font-size: 13px !important; font-weight: 600; } } .items-content { border: $blocksasideborder; border-top: 0; .item { border-top: $blocksasideborder !important; } } .pagination { padding-top: 10px; border-top: 1px solid #f3f1f1 !important; } } } .search-filter-wrap { .search-box-wrap { .search-course-box { width: 80%; float: right; padding-left: 15px; } .men-search-phx { position: absolute; margin: auto; padding: 7px; color: #fff !important; border-radius: 14px; background-color: $brand-primary; width: unset; height: unset; right: 20px; left: unset; bottom: unset; top: 5px; } } } } #tab-6 { .preference, .reports { border: 2px solid #efefee; width: 240px; margin-right: 28px; padding: 10px; .text { padding: 5px; display: unset !important; margin: 0 !important; span { a { border: 0; background: transparent; text-transform: capitalize; } } } } span.pref, span.rep { font-size: 14px !important; font-weight: 600 !important; color: #484b5a !important; } .text { span.blogs, span.notes, span.mycustomcerts, span.forumposts, span.forumdiscussions, span.hsuforumposts, span.hsuforumdiscussions, span.learningplans { display: flex; flex-flow: wrap; width: 255px; border: 2px solid #e9e9e9; border-radius: 3px; text-align: center; a { padding: 14px 12px !important; width: 100%; font-size: 15px !important; color: #484B5A; &:hover { color: $brand-primary; } } &:hover { border: 2px solid $brand-primary; } } display: inline-block; flex-flow: wrap; margin: 15px; } } #tab-7 { div.text { span { display: flex; flex-flow: wrap; width: 255px; border: 2px solid #e9e9e9; border-radius: 3px; text-align: center; a { padding: 14px 12px !important; width: 100%; font-size: 15px !important; color: #484B5A; font-family: $font-family-sans-serif; &:hover { color: $brand-primary; } } &:hover { border: 2px solid $brand-primary; } } display: inline-block; flex-flow: wrap; margin: 15px; } } } } } div#element_custom_navigation { li.sidemenu-closed.menu-exp.tab_active { a.dropdown-item { color: $brand-primary !important; } } } body#page-course-view-paradiso { div { [role=main] { padding: 0 !important; } } } #page-mod-videofile-view { #plms-video { border-radius: 8px; margin-top: 15px; } } #page-blocks-configurable_reports-editplugin { #edit-plugin-form { .tab-content { fieldset.input_field_paradiso input.form-control { padding-left: 20px !important; } fieldset.input_field_paradiso i.men-search-phx { color: #fff !important; background-color: $brand-primary; right: 4px !important; } } } } #page-local-people-index { .pagination-content { div.record-page { span { font-size: 14px; } } .page-item.active .page-link { color: $brand-primary; background-color: unset; border-color: unset; border: 0; font-weight: 600; font-size: 14px; } .page-link { background-color: unset; border: 0; font-size: 14px; } } .select2-container--default { .select2-selection--single { .select2-selection__rendered { color: $brand-primary; } } } } body#page-course-view-paradiso, body#page-enrol-index { .inst { // display: flex; // flex-flow: row; // justify-content: flex-start; // align-items: center; font-size: 15px !important; font-weight: 600; margin: 6px 0; // text-align: center; display: grid !important; grid-template-columns: 50px 65%; align-items: center; img.userpicture { width: 40px; height: 40px; border-radius: 50%; margin-bottom: 6px; margin-right: 10px; display: inline-block; } } } body#page-course-view-paradiso { #studentdashslider { .list-group { display: flex; flex-direction: row; padding-left: 0; margin-bottom: 0; border-radius: 3px; flex-wrap: wrap; justify-content: space-between; } } } body.lang-es { header.navbar-light { div#navbar-nav { div.check-switchrole { div.roletxt { width: auto !important; } } button.dropdown-toggle.add-btn { width: auto !important; } } } } #page-course-view-paradiso { #course_content { .course-rating-container { justify-content: unset !important; position: absolute; bottom: 23px; } .block_xpparadiso-recent-activity { opacity: 0; } } } /** * @author Pankajk * @since 14 Sep 2023 * @Ticket #234 Title is hiding. */ #studentdashslider{ max-height: 52em; overflow-y: scroll; } @media screen and (max-width: 1024px) { body.format-paradiso { .choosercontainer.paradisochooser_item { #chooseform { .content { // left: 25vw !important; } .instruction { // left: 25vw !important; } .alloptions { // max-width: 25vw !important; } } } .chooserdialogue-course-modchooser { width: 100% !important; max-width: 900px; } .moodle-dialogue-base { .moodle-dialogue-fullscreen { .moodle-dialogue-content { overflow-x: hidden; } } } } } @media only screen and (max-width: 600px) { body.format-paradiso { .chooserdialogue-course-modchooser { width: 100% !important; max-width: 900px; } .choosercontainer.paradisochooser_item { #chooseform { .content { // left: 50vw !important; } .instruction { // left: 50vw !important; } .alloptions { // max-width: 50vw !important; } .category { .content { .blockmods { height: 29vh; } } .typesummary { .option { .itemsummary { left: 1% !important; bottom: 70px !important; height: 14vh !important; top: unset !important; right: 0 !important; width: 47vw !important; } } } } .submitbuttons { .submitbutton { width: auto; } } } } #linkblock_xpparadiso { width: 98% !important; } header#navbar-paradiso { .coursename-backto { div.teacherdashbutton_format_paradiso { #btn_dashboard { max-height: 27px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } } } } } #page-admin-tool-lp-coursecompetencies { #course_content { #linkmaincontent { .float-right.border.mb-2.p-2 { float: unset !important; } } } } aside.block { ul.pagination { a.page-link { font-size: 12px !important; padding: 0.5rem 0.7rem; } } } } #page-message-index { .view-conversation { .custom-control-label::before { top: 1.75px !important; } .custom-control-label::after { top: 1.75px !important; } div[data-region="confirm-dialogue-container"] { z-index: 9 !important; div[data-region="confirm-dialogue"] { width: max-content; margin: 0 auto; border-radius: 4px; button.btn { width: max-content; height: auto; margin: 0.5rem; } } } } } #page-login-signup { #region-main { background-color: transparent !important; } } .boton_settings_off { .usermenu { .login { font-size: 12px !important; max-width: 145px; line-height: 1.4; } } } #page-local-enroll_by_profile-index { div.rulelist { &::-webkit-scrollbar-thumb { background-color: $brand-primary; } } #rules_table { .table-responsive { &::-webkit-scrollbar-thumb { background-color: $brand-primary; } &::-webkit-scrollbar { width: 4px; height: 6px; } } } .rules_buttons { .add.rules_btn:hover { box-shadow: $button_shadow_hover; border-color: $brand-primary; transition: .2s ease-in; } } #mortalEngines { td { border: 0 !important; } .cell.c6.lastcol { .dropdown-menu.show { min-width: 7rem; padding: 0; .dropdown-item { padding: 0.5rem 1.5rem 0.5rem 0.5rem; display: flex; gap: 10px; align-items: center; i.delete_icon { color: unset !important; } } .dropdown-item:hover, .dropdown-item:focus { color: $brand-primary; background-color: $lighten; } } } } } #page-local-reports-index { .dropdown-menu.report_cate_elli_icon_menu.show { a.dropdown-item { &:hover, &:focus { color: $brand-primary; background-color: #fff; } } } #report_accordion { table.table.dataTable { border: $blocksasideborder; border-radius: 4px; thead tr { border: $blocksasideborder; } thead th { &:nth-child(1) { width: 4% !important; } border-bottom: $blocksasideborder; border-top: $blocksasideborder; } tbody { td.sorting_1 { width: 4% !important; } } tr.odd, tr.even { border-bottom: $blocksasideborder; } td { vertical-align: middle; } } } } body.format-paradiso { #coursenavigation { .topics { .actions { .action-menu.moodle-actionmenu { .dropdown { a.dropdown-toggle.show-icon { opacity: 0; } } } } } li.activity:hover { .actions { .action-menu.moodle-actionmenu { .dropdown { a.dropdown-toggle.show-icon { opacity: 1; } } } } } div.dropdown { div.dropdown-menu-right.show { opacity: 1; } } } #course_content { .block_xpparadiso-recent-activity { opacity: 0; } .tab-content { #linkblock_quickmail { i.icon { padding: 0 10px !important; } } } } } #page-grade-report-history-index { #course_content { .form-control-static { .selectusersbutton.gradereport_history_plugin { .selectortrigger { border-radius: 8px !important; color: #fff; background-color: $brand-primary; border: 1px solid $brand-primary; } } } .mform { .form-group { select.form-control { border: 1px solid #C8C8C8 !important; height: 43px !important; } } } } } #navbar-nav { .dropdown_lang { li.dropdown.nav-item { a.dropdown-toggle.nav-link:before { content: "\f078"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: $brand-primary; font-size: 10px; position: absolute; top: 18px; right: -5px; padding-right: 0; } } } } aside.block.block_xpparadiso { .card-block { .alert.alert-block { position: relative; width: calc(100% - 10px); opacity: 0.8; margin: 0 0 10px 0 !important; } .block_xpparadiso-level.noticecls { height: 110px; line-height: 110px; width: 100px; } } } #page-grade-report-grader-index { #course_content { .tab-content { .gradeparent { width: calc(100vw - 388px); overflow-x: auto; &::-webkit-scrollbar { width: 5px; height: 10px; } &::-webkit-scrollbar-thumb { background-color: $brand-primary; } table#user-grades { width: calc(100vw - 388px); } .floater.avg.floating { bottom: 0 !important; } } } } } body.format-paradiso { .h5p-iframe-wrapper { iframe.h5p-iframe.h5p-initialized { .h5p-interactive-video { video.h5p-video { height: 88vh !important; } } } } .nav-tabs { a.nav-link { color: #484b5a !important; height: 34px !important; } a.nav-link.active { background-color: #fff !important; color: $brand-primary !important; border: 0 !important; border-bottom: 4px solid $brand-primary !important; &:focus, &:hover { background-color: #fff !important; color: $brand-primary !important; border: 0 !important; border-bottom: 4px solid $brand-primary !important; } } } } body.format-paradiso { .moodle-dialogue-base.availability-dialogue { .moodle-dialogue-bd { ul.list-unstyled { button#availability_addrestriction_othercompleted, button.btn.btn-secondary { line-height: 1; margin-bottom: 10px; } } } .availability-buttons.mdl-align { min-height: auto; } .yui3-panel.moodle-dialogue.moodle-has-zindex.moodle-dialogue-focused { width: auto !important; } } } #page-mod-book-view { .card.card-block.content-shadow.not-card { &::after { display: block; content: ""; clear: both; } } } body#page-user-profile { .search-filter-wrap.row { align-items: center; } .select2-container { display: block !important; width: 80% !important; } .select2-container--default { .select2-dropdown { padding: 10px 10px 0 !important; } } .select2-search--dropdown { .select2-search__field { padding: 8px !important; margin-bottom: 5px; border-radius: 4px; } } .select2-results__option { padding: 8px !important; margin-bottom: 10px; border: 1px solid #E2E2E2; border-radius: 4px; } .select2-container--default { .select2-selection--single { .select2-selection__arrow { b { right: 7px !important; margin-left: -10px !important; top: 10px; transform: rotate(225deg); border: 0; border-width: 2px !important; border-top: 2px solid $brand-primary; border-left: 2px solid $brand-primary; display: block; width: 8px; height: 8px; position: absolute; border-color: $brand-primary !important; } } } } .select2-container--default.select2-container--open { .select2-selection--single { .select2-selection__arrow { b { border: 0; border-width: 2px !important; top: 15px; transform: rotate(45deg); border-top: 2px solid $brand-primary; border-left: 2px solid $brand-primary; display: block; width: 8px; height: 8px; position: absolute; border-color: $brand-primary !important; } } } } } #page-message-index { .message-app { .btn.btn-link.btn-icon.icon-size-4 { z-index: 999; } min-height: calc(100vh - 90px); background-color: #fff; box-shadow: 0px 2px 10px #cbcdd05e; border-radius: 7px 7px 0px 0px; .clickable:hover { filter: drop-shadow(-2px 3px 2px rgba(0, 0, 0, .3)) !important; } .message.send { display: inline-block !important; min-width: 100px; max-width: 50%; float: right; background-color: #F8F8F8 !important; border-radius: 9px 9px 0px 9px !important; clear: both; } .message.received { background-color: $lighten !important; float: left; min-width: 100px; max-width: 50%; margin-left: 35px !important; border-radius: 0px 9px 9px 9px !important; clear: both; } .message { .tail { display: none; } } .text-gold { color: #FF8800; margin-top: 3px; } .btn.btn-link.btn-icon:hover, .btn.btn-link.btn-icon:focus { background-color: transparent; } .res_pic { position: absolute; left: -35px; top: -1px; } .full_name_head { font-size: 14px; color: #484B5A; } .msg_para { font-size: 13px !important; color: #484B5A; } .mgs_clearfix { &:after { display: block; content: ""; clear: both; } } .footer-container { textarea { background: #F8F8F8; border-radius: 25px; border: 0; margin: 0 25px; padding: 12px 100px 12px 20px; box-shadow: 0px 1px 8px 0 rgb(45 111 188 / 23%); } .emoji_send { position: absolute !important; right: 38px; top: 15px; .btn.btn-link.btn-icon.icon-size-3 { height: 38px !important; width: 38px !important; background-color: $brand-primary; color: #fff; } } } .conver_list_txt { .font-weight-light.last-message { overflow: hidden; min-height: 1.3rem !important; max-height: 39px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .conver_date { color: $brand-primary; font-size: 11px !important; } } .conver_head { .con_head_main { font-size: 15px !important; } } .conversationcontainer { &::-webkit-scrollbar-thumb { background-color: $brand-primary; } .msg_contact_setting { display: flex; justify-content: space-evenly; width: 70px; position: absolute; top: 23px; right: 5px; .msg-icon { position: relative; i.icon { font-size: 20px !important; color: #000; } i.icon.fa.fa-cog.fa-fw { &:after { content: "\f142"; font-family: FontAwesome; font-style: normal; padding-top: 2px; } &:before { display: none; } } span.badge.badge-primary[data-region="contact-request-count"] { position: absolute; left: 0; top: -7px; font-size: 7px; padding: 4px 0; border-radius: 25px; width: 15px; height: 15px; text-align: center; } } } .d-flex.align-items-center { .msg_input_br { border: 2px solid $brand-primary; border-radius: 33px; input.form-control { border: 0; border-radius: 33px; padding-left: 20px; } .input-group-prepend { span { border: 0; border-radius: 33px; padding: 0px 9px; margin: 2px 5px; color: #fff; background-color: $brand-primary !important; } } } } .mgs_search_show { .msg_input_br { border: 2px solid $brand-primary; border-radius: 33px; input.form-control { border: 0; border-radius: 33px; padding-left: 20px; } .input-group-append { button.btn.btn-outline-secondary { border: 0; border-radius: 33px; padding: 0px 9px !important; margin: 2px 4px !important; color: #fff; background-color: $brand-primary !important; } } } } .view-overview-body { .card-header { button.btn.btn-link.overview-section-toggle { padding: 12px 18px !important; background: #f8f8f8 !important; border-radius: 0 !important; .collapsed-icon-container { position: absolute; right: 4%; transform: rotate(0deg); .icon { font-size: 17px; width: 17px; height: 17px; &:after { content: "\f078"; font-family: FontAwesome; font-style: normal; } &:before { display: none; } } } .expanded-icon-container { position: absolute; right: 4%; transform: rotate(180deg); .icon { font-size: 17px; width: 17px; height: 17px; &:after { content: "\f078"; font-family: FontAwesome; font-style: normal; } &:before { display: none; } } } } } .section.card.expanded { .list-group { padding: 8px 10px; border-bottom: $blocksasideborder; border-width: 2px; border-left: 6px solid $brand-primary; a.list-group-item { img.rounded-circle { width: 50px !important; height: 50px !important; } .contact-status { left: 50px !important; top: 45px !important; } strong.m-0.text-truncate { font-size: 14px; color: $brand-primary; } } } } } } } } .summary-modal-container { .container-fluid { padding-right: 0; .event_popup { font-weight: 600; font-size: 14px !important; margin: 10px 0 5px 0; color: #484B5A; i { color: #484B5A; } } .event_subtxt { margin-bottom: 10px; margin-left: 27px; color: #A7A7A7; a { color: #A7A7A7; } } .description-content, .location-content, .category-content, .group-content { overflow-wrap: break-word; font-weight: 600; font-size: 14px !important; margin-bottom: 10px; color: #484b5a; margin-top: -2px; } } } .moodle-has-zindex { .modal-footer { button.btn-secondary, button[type=button].btn-primary { border-radius: 3px !important; width: 140px !important; } } } #page-blocks-xpparadiso-index { h2.main { padding: 5px 0 17px; border-bottom: 2px solid #E6E6E6; font-weight: 600 !important; } div[role="main"] { .initialbar.lastinitial+h2.main { font-size: 16px !important; } } .block_xpparadiso-page-nav { ul.nav-tabs { a.nav-link { height: 45px !important; font-size: 14px; } a.nav-link.active, a.nav-link.active:focus, a.nav-link.active:hover { background-color: #fff; color: $brand-primary; font-weight: 600; border: 0; border-bottom: 4px solid $brand-primary; } } } .block_xpparadiso-table { border-radius: 4px; overflow: hidden; perspective: 1px; thead { border: $blocksasideborder; tr { th { height: 50px !important; vertical-align: middle; color: $brand-primary; background-color: $lighten; border-bottom: $blocksasideborder; border-top: $blocksasideborder; font-size: 13px; } } } tbody { tr { background-color: #fff !important; border: $blocksasideborder; vertical-align: middle; td.cell { .progress_xp_togo { width: 80%; .xp-togo { padding: 0 0 5px; } } } } } } .block_xpparadiso-table.my_position { .highlight-row { background-color: #F9FBFD !important; } } } #page-my-index, .format-topics, body.format-weeks, body.format-social { div.settings-menu { padding-left: 1%; padding-right: 1%; } } #page-site-index, #page-my-index, #page-calendar-view { .popover-body { div { display: grid; grid-template-columns: 15% 85%; &:nth-child(even) { margin-top: 15px; } } } } #page-my-index { .bs-popover-right { div { display: block; } } } #page-local-people-index { #SearchParameters { .content-filtter { .option-filters { .select2-container { .select2-selection--multiple { min-height: 36px; height: auto !important; border: $blocksasideborder; .select2-selection__rendered { overflow: hidden; max-height: 9rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; &:hover { overflow-y: scroll; } } .select2-selection__choice { background-color: $lighten !important; margin-left: 5px; padding: 2px 8px !important; } } } } } } } body.format-topics, body.format-weeks { li.activity { form.togglecompletion { .btn.btn-link { padding: 0 !important; } } } .total-point.check-switchrole { a.btn_settings { margin-top: 0 !important; } } } #page-my-index, #page-site-index { .moodle-has-zindex { .modal-footer { a { background-color: $brand-primary !important; border: solid 1px $brand-primary !important; color: #fff; border-radius: 3px !important; padding: 7px 18px !important; height: 40px !important; line-height: 1.8; } } } } .block_xpparadiso-ladder { nav { .pagination { li.page-item.active { .page-link { color: $brand-primary !important; background-color: #fff !important; border-color: #fff; font-weight: 600; } } li.page-item { .page-link { font-size: 15px; border: 0 !important; font-weight: 400; } } justify-content: center; display:none; } } } section.region-sidepre,section[data-region="blocks-column"] { .block_paradiso_team, .block_team { .card-block { .card-text.content { min-width: 285px; height: 281px !important; width: 100%; &::-webkit-scrollbar { width: 5px !important; background-color: #fff; height: 4px; } .team_align { position: relative; top: 30px; justify-content: flex-start; display: inline-grid; grid-template-columns: 47% 41%; margin: 0; gap: 10px; align-items: center; .check-content { padding: 0; label.form-checkbox.form-normal { width: 115px; padding-right: 0; padding-left: 0; } } } .team-icon.right { position: relative; float: right; top: -27px; right: -7px; } .table-responsive.reports_list { height: 188px !important; nav { bottom: -5% !important; left: 6px; // ul.pagination{ // a.page-link{ // font-size: 12px!important; // } // } } } } } } aside.block.block_upcoming_trainings { .card-title, div.block-controls { position: unset !important; } .filter-session { margin-right: 0; } .upcoming-training { .generaltable { min-width: 750px; } } } } /*All Table Tr Hover*/ #page-local-people-index { div.table-filters { div.content-form { form#form-bulk-actions { table.table-people { tbody { tr { &:hover { background-color: $table_tr_hover; } } } } } } } } #page-blocks-xpparadiso-index { .block_xpparadiso-table { tbody { tr { &:hover { background-color: $table_tr_hover !important; } } } } } .block_paradiso_courserecords { .generaltable { .item { &:hover { background-color: $table_tr_hover !important; } } } } .block_paradiso_team { #managerreportdisp { .table_team { tr { &:hover { background-color: $table_tr_hover; } } } } } .block_team { #managerreportdisp { .table_team { tr { &:hover { background-color: $table_tr_hover; } } } } } #page-local-reports-index { #report_accordion { table.table.dataTable { tbody { tr { &:hover { background-color: $table_tr_hover; } } } } } } .path-blocks-configurable_reports { form#sendemail { table.report-table { tbody { tr { &:hover { background-color: $table_tr_hover; } } } } } } body.format-paradiso { .section_search { a.option { background-color: $brand-primary !important; } } div.moodle-has-zindex { div.modal-body { label[for=add_section_numsections] { padding: 20px 20px 0 30px; } } .modal-footer.hidden { display: none !important; } } .gradeparent { #user-grades { tbody { tr.heading { color: $brand-primary; th { background-color: $lighten; padding: 10px !important; font-weight: 600; a { color: $brand-primary; } } } tr.userrow.odd, tr.userrow.even { th, td { background-color: unset !important; } border: $blocksasideborder; &:hover { background-color: $table_tr_hover !important; } } } } } #linkmaincontent { .userprofile { .profile_tree { section.node_category { li.editprofile { text-align: left; } } } } } div.moodle-has-zindex { .fp-dlg-butcancel.btn-round { margin-left: 10px; } button.fp-dlg-butconfirm.btn-round { margin-left: 20px; } .filemanager.fp-select.fp-file { .form-group { button.btn { margin-left: 10px; } } } } #coursenavigation { ul.section { li.activity { img.icon { margin-right: 0 !important; } } } } } #page-blocks-xpparadiso-index { table.generaltable.generalbox { thead { tr { border: 1px solid $gray-lighter; th { a { color: $brand-primary !important; } color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; padding: 12px 8px; } } } tbody { tr { background-color: #fff !important; border: $blocksasideborder; &:hover { background-color: $table_tr_hover !important; } td { vertical-align: middle; .xp-togo.col-sm-12 { padding: 0 0 5px; } } } } } } #page-grade-report-overview-index, #page-grade-report-quizanalytics-index, #page-grade-edit-scale-index, #page-grade-edit-letter-index, #page-grade-report-user-index, #page-grade-report-singleview-index { //body.format-paradiso{ table#overview-grade, table.generaltable { border: $blocksasideborder; thead { tr { th { color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; padding: 12px 8px; border: 0; } } } tbody { tr { background-color: #fff !important; border-bottom: $blocksasideborder; &:hover { background-color: $table_tr_hover !important; } td, th { border: 0; } } } } } #page-grade-report-singleview-index table.generaltable { thead tr { th { border: 0 !important; } td { background-color: $lighten !important; } } } #page-grade-report-quizanalytics-index { table.generaltable { thead { tr { th { font-size: 13px; } } } } } #page-local-people-index { .modal.show.moodle-has-zindex { form#EnrolForm { span.select2-container { width: 100% !important; } } .modal-footer { button#enroll { border-radius: 3px !important; min-width: 120px !important; } button[data-action=hide].btn-default { border-radius: 3px !important; min-width: 120px !important; height: 40px; } } } } #page-course-view-paradiso { table#participants { tbody { tr { th.cell.c1 { padding: 5px; a.d-inline-block.aabtn { display: -ms-grid !important; display: grid !important; -ms-grid-columns: 43px 65%; grid-template-columns: 43px 65%; align-items: center; img.userpicture { border-radius: 50%; } } } } } } } #page-local-reports-index { #report_accordion { table.table.dataTable { thead { th.sorting_asc { width: 4% !important; } } tbody { tr { td.sorting_1 { width: 4% !important; } a.reportname { display: inline-block; width: 100% !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 170px; } } } } } } #page-site-index, #page-my-index { section.region-sidepre { .block_statistics { .card-text.content { padding-top: 42px !important; .row { width: 100% !important; flex-wrap: nowrap !important; overflow-x: scroll !important; margin-left: -12px; .col-md-6.col-sm-3.col-xs-3.col-lg-6.col-xl-3.graph-parent { padding-right: unset !important; padding-left: unset !important; max-width: 200px !important; &:before { display: none; } } &::-webkit-scrollbar { width: 5px !important; background-color: #fff !important; height: 8px !important; } &::-webkit-scrollbar-track { display: block !important; background-color: #eee !important; width: 5px !important; } &::-webkit-scrollbar-thumb { background-color: $brand-primary !important; color: #fff !important; } } } } aside.block.block_comments.card { .comment-ctrl { ul.comment-list.comments-loaded { li { .comment-message { .comment-message-meta { span.user { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 71px !important; float: left; } } } } } } } aside.block_courses_statistics { .card-text.content { height: 265px; overflow-x: scroll; .row.course-overview { width: 690px; } &::-webkit-scrollbar { width: 5px !important; background-color: #fff !important; height: 8px !important; } &::-webkit-scrollbar-track { display: block !important; background-color: #eee !important; width: 5px !important; } &::-webkit-scrollbar-thumb { background-color: $brand-primary !important; color: #fff !important; } } } } } .format-topics.path-grade { .grade-navigation { ul.nav-tabs { a.nav-link.active, a.nav-link.active:focus, a.nav-link.active:hover { background-color: #fff !important; color: $brand-primary !important; border: 0; border-bottom: 4px solid $brand-primary; } a.nav-link { height: 36px !important; } } } .gradeparent { width: 86vw; overflow-x: auto; &::-webkit-scrollbar { width: 5px; height: 10px; } &::-webkit-scrollbar-thumb { background-color: $brand-primary; } table#user-grades { width: 86vw; } .floater.avg.floating { bottom: 0 !important; position: fixed !important; left: unset !important; } #user-grades { tbody { tr.heading { color: $brand-primary; th { background-color: $lighten; padding: 10px !important; font-weight: 600; a { color: $brand-primary; } } } tr.userrow.odd, tr.userrow.even { th, td { background-color: unset !important; } border: $blocksasideborder; &:hover { background-color: $table_tr_hover !important; } } } } } nav { .pagination { li.page-item.active { .page-link { color: $brand-primary !important; background-color: #fff !important; border-color: #fff; font-weight: 600; } } li.page-item { .page-link { font-size: 15px; border: 0 !important; font-weight: 400; } } justify-content: center; } } } #page-course-view-paradiso.format-paradiso.path-user, #page-course-index-category, #page-course-index, div#linkblock_force_recertification div#searchmytxt, #rules_table { nav { .pagination { li.page-item.active { .page-link { color: $brand-primary !important; background-color: #fff !important; border-color: #fff; font-weight: 600; } } li.page-item { .page-link { font-size: 15px; border: 0 !important; font-weight: 400; } .page-link:hover { background-color: transparent !important; } } } } } #page-local-download_reports-view { div.searchreport { i.men-search-phx { position: absolute; padding: 8px; font-size: 13px !important; width: 28px !important; height: 28px !important; color: #fff; border-radius: 14px; background-color: $brand-primary !important; right: 19px !important; left: unset !important; top: 4px !important; } input#search { border: 2px solid $brand-primary !important; } } table#reports_table { border: $blocksasideborder; thead { tr { th { color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; border-bottom: $blocksasideborder; padding: 13px 8px; border: 0; } } } tbody { tr { background-color: #fff !important; border-bottom: $blocksasideborder; &:hover { background-color: $table_tr_hover !important; } td, th { border: 0; } td.text-center.report_action { display: flex; justify-content: space-evenly; align-items: center; a { margin-right: 4px; } } } } } nav { .pagination { li.page-item.active { .page-link { color: $brand-primary !important; background-color: #fff !important; border-color: #fff; font-weight: 600; } } li.page-item { .page-link { font-size: 15px; border: 0 !important; font-weight: 400; } } justify-content: center !important; } } } //Reset outline report css #page-report-outline-user { .section { border: 0; padding: 0; margin: 0; .content { margin: 0; } } } #page-report-outline-user { ul.topics { li { ul.section { border-top: .5px solid lightgray; padding-left: 1rem; padding-right: 1rem; } } } #page-content { #region-main { div[role=main] { .section { margin: 10px 20px 20px; padding: 10px; border: $blocksasideborder; .content { margin-left: 20px; td[valign=top] { p { margin-bottom: 0; } } } } } } } } #page-grade-report-user-index.format-paradiso.path-grade, #page-grade-report-user-index.format-topics.path-grade { table.boxaligncenter.generaltable.user-grade { display: table !important; } } #page-admin-tool-task-scheduledtasks { #page-content { div[role=main] { overflow-x: auto; table.generaltable { border: $blocksasideborder; thead { tr { border-bottom: $blocksasideborder; th { color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; padding: 12px 8px; border: 0; vertical-align: middle; } } } tbody { tr { background-color: #fff !important; border-bottom: $blocksasideborder; td, th { border: 0; } &:hover { background-color: $table_tr_hover !important; } } } } } } } #page-mod-ilt-view { #page-content { .box.generalbox { overflow-x: auto; .Add_new_session { background-color: $brand-primary; } table.generaltable { border: $blocksasideborder; thead { tr { border-bottom: $blocksasideborder; th { color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; padding: 12px 8px; border: 0; vertical-align: middle; } } } tbody { tr { background-color: #fff !important; border-bottom: $blocksasideborder; td, th { border: 0; } &:hover { background-color: $table_tr_hover !important; } .dropdown-item { &:hover, &:focus { color: $brand-primary !important; } } } } } form { select#menudownload { border-radius: 0; margin-right: 20px; } } nav { .pagination { li.page-item.active { .page-link { color: $brand-primary !important; background-color: #fff !important; border-color: #fff; font-weight: 600; } } li.page-item { .page-link { font-size: 15px; border: 0 !important; font-weight: 400; } } justify-content: center !important; } } } } } #page-blocks-courserecords-index { #page-content { #region-main-box { padding: 0 !important; } } div.settings-menu { justify-content: flex-end; padding: 0 1%; a#add-block, .checkbox.checbox-switch { background-color: #fff; top: -8px; position: relative; padding: 8px 15px; border-radius: 5px; -webkit-box-shadow: -1px 2px 14px rgb(206 206 206 / 37%); box-shadow: -1px 2px 14px rgb(206 206 206 / 37%); margin-right: 15px; } } } #page-course-view-paradiso.format-paradiso { table#participants { thead { tr { th:last-child { width: 115px; } } } } } body.format-paradiso:not(.editing), body.format-paradiso.editing { .course-content { ul.topics { li.activity { div.activityinstance { a span.instancename { top: 12px; } } span.actions { top: 10px; } } } } } #page-local-report_user_license_allocations-index { .iomadclear { .fitem { .dep_tree { margin-bottom: 5px; } } } } #page-local-enroll_by_profile-index { #enroll_by_profile_modal { div.add-rule-loader-modal { position: fixed; top: 0; left: 0; color: #fff; background-color: #0000005c; width: 100%; height: 100%; z-index: 99; .loader-box { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; p { color: #fff; font-weight: 600; margin-top: 5px; letter-spacing: 1px; } .loader-animation { border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid $brand-primary; width: 50px; height: 50px; margin-right: 5px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } } } } } body#page-local-enroll_by_profile-index.lang-ar { .rules_buttons { text-align: right; a.add { i { margin-left: 0 !important; } } } } #page-blocks-configurable_reports-viewreport { form.recordsperpage { position: absolute; bottom: 22px; .record-page { span { font-size: 13px !important; color: #3F3F3F; } } select#id_userperpage_rep { width: auto !important; height: 31px !important; margin-left: 2px !important; padding: 0 2px !important; } } } body#page-course-view-paradiso.format-paradiso { .userprofile { .profile_tree { ul li.contentnode { .course-records.no-overflow { overflow-x: scroll; display: block; width: 100%; padding-bottom: 5px; .generaltable.course-myrecords-table.generaltable_paradiso { width: 800px; .header.row { padding: 0 !important; width: 100% !important; border-bottom: 0; border: $blocksasideborder; .span-header { border-bottom: $blocksasideborder; color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; padding: 12px 8px; border: 0; vertical-align: middle; } } .items-content { height: auto; max-height: 195px !important; border: 0; border-right: $blocksasideborder; border-left: $blocksasideborder; height: auto !important; overflow-y: auto; .item.row.myrecords_tbl { background-color: #fff !important; border-top: 0; border-bottom: $blocksasideborder; padding-top: 15px !important; &:hover { background-color: $table_tr_hover !important; } } } } &::-webkit-scrollbar { width: 5px !important; background-color: #fff !important; height: 8px !important; } &::-webkit-scrollbar-track { display: block !important; background-color: #eee !important; width: 5px !important; } &::-webkit-scrollbar-thumb { background-color: $brand-primary !important; color: #fff !important; } nav { display: flex; justify-content: center; align-items: flex-end; } } } } } } #page-blocks-iomad_company_admin-company_capabilities { div.mt-5 { a.btn.btn-secondary { height: auto !important; } } } #page-blocks-iomad_company_admin-iomad_courses_form { .reporttablecontrolscontrol { form.mform { #id_searchbutton[type=submit] { color: #fff !important; } } } .iomadclear { table.generaltable { tr td.cell { form[action="iomad_courses_form.php"] { input[type="submit"] { margin-top: 7px; } } } } } } #page-contentbank { .content-bank-container, .core_contentbank_viewcontent { .cb-toolbar-container { .btn-group .btn.dropdown-toggle { margin-bottom: 0; display: flex; align-items: center; justify-content: space-evenly; min-width: 75px; margin-right: 0; padding-right: 10px !important; color: #fff; border-radius: 4px !important; &::after { display: none; } } button.composer-add-folder.btn { background: $brand-primary; padding: 4px 11px !important; margin-right: 10px; margin-bottom: 0; border-radius: 4px; color: #fff; } .btn-secondary, .btn-primary { height: 36px; line-height: 1.5; display: inline-flex; align-items: center; justify-content: space-evenly; gap: 5px; } button.icon-no-margin { display: inline-block; text-align: left; i { font-size: 12px !important; } } } #dropdown-actions.btn-secondary { height: 34px; line-height: 1.5; } .ml-3 { margin-left: 0 !important; } .cb-search-container { .searchbar.input-group { border: 2px solid $brand-primary; border-radius: 60px; height: 34px; input#searchinput { border-radius: 60px; border: 0; height: 30px !important; background-color: transparent; } input#searchinputnew { border-radius: 60px; border: 0; height: 30px !important; background-color: transparent; width: 100%; } .input-group-append .input-group-text { border: 0; background-color: $brand-primary !important; padding: 5px; border-radius: 25px; width: 27px; height: 27px; margin-right: 2px; margin-top: 2px; color: #fff !important; .search-icon { button.align-baseline { i.icon { color: #fff !important; font-size: 13px; font-weight: 200; } } } } } } .cb-content-wrapper.show-less .notfolders:nth-child(n+16 of .notfolders) { display: none; } nav:not(.Folders nav){ display: none; } } } body#page-my-index, body#page-site-index { aside.block.block_courserecords { .course-myrecords { .course-records.no-overflow { overflow: hidden; padding-right: 7px; .generaltable { border: 0 !important; height: 242px; .items-content { .item { border-radius: 0 !important; &::before { width: 0 !important; } .responsive_my_records { span.final_grade_block { font-size: 13px !important; } } } } } } nav { bottom: -2%; } } } } body#page-my-index, body#page-site-index, #page-blocks-courserecords-index { .generaltable.course-myrecords-table { .header.row { padding: 0 !important; width: 100% !important; border-bottom: 0; border: $blocksasideborder; .span-header { border-bottom: $blocksasideborder; color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; padding: 12px 15px !important; border: 0; vertical-align: middle; font-size: 13px !important; } } .items-content { border: 0; border-right: $blocksasideborder; border-left: $blocksasideborder; height: auto !important; .item.row.myrecords_tbl { background-color: #fff !important; border-top: 0; border-bottom: $blocksasideborder !important; padding: 15px 0 !important; &:hover { background-color: $table_tr_hover !important; } } } } } body.format-paradiso.path-mod-attendance { #coursenavigation { .section_search { fieldset.input_field_paradiso { input.form-control { width: 83% !important; } } } } #course_content { .tab-content { .attfiltercontrols { width: 100%; table { tr.lastrow { td { .groupselector { form#selectgroup { select.singleselect { width: 60%; } } } .attbtn { border: 0 !important; } .attcurbtn { font-weight: 600; } } } } } } } } #page-mod-attendance-sessions.format-paradiso { #course_content { form.mform { fieldset#id_general { .fcontainer { .form-group.row.fitem[data-groupname="sestime"] { .felement[data-fieldtype="group"] { margin-left: -34px; } } } } } } } #page-theme-paradiso-pages-course_management-management { #coursecat-management { #category-listing { .category-listing { ul { li.listitem.listitem-category { .custom-control { label.custom-control-label { &::before { top: 0 !important; left: -1.2rem; } &::after { top: 0 !important; left: -1.2rem; } } } } } } } } } aside.block.block_comments.card { .comment-ctrl { ul.comment-list.comments-loaded { li { .comment-message { .comment-message-meta { span.picture { width: 40px; } } .text { .comment-delete { a i.icon { margin-right: 0; } } } } } } .comment-area { width: auto !important; max-width: initial !important; } } } section#region-main.has-blocks { aside.block.block_comments.card { .comment-ctrl { .comment-area { margin-right: 10px; } ul.comment-list.comments-loaded { li { .comment-message { .text { .comment-delete { a { i.icon { margin-right: 10px; } } } } } } } } } } #page-local-learningpaths-index, #page-local-learningpaths-view { .plms-learningpaths { .add-learning { .new-learning { .create-buttons.cbtn_lp { .new-button { background-color: $brand-primary !important; color: #fff !important; line-height: 21px; border-radius: 4px !important; &:hover { box-shadow: $button_shadow_hover; } } } } .search-course-learning { input#id_search { border: 2px solid $brand-primary; } } } } } #page-local-people-index { .report-left-block-acordeon { .aply-filtter { .content-apply { padding-right: 10px !important; button#send { min-width: auto !important; font-size: 13px; height: 30px; &:hover { box-shadow: 0px 0px 6px #C4DDE8; } } } .icon-filter { a.clear-button { min-width: auto !important; font-size: 13px; height: 30px; padding: 4px 18px !important; line-height: 1.7; background-color: $lighten !important; color: $brand-primary !important; } } } } .search-filter-buttons { .content-actions { a.btn-primary.create-user-top { background-color: $brand-primary !important; color: #fff !important; line-height: 1.8; &:hover { box-shadow: $button_shadow_hover; } .icon_css { color: #fff !important; } } } } } #page-theme-paradiso-pages-course_management-management { .ps-course-listing { .course-listing { #course-listing-title { display: -ms-grid; display: grid; -ms-grid-columns: 24px 79% 17%; grid-template-columns: 24px 79% 17%; } } } } body.format-formattabs { div.moodle-has-zindex { div.modal-body { label[for=add_section_numsections] { padding: 20px 20px 0 30px; } } div.modal-footer { button[type=button].btn-primary { width: auto !important; } } } } body#page-mod-hvp-mod.path-mod-hvp.editing { #course_content { form.mform { padding: 25px 20px !important; .form-group.row.fitem { .contentlabel.col-sm-12.col-md-4.col-lg-4.col-xl-4, .contentlabel.col-sm-12.col-md-4 { width: 12%; max-width: 12%; flex: 0 0 12%; } .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement { width: 88%; max-width: 88%; flex: 0 0 88%; >div:nth-child(1), iframe.h5p-editor-iframe { width: 100% !important; html, body { max-width: unset !important; } } } } fieldset.clearfix.collapsible { .contentlabel.col-sm-12.col-md-4.col-lg-4.col-xl-4, .contentlabel.col-sm-12.col-md-4 { width: 33.33%; max-width: 33.33% !important; flex: 0 0 33.33% !important; } .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement { width: 66.66%; max-width: 66.66% !important; flex: 0 0 66.66% !important; } } .form-group.row.fitem.femptylabel[data-groupname="buttonar"] { .contentlabel.col-sm-12.col-md-4.col-lg-4.col-xl-4 { width: auto; max-width: auto; flex: 0 0 auto; } .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement { display: flex; justify-content: center; } } } } } #page-local-people-index { div.search-filter-buttons { div.header-search { div.custom-search-form { span.input-group-btn { margin-left: 0; position: absolute; right: 6px; height: 34px; z-index: 999; .close_icon_search { padding: 7px 9px; } } input#txt { margin-right: 10px; } } } } } #page-local-enroll_by_profile-index { .bootbox.modal.bootbox-confirm.show { .modal-footer { button[data-bb-handler=confirm].btn-primary { height: unset !important; } } } } body#page-mod-forum-view { table.table.discussion-list { .custom-switch { .custom-control-label { &::before { top: 0 !important; left: -5.7rem; } &::after { top: 2px !important; left: -5.6rem; } } } } #collapseAddForm { form#mformforum { .form-group { span[data-fieldtype=button] { padding-right: 10px; } } } } } #page-mod-quiz-edit { .modal.show.moodle-has-zindex { .modal-content { form.mform { .modal-footer { input#id_existingcategory, input#id_newcategory { width: unset !important; } } } } } } body.format-paradiso { #linkblock_paradiso_recommendation { padding: 0 20px; .recommend_slider.slick-initialized { .slick-slide { padding-left: 7.5px; padding-right: 7.5px; .card.recommand_card { height: 300px; padding: 5.5px 4.5px 4px 4px; border-radius: 7px !important; -webkit-box-shadow: -.5px 2px 4px 0 rgba(234, 234, 234, .25) !important; box-shadow: -.5px 2px 4px 0 rgba(234, 234, 234, .25) !important; border: solid .5px #e2e2e2 !important; background-color: #fff !important; &:hover { box-shadow: 0 1px 8px 0 rgba(45, 111, 188, .23) !important; } .card-img-top { height: 150px !important; background-position: center; border-radius: 7px; } .card-body { text-align: left; } } } .slick-next { right: -22px !important; &::before { color: $brand-primary !important; font-size: 25px !important; display: block; } } .slick-prev { left: -38px; &::before { color: $brand-primary !important; font-size: 25px !important; display: block; } } } } .change_UI { li.Activities_list { i { padding: 7px; width: 28px; height: 28px; text-align: center; } } } div#completion-progress-wrapper { table#completion-progress { min-height: unset !important; } } } #page-local-coursewizard-createcourse { .wizard.create-course { .wizard-inner { .nav-item .nav-link.active { cursor: pointer !important; pointer-events: auto; } } } } #page-local-learningpaths-view { .tab-content { #learningpath-courses-tab, #learningpath-users-tab, #learningpath-cohorts-tab { .new-course, .new-cohort { a.btn.btn-primary { background-color: $brand-primary !important; color: #fff !important; line-height: 21px; border-radius: 4px !important; border: 0; } a#learningpath-remove-users, a#learningpath-remove-cohorts { background-color: $lighten !important; color: $brand-primary !important; border: 0; } } } } div#users-popup { .custom-search-form { input.form-control:focus { z-index: unset !important; } } } } #page-local-iomad-dashboard-index { .mt-dashboard-header { .editcompanieslink { background-color: $brand-primary !important; color: #fff !important; font-size: 13px; border-radius: 4px !important; padding: 8px 14px; } div.managecompany { padding-top: 7px; } } } #page-blocks-configurable_reports-viewreport { .content-filter { input[type=submit].btn-primary { height: unset !important; } button.btn-round.btn-secondary { padding: 7px 18px !important; height: unset !important; } } } section.region-sidepre { aside.block.block_courserecords { .course-myrecords { .course-records.no-overflow { overflow: auto !important; &::-webkit-scrollbar { width: 5px !important; background-color: #fff !important; height: 10px !important; border-radius: 25px; } &::-webkit-scrollbar-track { display: block !important; background-color: #eee !important; width: 5px !important; } &::-webkit-scrollbar-thumb { color: #fff !important; border-radius: 25px; } .generaltable { min-width: 800px; } } } } } //New Nav/Design header.navbar.navbar-full { div#navbar-nav { div.first-content { span.new_button { button.add-btn.dropdown-toggle { display: none; } } span.btn_search_off { div.has-white { padding-left: 9px; } } } div.options-header { div.dropdown_lang { margin-right: 10px; a.dropdown-toggle { color: #484b5a; &:hover { color: $brand-primary ; } &:before { color: #484b5a; } } a.dropdown-toggle:hover { &:before { color: $brand-primary ; } } } div.check-switchrole { div.role_header { display: none !important; } div.roletxt { width: unset; height: unset; padding: unset; border-radius: unset; border: unset; font-weight: 500; color: #484b5a; font-size: 15px !important; padding-left: 10px; &:hover { color: $brand-primary; } .fa-fw { font-size: 15px; margin-right: 5px; width: 1em; } .fa-graduation-cap.fa-fw { width: 1.2857142857em; } i.men { font-size: 18px !important; } } } div.check-switchrole.cont-mycourse { button.dropdown-toggle { vertical-align: unset !important; display: unset; align-items: unset; width: unset; height: unset; margin: unset; padding: unset; border-radius: unset; border: unset; padding: 12px !important; i, span { color: #484b5a; } i.fa.fa-laptop.mr-1 { color: #484b5a; font-size: 15px !important; margin-right: 5px !important; } span { font-size: 15px !important; } } button.dropdown-toggle:hover { color: $brand-primary; i, span { color: $brand-primary; } i.fa.fa-laptop.mr-1 { color: $brand-primary; } } } div.settings { a.btn_settings { margin-top: 15px; padding-left: unset; text-decoration: none; i { color: #484b5a; font-size: 15px; margin-right: 5px; } span { color: #484b5a; font-size: 15px; } } a.btn_settings:hover { i, span { color: $brand-primary; } } } .total-point { // border-left: 1px solid #ccc; margin-left: 2px; a.btn_settings { padding-right: 0; .user_points i { font-size: 15px; } span.counter { font-size: 15px; } span.counter-txt { color: #484b5a !important; font-size: 15px; } } } div.btn_settings_on, .boton_settings_off { span.avatar.current { margin-top: 7px; .userpicture { padding: 1px; } } div.dropdown-menu-right { .dropdown-divider { margin: 0; } a.dropdown-item:last-child { span { color: red; } } } } } } } #page-local-learningpaths-index { div.moodle-has-zindex { .btn.btn-round { width: auto !important; } } } #page-admin-tool-lp-plan { div.moodle-has-zindex { div.modal-body { padding: 20px; } div.modal-footer { button[type=button].btn-primary { width: auto !important; } } } } aside.block.block_paradiso_upcoming { .gotocala { display: none; } h5 { color: $brand-primary; } table { tbody { display: flex; flex-direction: column; tr.calendar-row:nth-child(1) { display: flex; flex-flow: wrap; width: 290px; justify-content: space-between; td.calendar-day-head { width: 41px; background: unset; color: $brand-primary; } } tr.calendar-row { width: 290px; display: flex; flex-wrap: wrap; td.calendar-day, td.calendar-day-np { width: 41px !important; height: 37px; padding: 6px 6px 6px 5px; text-align: center; display: flex; justify-content: center; align-items: center; div.day-number { padding: 3px; margin: 0px 0px 0 0; } .nowday { border-radius: 50%; } } } } } .footer { margin-top: 10px; text-align: center; .gotocala { display: block; } } } #page-blocks-configurable_reports-editplugin { .card.card-block.content-shadow.not-card { background: #fff; #edit-reports-form { form { div.panel-body { div[data-groupname=buttonar] { div[data-fieldtype="group"] { gap: 10px; } } } } } } } body.format-paradiso { div.activities_navigator { px-45 { .last-topic { button.btn.btn-danger { margin: 4px 0 0 10px; } } } } textarea.form-control { height: auto; width: 100%; } } #page-mod-quiz-edit { div.mod-quiz-edit-content { div.mod_quiz-edit-top-controls { div.maxgrade { margin-top: 0 !important; } } } } #page-local-people-index { header.navbar.navbar-full { div#navbar-nav { div.options-header { div.check-switchrole.cont-mycourse { .dropdown.show { display: flex !important; } } } } } } #page-admin-setting-modsettingcertificate { form#adminsettings { div.form-item#admin-uploadimage { .form-setting { a { width: auto; height: 40px; color: #fff; background-color: $brand-primary; padding: 10px 18px !important; border-radius: 4px; &:hover { text-decoration: none; box-shadow: 0 0 6px #c4dde8; } &:focus { background-color: $brand-primary !important; } } } } } } #page-admin-tool-lp-plan { .plan-summary { dl.plan-box { display: grid; justify-content: space-around; background-color: #f5f9fa; padding: 20px 0; grid-template-columns: 25% 25% 25%; .item { border-right: 1px solid #d5d5d5; &:last-child { border-right: 0; } dt { font-size: 16px; font-weight: 400; margin-bottom: 12px; } dd { .dd-main { font-size: 18px; font-weight: 600; margin-bottom: 5px; display: block; .progress { background-color: #EFEFEF !important; width: 80%; opacity: 0.65; } } } } } } button#self_rating { font-size: 14px; } .plan-competencies { h3 { text-transform: capitalize; } table.generaltable { border: $blocksasideborder; thead { tr { border-bottom: $blocksasideborder; th { color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; padding: 12px 8px; border: 0; vertical-align: middle; height: 50px !important; &:first-child { padding-left: 40px; width: 25%; } } } } tbody { tr { background-color: #fff !important; border-bottom: $blocksasideborder; td, th { border: 0; a[data-usercompetency="true"] { font-size: 14px; font-weight: 600; } &:first-child { padding-left: 40px; } nav { width: 200px !important; } } &:hover { background-color: $table_tr_hover !important; } .dropdown-item { &:hover, &:focus { color: $brand-primary !important; } } } } } } .modal.moodle-has-zindex { #self-rating { width: 700px; padding: 0; height: 500px; overflow-x: hidden; overflow-y: scroll; table.self_rating_table { border: $blocksasideborder; thead { tr { border-bottom: $blocksasideborder; th { color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; padding: 12px 8px; border: 0; vertical-align: middle; height: 50px !important; &:nth-child(2) { padding-left: 30px; } } } } tbody { tr { background-color: #fff !important; border-bottom: $blocksasideborder; td, th { border: 0; a[data-usercompetency="true"] { font-size: 14px; font-weight: 600; } &:nth-child(2) { padding-left: 30px; } } &:hover { background-color: $table_tr_hover !important; } .dropdown-item { &:hover, &:focus { color: $brand-primary !important; } } } } } .dataTables_paginate.paging_full_numbers { a.first.paginate_button, a.previous.paginate_button, a.next.paginate_button, a.last.paginate_button { display: none; } } } div.modal-footer { margin: 0; padding: 0; } } } #page-admin-tool-lp-plan { .moodle-dialogue-base { .yui3-widget-buttons { margin-top: 0px; font-size: 25px; .closebutton { font-weight: 600; } } .moodle-dialogue-bd { table.wdmCourseProgressTable { border: $blocksasideborder; thead { tr { border-bottom: $blocksasideborder; th { color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; padding: 12px 8px; border: 0; vertical-align: middle; p { text-align: left !important; margin-bottom: 0; } } } } tbody { tr { background-color: #fff !important; border-bottom: $blocksasideborder; text-align: left; td { border: 0; text-align: left; ul { margin-bottom: 0; li { text-align: left; } } } &:hover { background-color: $table_tr_hover !important; } } } } } } } //body.format-paradiso { form.atto_form { .input-group.input-append.w-100 { margin-bottom: 5px; input.form-control[type="url"] { flex: 1; height: 40px; } span.input-group-append { button.openimagebrowser, button.openmediabrowser, button.openlinkbrowser, button.openh5pbrowser { width: 100%; margin-left: 10px; } } } div.form-inline.atto_image_size { display: flex !important; margin-left: 10px; } fieldset.collapsible.collapsed { legend.ftoggler { a[aria-expanded="false"] { color: $brand-primary; } } } fieldset.collapsible { div.fcontainer { padding: 8px; div.atto_media_display_options { .form-inline.atto_media_poster_size { input.form-control { width: auto; } } } } } } //} body#page-theme-paradiso-pages-course_category-editcategory { .moodle-dialogue-base { .moodle-dialogue { .moodle-dialogue-bd { iframe { height: 70vh !important; } } } } } #page-site-index, #page-my-index { aside.block.block_currentcourses { .current-courses { height: 260px; overflow-y: auto; .generaltable { thead { border: $blocksasideborder; tr { border: 0; th { width: 25% !important; border-bottom: 0 !important; &:nth-child(3), &:nth-child(4) { width: 18% !important; } } } } border: 0 !important; border-bottom: 0 !important; tr { border: $blocksasideborder; border-top: 0; td { padding: 8px 11px !important; width: 25% !important; border-top: 0 !important; &:nth-child(3), &:nth-child(4) { width: 18% !important; } } } } } } aside.block.block_course_records { .course_records_list { .slick-prev, .slick-next { top: 40%; } } } aside.block.block_calendar_upcoming { .card-text.calendarwrapper { .event { .not_date_style { margin-bottom: 14px; &:before { content: ""; position: absolute; top: -27px; left: 0; width: 100%; height: 32px; background-color: $lighten; } } .f2fsession { tr:first-child { td.cell.c0 { display: block !important; text-align: left !important; background-color: #fff; width: 100%; margin-bottom: 8px; } td.cell.c1 { display: block !important; text-align: left !important; position: unset; } } } } } } aside#block-region-side-pre, aside#block-region-side-pre-admin { ul.pagination { width: 100%; justify-content: center; li.page-item { margin-right: 0; a.page-link { padding: 5px; } } } } } #block_lpd_content { div.headinglpd { padding: 13px 2px !important; } div.lpd-lp-content { div.lpd-lp-content-header { border-left: 0; padding: 15px 2px !important; max-height: 48px; div.lpd-lp-body-column { span { font-size: 13px; } } .lpd-lp-body-column.course-name { span { font-size: 13px; overflow: hidden; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } } } div.lpd-lp-detail { .lpd-lp-detail-head { .lpd-lp-detail-head-column.credits { min-width: 72px; } } } } } #page-theme-paradiso-pages-course_category-editcategory { form.mform { .form-group.row.fitem { .contentlabel.col-sm-12.col-md-4.col-lg-4.col-xl-4 { width: 24%; max-width: 24%; flex: 0 0 24%; } .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement { width: 76%; max-width: 76%; flex: 0 0 76%; } } } } #page-mod-quiz-attempt.format-paradiso.path-mod-quiz.nav-open-left, #page-mod-quiz-review.nav-open-left { #page-content { div#region-main-box { #course_content { #linkmaincontent { aside#mod_quiz_navblock { .card-text.content { .qn_buttons, .othernav { width: calc(100% - 358px) !important; } } } } } } } } #page-mod-quiz-attempt.format-paradiso.path-mod-quiz.course-focus-view, #page-mod-quiz-review.course-focus-view { #page-content { div#region-main-box { #course_content { #linkmaincontent { aside#mod_quiz_navblock { .card-text.content { .qn_buttons, .othernav { width: 99% !important; ; } .othernav { top: 0 !important; ; } } } form#responseform { padding-top: 30px; } } } } } } #page-login-index { .dropdown_lang { li.dropdown.nav-item { a.dropdown-toggle.nav-link { display: flex; align-items: center; justify-content: center; height: 30px; margin-bottom: 7px; position: unset; } .dropdown-menu { top: 0 !important; right: auto; width: auto !important; .dropdown-item:active { color: #fff !important; } } } } } #page-admin-user-profile-index { #parent_scrollable { .modal-body.add_scroll { align-items: center; .btns { display: flex; padding-left: 5px; } } .catname_col { display: flex; align-items: center; } } .modal-body.new-category { form#mform1 { .form-group.row.fitem { .contentlabel { display: flex; justify-content: space-around; align-items: center; } .new_category_buttons { justify-content: center; } } } } ul.nav-tabs { .nav-link { font-weight: 400; } .nav-link.active { font-weight: 600; } } .bootbox.modal.fade.bootbox-confirm { .modal-dialog { .modal-content { width: auto !important; height: auto !important; } .modal-footer { justify-content: center; button.btn.btn-default, button.btn.btn-primary { margin-top: 0; } } } } } #page-local-learningpaths-index { .plms-learningpaths { .search-course-learning { #search_lp_form { .input-group { display: block; width: 60%; position: relative; .input-group-btn { position: absolute; right: 4px; left: unset; top: 4px; button { border: 0; background: $brand-primary; margin-top: 0; position: unset; font-size: 14px; padding: 14px !important; border-radius: 50%; i.men-search-phx { top: 0px; font-size: 13px; color: #ffffff; padding: 6px; border-radius: 14px; background-color: $brand-primary !important; height: 28px; width: 28px; left: 1px; } } } input#id_search { width: 100%; padding-left: 18px; padding-right: 32px; } } } } } } #page-local-people-index { div.modal.show.moodle-has-zindex { .modal-body { form#frmcohortsadd { .form-group.row.fitem { display: flex; justify-content: space-between; align-items: center; } } } } } #page-my-index, #page-site-index { .moodle-has-zindex { .modal-footer { a.btn.btn-round.btn-secondary.done.active:hover { color: $brand-primary !important; } } } } #page-local-people-index { div.search-filter-buttons { div.header-search { div.custom-search-form { i.men-search-phx { color: #fff; background: $brand-primary; } } } } } header.navbar-light { div#navbar-nav { .d-inline { .dropdown-menu { height: auto; overflow: visible; } } div.dropdown_lang { li.dropdown.nav-item { a.dropdown-toggle.nav-link { justify-content: flex-end; padding-right: 10px; i { font-size: 14px !important; } .languagecls { font-size: 14px !important; width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } } div.options-header { .check-switch-theme-mode.check-switchrole { margin-right: 12px !important; button.dropdown-toggle { border: 0; width: auto; padding: 0 !important; height: unset !important; display: block; margin: 0; } .theme_mode_switch.show { padding: 0; width: 100% !important; min-width: 8rem !important; } .btn-i { margin-right: 10px !important; &:hover { span#darkmodebtn { i { &:after { border: 1px solid $brand-primary; } } } } span#darkmodebtn { i { position: relative; &:after { content: ""; width: 22px; height: 22px; border: 1px solid #484b5a; position: absolute; top: -3px; left: -3px; border-radius: 50%; } } } } } } } } #page-local-iomad-dashboard-index { .search-mtn { #searchbox { .input-group-btn { #search-mt { border: 2px solid $brand-primary; color: #757575; font-weight: 300; font-style: italic; height: 36px !important; border-radius: 25px; font-size: 14px; padding-left: 18px; } span.input-group-btn.search-lp { background-color: $brand-primary; padding: 14px; width: 14px; height: 14px; position: absolute; top: 4px; right: 4px; border-radius: 50%; i { position: absolute; top: 8px; left: 8px; color: #fff; } } } } } } #page-my-index, #page-site-index { aside.block_lpd { #block_lpd_content { .learningpaths-content { .lpd-lp-content.itemlpd { div.lpd-lp-body-column { font-size: 13px !important; } } } } } } #page-mod-ilt-editattendees.format-paradiso { form#assignform { table.generaltable.generalbox { tbody { tr { display: flex; justify-content: space-between; td { width: 100% !important; select.form-control { width: 100% !important; } } td.cell.c1 { width: 40% !important; } } } div#removecontrols input, div.courseselector input[value=Clear] { height: 40px; border-radius: 4px; } input.btn-secondary { border-radius: 4px !important; } } } } body.format-paradiso { #linkblock_user_profile { .card.hovercard { h3.rightname_class { i { width: 30px; height: 20px; } } .info { padding-top: 15px; } } } .space { .overview-description { p { a { color: #0645ad; } } } } #description, #intro, #resourceintro, .quizinfo, .overview-description, #hvpintro { a { color: #0645ad; } } } #page-mod-page-view.format-paradiso { .box.generalbox { p { a { color: #0645ad; } } } } #page-question-type-ddwtos { form.mform { #id_choicehdr { label.form-check.fitem { display: inline; input.form-check-input { margin-top: 4px; } } } } } body[class*="company"] { .slimScrollDiv { height: calc(100vh - 215px); max-height: 100% !important; .tenant-indication { .companyindication { position: absolute; bottom: 40px; left: 0; width: 100%; ul { li { a { margin: 0; height: 56px; justify-content: center; align-items: center; i { padding: 0 !important; } } } } } } } // div#nav-drawer.active.nav-drawer-open{ // .slimScrollDiv { // .tenant-indication { // .companyindication { // bottom: 75px; // span.media-left { // display: flex !important; // } // } // } // } // } // div.helpdesk { // a.help_desk_button { // height: 38px!important; // } // } } #page-admin-tag-manage { .modal.show.moodle-has-zindex { .modal-body { padding: 20px 20px 8px 20px; } } .tag-search-add { display: flex; justify-content: space-between; align-items: center; .addstandardtags.visibleifjs { float: unset; .addstandardtag.btn { line-height: 1.8; .icon { font-size: 14px; } } } form.tag-filter-form { .tag-management-form.generalbox { input#id_tagfilter { height: 38px !important; border: $blocksasideborder; } } } } table.generaltable { border: $blocksasideborder; border-width: 0.5px; margin: 20px 0; thead { tr { border-bottom: $blocksasideborder; border-width: 0.5px; th { color: $brand-primary !important; font-weight: 600; background-color: $lighten !important; padding: 12px 8px; border: 0; vertical-align: middle; text-align: left; a { color: $brand-primary !important; } p { text-align: left !important; margin-bottom: 0; } } } } tbody { tr { background-color: #fff !important; border-bottom: $blocksasideborder; border-width: 0.5px; text-align: left; td { border: 0; text-align: left; ul { margin-bottom: 0; li { text-align: left; } } } &:hover { background-color: $table_tr_hover !important; } } } } } #page-local-learningpaths-index { .plms-learningpaths { .pagination_lp { ul.count_select { display: flex; justify-content: space-between; float: unset; padding: 0; .page_num { select#id_userperpage { width: auto !important; height: 31px !important; margin-left: 2px !important; padding: 0 2px !important; } } ul.pagination { .page-item { .page-link { padding: .5rem .75rem; border: 0; font-size: 14px; color: #465b65; } } .page-item.active { .page-link { background-color: unset !important; color: $brand-primary !important; font-weight: 600; } } } } } } } #page-local-learningpaths-view { ul.count_select { display: flex; justify-content: space-between; float: unset !important; padding: 0; } .pagination_lp.user { ul.count_select { li:nth-child(1) { flex: 1; } } } ul.pagination { padding-right: 30px !important; .page-item { .page-link { padding: .5rem .75rem; border: 0; font-size: 14px; color: #465b65; } } .page-item.active { .page-link { background-color: unset !important; color: $brand-primary !important; font-weight: 600; } } } } #page-local-people-index { div.search-filter-buttons { div.header-search { .dropdown-menu.show { padding: 0; li { a.bulk-action.loadiframe { width: 100%; margin: 0; text-align: left; padding: 10px 15px !important; &:hover { color: $brand-primary !important; background-color: $lighten; } } } } } } } #page-contentbank { .cb-toolbar-container { .dropdown-menu.dropdown-scrollable.show { padding: 0; .dropdown-header { font-weight: 600; padding: 13px 15px 10px; } a.dropdown-item { padding: .500rem 1.5rem; &:hover { color: $brand-primary !important; background-color: $lighten; } } } .button-view { a#dropdownView { color: $brand-primary; border: 0; } div.menu_view_chooser { padding: 0; .dropdown-item.viewitem.grid, .dropdown-item.viewitem.list { padding: 0; button { width: 100%; padding: 10px 15px; height: 40px; background: #fff; border: 0; color: #484b5a !important; i { padding: 0 5px; } i.icon.fa.fa-th.fa-fw { font-size: 15px; width: 15px; padding-right: 2px; } &:hover { color: $brand-primary !important; background-color: $lighten; } } } } } } } #page-blocks-configurable_reports-editreport { #edit-reports-form { .w-overviewreport { form.mform { .form-group.fitem.btn-cancel { input#id_cancelbutton { background-color: $lighten !important; border: solid 1px $lighten !important; color: $brand-primary !important; } } } } } } #page-local-enroll_by_profile-index { .bootbox.bootbox-confirm { .modal-footer { button.btn.btn-default { background-color: $lighten !important; border: solid 1px $lighten !important; color: $brand-primary !important; } } } } body#page-theme-paradiso-pages-course_management-management { #course-category-listings.columns-2 { >#course-listing { >div { width: 100%; } } } } body#page-mod-assign-grader.path-mod.path-mod-assign { div[data-region="grade-actions-panel"] { form[data-region="grading-actions-form"] { display: flex; justify-content: center; align-items: center; gap: 10px; } } div.modal.show.moodle-has-zindex { div.modal-body { padding-left: 14px; } } } #page-mod-quiz-attempt.format-paradiso.path-mod-quiz, #page-mod-quiz-review.format-paradiso { .headertabs { box-shadow: unset !important; } #page-content { margin: 25px 0 0 !important; div#region-main-box { #course_content { #linkmaincontent { padding: 0 !important; background-color: #F6F6F6 !important; margin: 0; table.quizreviewsummary { margin-top: 100px; } div.card-block { margin-right: 0; } aside#mod_quiz_navblock { .card-title { display: none; } .card-text.content { .othernav { position: fixed; top: 114px; z-index: 9; border-top: 4px solid #f6f6f7 !important; display: flex; justify-content: space-evenly; align-items: center; background-color: #fff; border-color: #fff; margin: 0 !important; width: 99%; height: 50px; box-shadow: 0px 8px 14px #B5B5B55E; margin-left: 5px !important; span.quiz_name { order: 1; flex: 1; font-size: 18px; padding: 15px; font-weight: 600; } a.endtestlink.aalink { order: 3; line-height: 1.5; height: 37px; padding: 7px 15px !important; } div#quiz-timer { order: 2; margin-top: 0; padding: 15px; font-size: 16px !important; #quiz-time-left, i.fa.fa-clock-o { color: $brand-primary; } } div.singlebutton { order: 4; padding: 15px; button { line-height: 1.5; height: 37px; padding: 7px 15px !important; } } } .qn_buttons { width: 99%; position: fixed; bottom: 0; display: flex; align-items: flex-start; z-index: 999; background-color: #fff; padding: 15px; box-shadow: 0px -2px 22px #cbcdd05e; margin-left: 5px; margin-right: 5px; h3.mod_quiz-section-heading { display: none; } select.section_quiz_change { border: 0; font-size: 15px; color: $brand-primary; margin-right: 15px; width: 100px; overflow: hidden !important; z-index: 99999999; } .qnbutton { width: 40px !important; height: 40px !important; border-radius: 50% !important; margin: 0 10px !important; .thispageholder { border-width: 2px; border-radius: 50%; border: 2px solid #d5d5d5; } } .qnbutton.thispage { background-color: $lighten; .thispageholder { border-width: 1px; border-radius: 50%; border: 3px solid $brand-primary; } } .pagination-no { width: 90%; .slick-list { margin: 0 auto; .slick-track { margin: 0 auto; } } } } } } } } .submitbtns { padding-bottom: 5rem !important; } } } } #page-mod-quiz-attempt.format-topics, #page-mod-quiz-review.format-topics, #page-mod-quiz-attempt.format-weeks, #page-mod-quiz-review.format-weeks, #page-mod-quiz-attempt.format-singleactivity, #page-mod-quiz-review.format-singleactivity, #page-mod-quiz-attempt.format-formattabs, #page-mod-quiz-review.format-formattabs { .headertabs { box-shadow: unset !important; } #page-content { margin: 25px 0 0 !important; div#region-main-box { div.card-block { padding-bottom: 0; } aside#mod_quiz_navblock { border-radius: 7px 7px 7px 7px !important; height: auto !important; .card-title { display: none; } .card-block { max-height: unset !important; .card-text.content { .othernav { display: flex; flex-flow: column; justify-content: space-evenly; align-items: flex-start; background-color: #fff; border-color: #fff; margin: 0 !important; padding: 5px 15px; border-radius: 7px 7px 7px 7px !important; span.quiz_name { order: 1; flex: 1; font-size: 18px; padding: 0 0 15px; font-weight: 600; text-transform: capitalize; } a.endtestlink.aalink { order: 3; line-height: 1.5; height: 37px; padding: 7px 15px !important; } div#quiz-timer { order: 2; margin-top: 0; padding: 15px 0; font-size: 16px !important; #quiz-time-left, i.fa.fa-clock-o { color: $brand-primary; } } div.singlebutton { order: 4; padding: 15px 0; button { line-height: 1.5; height: 37px; padding: 7px 15px !important; } } } .qn_buttons { bottom: 0; z-index: 999999; background-color: #fff; padding: 15px; margin-left: 5px; margin-right: 5px; border-top: 1px solid #ccc; h3.mod_quiz-section-heading { display: none; } select.section_quiz_change { border: 0; font-size: 15px; color: $brand-primary; margin-right: 15px; text-transform: capitalize; } .qnbutton { width: 40px !important; height: 40px !important; border-radius: 50% !important; .thispageholder { border-width: 2px; border-radius: 50%; border: 2px solid #d5d5d5; } } .qnbutton.thispage { background-color: $lighten; .thispageholder { border-width: 1px; border-radius: 50%; border: 3px solid $brand-primary; } } .pagination-no { display: flex; justify-content: center; flex-flow: wrap; gap: 10px; padding: 0 !important; } } } } } } } } #page-mod-quiz-attempt, #page-mod-quiz-review { #page-content { div#region-main-box { padding: 0 !important; form#responseform, form.questionflagsaveform { .que { margin: 1rem 7px 0 1rem !important; .questionnum_cls { h3.no { font-size: 16px; font-weight: 600; line-height: unset; } } .flag_cls { left: unset; position: relative; padding-bottom: 0; cursor: pointer; width: unset; float: right; top: -24px; color: $brand-primary; input.questionflagimage { font-size: 16px !important; } span.questionflagtext { font-size: 15px !important; font-weight: 600; } } .content { margin: 0 !important; padding: 15px; background-color: #fff; box-shadow: 0px 2px 10px #cbcdd05e; border-radius: 7px; .formulation { background-color: transparent; border-color: transparent; box-shadow: unset; padding: 0; .qtext { padding: 0; background-color: unset; border-top: 0; border-bottom: 0; margin: 0; font-size: 18px !important; font-weight: 600; padding-top: 10px; >p { font-weight: 600; line-height: 1.5 !important; } } .ablock { font-size: 16px !important; .prompt { font-size: 16px !important; margin-bottom: 10px; } .answer { display: flex; justify-content: space-evenly; align-items: stretch; flex-wrap: wrap; gap: 10px; >div { padding: 20px 15px; width: 48%; background-color: $lighten; border-radius: 9px; align-items: center; display: flex; min-height: 100px; max-height: 500px; label { font-size: 16px !important; margin: 0; display: flex !important; justify-content: center; align-items: center; cursor: pointer; min-height: 100px; >div { align-items: center; display: flex; margin-left: 10px !important; p { font-size: 16px !important; margin: 0; line-height: 1.4; } } } } } .qtype_multichoice_clearchoice { margin-top: 10px; label.btn.btn-link.ml-4.pl-1.mt-2 { margin: 0 !important; padding: 10px !important; } } table.answer { display: block !important; td.control { .custom-select { color: #484B5A !important; border: 1px solid #e6e6e6 !important; border-radius: 4px; width: 200px !important; margin-bottom: 15px; margin-left: 15px !important; } } } } } } } .que.truefalse { .content { .formulation { .ablock { .answer { display: unset !important; >div { padding: unset !important; width: unset !important; background-color: unset !important; align-items: unset !important; display: block !important; min-height: unset !important; max-height: unset !important; width: 35% !important; padding: 7px 10px !important; margin-bottom: 10px; border: 1px solid #E4E4E4; border-radius: 4px; label.ml-1 { font-size: 16px !important; margin: 0; display: unset !important; cursor: pointer; min-height: unset !important; width: 90%; cursor: pointer; display: inline-block !important; } } } } } } } .que.shortanswer, .que.numerical { .content { .formulation { .ablock { .answer { display: block !important; margin-top: 10px; input { width: 100%; } } } } } } .que.multichoice.deferredfeedback { .ablock { .answer { .flex-fill { .atto_image_button_text-bottom.img-responsive { width: 100%; min-width: 250px; height: 200px; padding: 10px; } } } } } .que.gapselect.deferredfeedback { .qtext { p { select.select.custom-select { border: 1px solid #d5d5d5 !important; border-radius: 4px !important; color: $brand-primary; font-size: 15px; font-weight: 600; height: auto !important; padding: 3px 30px 3px 10px; margin-top: 5px; } } } } } .submitbtns { padding-bottom: 1rem; position: relative; z-index: 99; display: flex; justify-content: space-around; input { display: none; } } } #mod_quiz_navblock { .qnbutton.flagged { .thispageholder { background: transparent url([[pix:theme|mod/quiz/flag-on]]) 14px 9px no-repeat !important; transform: rotate(135deg); } } } } } #page-blocks-configurable_reports-editreport { #edit-reports-form { .w-overviewreport { form.mform { .form-group.fitem.btn-cancel { input#id_cancelbutton { background-color: $lighten !important; border: solid 1px $lighten !important; color: $brand-primary !important; } } } } } } #page-local-enroll_by_profile-index { .bootbox.bootbox-confirm { .modal-footer { button.btn.btn-default { background-color: $lighten !important; border: solid 1px $lighten !important; color: $brand-primary !important; } } } } body#page-theme-paradiso-pages-course_management-management { #course-category-listings.columns-2 { >#course-listing { >div { width: 100%; } } } } aside.block.block_marketing { .markettiles { .market-tile { .text_to_html { color: #465b65 !important; h3, h4, h5, p { font-size: 12px !important; text-align: left; span { font-size: 12px !important; font-weight: 400 !important; color: #465b65 !important; letter-spacing: normal !important; line-height: 1.5 !important; } } } } } } body#page-mod-assign-grader.format-paradiso.path-mod.path-mod-assign { div[data-region="grade-actions-panel"] { form[data-region="grading-actions-form"] { display: flex; justify-content: center; align-items: center; gap: 10px; } } } aside.block.block_calendar_month { .calendarwrapper { .minicalendar.calendartable { td.day.today { a { background: #55b559 !important; } } } } } #page-admin-tool-lp-plan.path-admin { .moodle-dialogue-base { .moodle-dialogue { .moodle-dialogue-bd { padding: 1rem; div[data-region="user-competency-full-info"] { div[data-region="competency-summary"] { .competency-heading { width: 400px; h4 { font-size: 20px; font-weight: 600; small { font-weight: 600; } } margin-bottom: 0; } p:nth-child(3) { width: 360px !important; } .competency-path-flex { margin-bottom: 1rem; padding-right: 5px; span { font-size: 14px; font-weight: 600; } ul, p { margin-bottom: 0; } div[data-region="relatedcompetencies"] { color: #919191; margin-top: 12px; p { color: #919191; strong { color: #465b65; font-weight: 600; } } } } dl.competency-review-flexbox { display: flex; justify-content: space-around; gap: 10px; margin-bottom: 0; .item { dt { font-size: 14px; font-weight: 600; } dd { display: flex; flex-direction: column; gap: 10px; color: #919191; span.badge.badge-success { padding: 7px; background: #D2F3C7; color: #59AE61; font-size: 12px; } span.badge.badge-danger { padding: 7px; color: #f55145; background-color: #f5514591; font-size: 12px; } } } } .competency-path-flex { grid-area: header; } .competency-review-flexbox { grid-area: menu; } .mdl-left { grid-area: comment; } .evidance { grid-area: evidance; } display: grid; grid-template-areas: 'competency-heading competency-heading' 'p p' 'header menu' 'comment comment' 'evidance evidance'; grid-template-columns: 30% 70%; .mdl-left { margin-bottom: 1rem; a { span { font-size: 14px; font-weight: 600; } } .comment-area { max-width: 100% !important; textarea { border: 1px solid #E0E0E0; border-radius: 2px; } .fd { a { background-color: $lighten !important; border: solid 1px $lighten !important; color: $brand-primary !important; padding: 10px 18px; margin-top: 10px !important; display: inline-block; border-radius: 3px; height: 40px; } } } .comment-ctrl { ul.comment-list { max-height: 150px; overflow-y: scroll; &::-webkit-scrollbar-track { display: block !important; background-color: #eee !important; } &::-webkit-scrollbar-thumb { background-color: $brand-primary !important; } li { border-bottom: 1px solid #D5D5D5; .comment-message-meta { grid-template-columns: auto auto; display: inline-grid; height: 42px; span.picture { width: unset; img.userpicture { width: 40px; height: 40px; padding: 5px; } } span.user { font-size: 13px; font-weight: 600; } span.time { color: #919191; margin-top: -21px; } } div.text { margin-left: 49px; font-weight: 600; } } } } } dl.evidance { max-height: 324px; overflow-y: scroll; &::-webkit-scrollbar-track { display: block !important; background-color: #eee !important; } &::-webkit-scrollbar-thumb { background-color: $brand-primary !important; } dt:first-child { font-size: 14px; font-weight: 600; } div.border.evidence { border: 1px solid #E0E0E0; border-radius: 4px; padding-bottom: 10px !important; a[title="View profile"] { img { width: 45px; height: 45px; padding: 5px; } span { font-size: 14px; font-weight: 600; } } strong { time { font-weight: 200; color: #919191; } } p { margin-bottom: 0; } } } } } } } } } #page-my-index, #page-site-index { aside.block_reportblock { .card-text.content:hover { height: 294px; &::-webkit-scrollbar-thumb { background-color: #dee2e6; } &::-webkit-scrollbar { height: 10px; } } .reports_list { table.table.table-bordered-lms { border: $blocksasideborder !important; min-width: 1050px; max-width: 100%; thead { tr { border-bottom: $blocksasideborder; th { color: $brand-primary !important; font-weight: 600 !important; background-color: $lighten !important; padding: 12px 8px !important; border: 0; vertical-align: middle; p { text-align: left !important; margin-bottom: 0; } } th.header.c4 { width: 20% !important; } } } tbody { tr { background-color: #fff !important; border-bottom: $blocksasideborder; text-align: left; td { border: 0 !important; text-align: left; ul { margin-bottom: 0; li { text-align: left; } } } td.cell.c4 { width: 20% !important; } &:hover { background-color: $table_tr_hover !important; } } } } } } } #page-course-index, #page-course-index-category { .cardcoursescontent { .listview { .card-header-image { .content-img { padding-top: 17.25% !important; } } } } } body#page-mod-quiz-review { aside.block.block_xpparadiso.card { width: 100%; max-width: 450px; margin: 0 auto; height: 340px; margin-top: 69px; padding: 20px; } #page-content { div#region-main-box { form#responseform, form.questionflagsaveform { .que.multichoice.deferredfeedback { .outcome.clearfix { .feedback { .rightanswer { img { width: auto; min-width: 250px; height: 200px; padding: 10px; } } } } } } } } } #page-mod-quiz-attempt, #page-mod-quiz-review { #page-content { div#region-main-box { form#responseform, form.questionflagsaveform { .que.multichoice.deferredfeedback { .ablock { .answer { .flex-fill { img { width: auto; min-width: 250px; height: 200px; padding: 10px; } } } } } } } } } body.format-paradiso { .section { .activity { .availabilityinfo.ishidden { margin-top: -0.1em !important; margin-left: 8px !important; span.badge.badge-info { padding: .2em .4em; font-size: 65%; font-weight: 100; } } } } div#linkmaincontent { .mform { fieldset { .form-group.row.fitem { .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement[data-fieldtype="date_time_selector"] { .fdate_time_selector { .form-group.fitem { width: auto !important; span[data-fieldtype="select"] { select.form-control { width: 100% !important; } } } } } } } .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement[data-fieldtype="date_time_selector"] { .fdate_time_selector { .form-group.fitem { width: auto !important; span[data-fieldtype="select"] { select.form-control { width: 100% !important; } } } } } } } } #page-mod-quiz-edit { div.modal.show.moodle-has-zindex { align-items: unset !important; } } #page-mod-forum-discuss { div[data-content="forum-discussion"] { article.forum-post-container { .no-overflow.content-alignment-container { overflow: unset !important; padding-bottom: 10px; } } } } body.format-paradiso.path-badges { h2.main { img.activatebadge { border-radius: 50%; margin-right: 10px; } } .box.generalbox.statusbox { .activatebadge { margin: 0 10px; box-shadow: 2px 2px 10px #ccc; } } } aside.block.block_skillgapanalysis { .card-text.content { h6 { font-size: 14px; color: $brand-primary; position: relative; padding-left: 15px; &:before { content: ""; position: absolute; top: 3px; left: 0; width: 10px; height: 10px; background-color: $brand-primary; border-radius: 50%; } span { float: right; font-size: 13px; a { text-decoration: none; } } } .sub-content { ul { border-left: 1px solid #ccc; border-radius: 0px 10px; li { position: relative; a:nth-child(1) { font-size: 14px; color: #484B5A; } a#btn-view-spider { border-radius: 25px; margin: 10px 0; padding: 4px 10px !important; } &:before { content: ""; position: absolute; width: 14px; height: 8px; top: 3px; left: -16px; border-bottom: 1px solid #ccc; border-radius: 0px 16px; } } } } } } //Generaltable New design scss .generaltable { color: unset; border: $blocksasideborder !important; th { border-top: 0 !important; } td { vertical-align: middle; border-top: $blocksasideborder !important; } thead { th { vertical-align: middle; border-bottom: $blocksasideborder !important; color: $brand-primary !important; font-weight: 600 !important; background-color: $lighten !important; padding: 12px 8px; border: 0; vertical-align: middle; a { color: $brand-primary !important; font-weight: 600 !important; } } } tbody { + { tbody { border-top: $blocksasideborder !important; } } tr { &:nth-of-type(odd) { background-color: #FFF; } &:hover { color: unset; background-color: $table_tr_hover !important; } } } } aside.block.block_get_report { table.table { color: unset; border: $blocksasideborder !important; th { border-top: 0 !important; } td { vertical-align: middle; border-top: $blocksasideborder !important; } thead { th { vertical-align: middle; border-bottom: $blocksasideborder !important; color: $brand-primary !important; font-weight: 600 !important; background-color: $lighten !important; padding: 12px 8px; border: 0; vertical-align: middle; a { color: $brand-primary !important; font-weight: 600 !important; } } } tbody { + { tbody { border-top: $blocksasideborder !important; } } tr { &:nth-of-type(odd) { background-color: #FFF; } &:hover { color: unset; background-color: $table_tr_hover !important; } } } } } body.format-paradiso { .userlist { table#participants { td.cell { a[data-action="showdetails"] { .icon.fa-fw { margin-right: 0 !important; margin-left: 6px; } } i#dropdownMenuButton { padding: 8px 10px; } } } } } body#page-mod-quiz-view { .moodle-dialogue-base { .moodle-dialogue { .moodle-dialogue-bd { form#mod_quiz_preflight_form { fieldset#id_honestycheckheader { .form-group.row.fitem { .contentlabel.col-sm-12.col-md-4.col-lg-4.col-xl-4 { display: none; } .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement { flex: 1; width: 100%; max-width: 100%; text-align: center; justify-content: center; align-items: center; div.form-control-static { width: 98%; } } } } .form-group.row.fitem[data-groupname="buttonar"] { .contentlabel.col-sm-12.col-md-4.col-lg-4.col-xl-4 { display: none; } .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement { flex: 1; width: 100%; max-width: 100%; text-align: center; justify-content: center; align-items: center; div.form-control-static { width: 98%; } } } } } } } } #page-local-learningpaths-view { .pagination_lp { .clase1 { ul { .pagination { li.page-item.active { .page-link { color: $brand-primary !important; background-color: #fff !important; border-color: #fff; font-weight: 600; } } li.page-item { .page-link { font-size: 15px; border: 0 !important; font-weight: 400; padding: 5px 7px; color: #67747b; } } } } } } } aside.block_get_report { .card-text.content { position: relative; width: 100%; .get_reportdisp { nav { bottom: -2%; overflow-x: auto; ul.pagination { padding: 0; li.page-item { margin-right: 0; a.page-link { padding: 5px 5px; } } } } } } } body.pagelayout-coursecategory { #categoryCourses { >div { .course-hidden { i[title="Hidden course"] { -webkit-transform: rotate(43deg); -ms-transform: rotate(43deg); transform: rotate(43deg); } } } } } body.format-paradiso { &:not(.editing) { .course-content { div.activityinstance { .dimmed.dimmed_text { margin-left: 0 !important; span.instancename { margin-left: 3rem; } } .unread { margin-left: 3rem; font-size: 9px; margin-bottom: 6px; } } } } } body.format-paradiso { .course-content { div.activityinstance { .unread { margin-left: 3rem; font-size: 9px; margin-bottom: 6px; } } .activity.modtype_hsuforum { .activityinstance { width: 100% !important; } } } } body#page-local-iomad-dashboard-index { .card-block { .alert-warning { margin-left: 15px; } } } #page-local-people-index { #send { background-color: $brand-primary; } } body#page-paradiso_upcoming-view { #scheduler { margin-top: 15px; .jqx-button-material.jqx-fill-state-pressed { background-color: $brand-primary; border-color: $brand-primary; } .jqx-button-material, jqx-button-material.jqx-fill-state-normal-material { background: $lighten; border-color: $lighten; margin: 0 4px; } .buttonRipple:hover { background: $lighten; } } } #page-local-social_wall-index { .update-container { ul#notifications { li.viewed-notification { background-color: $lighten; } } } .notification-container { ul#notification-list { li.viewed-notification { background-color: $lighten; } } } } body#page-mod-assign-grader { div[data-region="grade-panel"] { .box.gradingform { form.gradeform.mform { fieldset#id_attemptsettings { legend.ftoggler { color: #67747b; } .fcontainer { .form-group.row.fitem { display: flex; } } } } } } } body#page-message-notificationpreferences { div.moodle-has-zindex { div.modal-body { h4, .processor-container { padding-left: 12px; } } div.modal-footer { button { width: auto; } } } } body#page-user-editadvanced { form.mform { fieldset.collapsible { div.fdate_time_selector { div.form-group.fitem { width: 18%; select.form-control { width: 100% !important; } } } } } } #page-blocks-configurable_reports-viewreport { .new-button-line { height: unset; } } body#page-user-profile { div.user-panel { div.tab-content { .tab-pane { .custombadge { padding-right: 0 !important; span:nth-child(2) { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; @media screen and (max-width: 1024px) { grid-template-columns: repeat(4, 1fr); } @media screen and (max-width: 768px) { grid-template-columns: repeat(3, 1fr); } @media screen and (max-width: 576px) { grid-template-columns: repeat(1, 1fr); } .card-box.card-badges { border: 2px solid #E9EBF1; border-radius: 4px; padding: 15px 15px 10px; .badgeimg { img { max-width: 100%; height: 140px; } span.badge-name { font-size: 16px !important; font-weight: 600; color: #484B5A; margin-top: 15px; display: block; } } div.badge-description { margin: 0; span.span-badge-description { font-size: 13px !important; color: #8B8B8B; overflow: hidden; max-height: 2.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .badge-social { div.badges_share_social { .jssocials-shares { display: flex; justify-content: center; gap: 5px; i.jssocials-share-logo { width: unset; &:before { font-size: 22px; } } } } } } } } } } } } .path-blocks-configurable_reports { div.data-tab-graph { div#datatable { div#spiner { background-color: #000000; width: 100%; height: 100%; position: absolute; opacity: 0.3; top: 0; left: 0; div[aria-role="progressbar"] { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; } } } } } #page-mod-url-view { .resourcecontent.resourcegeneral { iframe#resourceobject { width: 100% !important; } } } #page-mod-hsuforum-view { div#discussionsview { div#hsuforum-menu { .forumsearch { fieldset.invisiblefieldset { display: flex; align-items: center; gap: 10px; } } } } } .block_upcoming_trainings { a.view-all { color: $brand-primary; } .upcoming_trainings_month { border: 2px solid $brand-primary; color: $brand-primary; } table.generaltable { td { div.blue { background-color: $brand-primary; } span.classroom { color: $brand-primary; } } } } // body#page-enrol-index.format-paradiso { // .tab-content{ // div[role="main"] { // position: absolute; // top: 50%; // left: 50%; // transform: translate(-50%, -50%); // width: 98%; // background-color: #ffffff; // box-shadow: -1px 2px 14px #8b8787; // border-radius: 7px 7px 7px 7px !important; // padding-top: 10px; // .generalbox{ // form.mform{ // overflow-x: hidden; // overflow-y: auto; // height: 72vh; // &::-webkit-scrollbar-thumb { // background-color: $brand-primary; // } // } // } // } // } // } /* Paresh Shinde Scss End */ /* End Buttons */ .block_user_profile { .card.hovercard { .avatar { img { background-color: #fff; } } } } #page-report-progress-index { div.modal.moodle-has-zindex { div.modal-body { padding: 12px !important; } div.modal-footer { .btn[data-action="save"] { width: auto; } } } } body.format-paradiso { .modal { .questionbankformforpopup { fieldset.invisiblefieldset { div#questionscontainer { max-height: 28vh; overflow-y: auto; overflow-x: hidden; } } #displayoptions { .custom-select { width: auto; max-width: 100%; } } } fieldset#id_existingcategoryheader { margin-bottom: 0 !important; .form-group { div[data-fieldtype="questioncategory"] { .custom-select { font-size: 12px !important; } } } div[data-region="random-question-preview-container"] { .paged-content-page-container { max-height: 22vh; overflow-y: auto; overflow-x: hidden; ul.list-group { .list-group-item { padding: 0.5rem 1.25rem !important; } } } } div.modal-footer { margin-bottom: 0 !important; padding-bottom: 0 !important; } } } } #page-badges-criteria_settings { form.mform { fieldset#id_first_header { .fcontainer.clearfix { //display: flex; //flex-direction: column-reverse; .form-group.row.fitem.femptylabel[data-groupname="param_course_115"] { .contentlabel { flex: 0; } } .form-group.row.fitem.femptylabel { .contentlabel { flex: 0; } } .form-group.row.fitem.femptylabel.addcourse { .contentlabel { flex: 1; } } } } } } body.format-paradiso { div#coursenavigation { div.course-content { ul.topics { li.section.current { h3.sectionname { border-top: 0 !important; a.sectionchild { font-weight: 600; color: $brand-primary !important; } } } } } } } body.format-topics, body.format-weeks { form.user-competency-course-navigation { min-width: 312px; .d-inline-block.autocomplete_selection { display: block !important; } } .moodle-dialogue-base { .moodle-dialogue-bd { div[data-region="competencylinktree"] { ul.competency-tree { max-height: 30vh; overflow-y: auto; overflow-x: hidden; } } } } ul.section { li.activity { .editing_move { z-index: 9; } } } .course-content { ul.topics, ul.weeks { li.section { .left { position: relative; z-index: 9; height: 55px; display: flex; align-items: center; } } } } } #page-mod-quiz-review.format-paradiso { #page-content { div#region-main-box { #course_content { #linkmaincontent { aside#mod_quiz_navblock { .card-text.content { .qn_buttons { .qnbutton { margin-bottom: 5px !important; } .pagination-no { width: unset; margin: 0 auto; } } } } } } } } } //Hide enroll user button at botton side Ticket id - #1452 body.format-paradiso.path-user { .singlebutton.enrolusersbutton { form#enrolusersbutton-2 { display: none; } } } #page-course-index, #page-course-index-category { .cardcoursescontent { .card-header-image { .row.listview_progress { display: flex; justify-content: space-between; .progress { flex: 1; } } } } } #page-blocks-configurable_reports-editplugin { div#edit-reports-form { div#edit-plugin-form { form.mform { .tab-content { .form-group.row.fitem.femptylabel[data-groupname="buttonar"] { .contentlabel.col-sm-12.col-md-4.col-lg-4.col-xl-4 { flex: 0; } .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement { justify-content: center; flex: 0 0 100%; max-width: 100%; } } } } } } } @media only screen and (min-width: 1110px) and (max-width: 1365px) { #page-local-people-index { .report-left-block-acordeon { .aply-filtter { .content-apply { button#send { font-size: 10px !important; padding: 4px 10px !important; } } .icon-filter { #reset-form { font-size: 10px !important; padding: 4px 10px !important; } } } } .search-filter-buttons { .bulk-actions { padding-right: 0; } } } } #page-local-reports-report_schedule-index { header.navbar-light { div#navbar-nav { .margin-top-new { margin-top: unset; } } } div#plms-course-wizard { div.tab-content { div.schedule-buttons { .btn { height: 40px; } } } } div.search-filter-buttons { div.header-search { .bulk-actions { padding-right: 0; } } } a.loadiframe { margin-right: 7px; } } body.format-singleactivity { .settings-menu { .options-buttons { .teacherdashbutton_format_paradiso, .studentdashbutton_format_paradiso, a#add-block, form#frm_enable_edition { background-color: #fff; padding: 8px 15px; border-radius: 5px; box-shadow: -1px 2px 14px rgb(206 206 206 / 37%); font-size: 13px !important; } a#add-block, form#frm_enable_edition { margin-right: 15px; } .siwitch_content { .checkbox.checbox-switch { margin-right: 0; } } } } div.moodle-has-zindex { div.modal-body { form.mform { .containsadvancedelements { .advanced { div.fdate_time_selector { div.form-group.fitem { width: auto !important; select.form-control { width: 100% !important; } } } } .fitem.advanced { .text-info { color: red !important; } } } select.form-control, div.autocomplete_selection { width: 100% !important; } } .studentdashboard { .studentcompletion { .progress-chart-container { i.fa.fa-graduation-cap { font-size: 5em; } } } } } div.modal-footer { .btn { width: auto !important; } } } } body.format-paradiso, body.format-topics, body.format-weeks { li.current h3.sectionname { border-top: 8px solid $brand-primary !important; } section[data-region="blocks-column"] { aside#block-region-side-pre { aside.block { box-shadow: -1px 2px 14px rgb(206 206 206 / 37%); margin-bottom: 12px; height: 350px; background: #fff 0% 0% no-repeat padding-box; border-radius: 7px; opacity: 1; .card-block { border-radius: 7px; background-color: #fff; padding-left: 20px; padding-top: 18px; padding-right: 0; min-height: 300px; max-height: 365px; overflow-y: hidden; overflow-x: hidden; } } } } .section { .activity { .availabilityinfo { margin-left: 1rem !important; } } } .course-content { div#completionprogressid { display: flex; padding: 10px; gap: 5px; } div#changenumsections { a.add-sections { display: block; margin: 0; } } } div.moodle-has-zindex { div.modal-body { .studentdashboard { .studentcompletion { .progress-chart-container { i.fa.fa-graduation-cap { font-size: 5em; } } } } } } @media only screen and (min-width: 768px) and (max-width: 1366px) { div#page-content.allone-section { div.card.card-block { .h5p-iframe-wrapper { position: unset !important; } } } } div.moodle-has-zindex { div.modal-body { form.mform { .containsadvancedelements { .advanced { div.fdate_time_selector { div.form-group.fitem { width: auto !important; select.form-control { width: 100% !important; } } } } .fitem.advanced { .text-info { color: red !important; } } } select.form-control, div.autocomplete_selection { width: 100% !important; } } .studentdashboard { .studentcompletion { .progress-chart-container { i.fa.fa-graduation-cap { font-size: 5em; } } } } } div.modal-footer { .btn { width: auto !important; } } } } body.format-singleactivity, body.format-formattabs { section[data-region="blocks-column"] { aside#block-region-side-pre { aside.block { .card-block { border-radius: 7px; background-color: #fff; padding-left: 20px; padding-top: 10px; padding-right: 0; min-height: 350px; max-height: 365px; overflow-y: hidden; overflow-x: hidden; } } } } } body.format-formattabs { #page-content { div#region-main-box { #block-region-side-pre { padding-left: 15px; aside#mod_quiz_navblock { margin-bottom: 15px; } } } } } #page-local-social_wall-index { div.moodle-has-zindex { div.modal-body { padding-bottom: 0; form#socialimageupload, #socialvideoupload, #socialfilesupload { .form-group.row { margin-bottom: 0; label.col-form-label { font-size: 14px; font-weight: 400; color: #212128; } input#socialfiles, input#socialvideofiles, input#socialfilesfiles { height: calc(1.5em + 0.75rem + 8px); } } } } } .moodle-dialogue-base { .moodle-dialogue-wrap { .moodle-dialogue-hd.yui3-widget-hd { color: #212121 !important; text-align: left !important; font-weight: 600; font-size: 18px !important; padding-right: 40px; text-transform: inherit !important; } } } } .format-paradiso.editing { div#coursenavigation { div.course-content { ul.topics { overflow-y: auto; overflow-x: hidden; height: calc(100vh - 315px); } } } } .format-paradiso { div#coursenavigation { div.course-content { ul.topics { overflow-y: auto; overflow-x: hidden; height: calc(100vh - 250px); } } } } #page-local-coursewizard-createcourse { .moodle-dialogue-base { .moodle-dialogue { .moodle-dialogue-bd { .filemanager.fp-dlg { width: 100% !important; } } } } } div.modal.moodle-has-zindex { form.mform { fieldset.containsadvancedelements { legend.ftoggler { color: #465b65; font-size: 18px; margin-left: 1rem; margin-bottom: 10px; font-weight: 500; } } } #studentdashslider { .studentdashboard { .row.student-flex { min-width: 370px; display: flex; justify-content: space-between; } } } } body.path-user { div.modal.moodle-has-zindex { div.modal-body { form.mform { max-height: 72vh; overflow-y: auto; overflow-x: hidden; } } } } @media only screen and (max-width: 800px) { header.navbar-light a.btn_settings { display: none !important; } } #page-calendar-view { .card-block { table.minicalendar.calendartable { td.day.text-center.weekend { padding: 9px; } } } } body.format-topics, body.format-weeks { .moodle-dialogue-base { .chooserdialogue-course-modchooser { top: 10% !important; } } aside.block.block_notifications { .card-block { .card-text.content { max-height: 270px !important; overflow-y: auto !important; } } } .course-content { li#section-0 { .accesshide { position: unset; width: auto; height: auto; overflow: unset; margin: auto; margin-bottom: 0.5rem; } } } } .path-mod-book { .tab-content { .navtop.navimages { display: none; } } } body#page-mod-book-view.format-topics, body#page-mod-book-view.format-weeks { div[role="main"] { width: 100% !important; } section[data-region="blocks-column"] { aside#block-region-side-pre { width: 100% !important; position: unset !important; aside#mod_book_block_navigation { border: 0 !important; margin-left: 0; margin-top: 4px; } } } } body#page-local-system_notifications-system_notifications { .tab-content { div#notifications { >.row { .form-group.row.fitem { display: flex; align-items: center; gap: 10px; label { font-size: 14px !important; margin: 0; } .select2-container--default { .select2-selection--single { .select2-selection__rendered { line-height: 36px !important; .select2-selection__clear { display: none; } } } } } } } } } body.format-paradiso.path-mod-feedback { .course-content { .tab-content { [role="main"]>h2 { display: flex; align-items: center; gap: 10px; .icon[title="Preview"] { margin-right: 0; } } .singleselect { form.form-inline { display: flex !important; font-size: 13px; line-height: 1.5; } } div#feedback_dragarea { margin-top: 15px; padding-right: 10px; form#feedback_edit_form { .form-group.feedback_itemlist { .itemhandle { right: 0 !important; } label.col-form-label { padding: 0 !important; .itemtitle { display: grid; grid-template-columns: 0px 90% 10%; .itemname { i.icon[aria-label="Required field"] { margin-left: 10px; } } } } } } } } } } body.format-paradiso { .tab-content { div#linkblock_notifications { margin: 20px 10px; } } } div.moodle-has-zindex { div.modal-body { padding-left: 12px; } } body.format-paradiso#page-mod-feedback-show_entries { .course-content { .tab-content { form.dataformatselector { .form-inline.text-xs-right { display: flex !important; font-size: 13px; line-height: 1.5; flex-flow: nowrap; select#downloadtype_adownload { width: 24% !important; min-width: 260px; } } } } } } #page-course-view-paradiso.path-user { .menubar { .action-menu-trigger { div.dropdown-menu-right { overflow-y: inherit !important; div.dropdown-item { a.sub-icon { position: relative; &:before { content: "\f061"; font-family: 'FontAwesome'; position: absolute; top: 11px; left: -12px; font-weight: 400; font-size: 14px; } } } } } } div[data-filterregion="filters"] { div[data-filterregion="value"] { position: relative; .form-autocomplete-suggestions { top: 32px; min-width: 100%; } } } } body.format-paradiso.path-mod-quiz.editing { #course_content { #linkmaincontent { form.mform { fieldset#id_availabilityconditionsheader { div.fcontainer.clearfix { padding-left: 30px; } .custom-select { background: #fff url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'4\' height=\'5\' viewBox=\'0 0 4 5\'%3e%3cpath fill=\'%23343a40\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3e%3c/svg%3e") no-repeat right 0.5rem center/8px 10px !important; } .contentlabel.col-sm-12.col-md-4.col-lg-4.col-xl-4 { width: 20%; max-width: 20%; flex: 0 0 20%; } .col-sm-12.col-md-8.col-lg-8.col-xl-8.felement { width: 80%; max-width: 80%; flex: 0 0 80%; select.custom-select { min-width: 90px !important; margin-right: 4px; padding: 5px 20px 5px 10px; max-width: 100%; } } div.availability-inner { padding-top: 0; margin-top: 0; div.availability-header { display: inline-flex; align-items: center; gap: 10px; label { margin-bottom: 0; } } .availability-children { .availability-item { .availability_completion, .availability_date, .availability_othercompleted { display: flex !important; } .availability_days { .availability-group { label { display: flex; align-items: center; gap: 10px; } } } .availability_xp { align-items: center; gap: 10px; } } } } } } } } } body#page-cohort-assign { form#assignform { width: 100%; overflow: auto; .generaltable { tbody { tr { .form-inline { display: flex !important; input.btn-secondary { border-radius: 4px !important; } } display: flex; width: 100%; td#existingcell { flex: 2; } td#buttonscell { flex: 1; input#add, input#remove { border-radius: 4px !important; } } td#potentialcell { flex: 2; } div.userselector { select { width: 100% !important; } } } } } } } body#page-mod-hvp-view.nav-open-left { .h5p-iframe-wrapper { iframe.h5p-iframe { min-width: 60% !important; } } } body#page-mod-hvp-view { .h5p-iframe-wrapper { display: flex; justify-content: center; iframe.h5p-iframe { min-height: 65vh !important; min-width: 50% !important; } } } body#page-local-reports-report_schedule-index { #reportdata { .modal-header.report-scheduled { background-color: #fff; h5 { font-weight: 600 !important; font-size: 18px !important; color: #484b5a !important; } } } } body#page-admin-tool-lp-template_plans.path-admin-tool-lp { form.mform { .form-group.fitem.femptylabel { div.felement[data-fieldtype="submit"] { padding: 10px 15px; input[type="submit"] { min-width: 190px; } } } } } body.path-course { aside#block-region-side-pre { aside.block_force_recertification { ul.unlist { li:nth-child(1) { .column.c1 { display: flex; justify-content: space-between; align-items: center; .search-box { width: 87%; display: inline-block; position: relative; input#searchtxt { width: 100%; display: inline-block; vertical-align: middle; height: 36px !important; position: relative; font-size: 13px; padding: 2px 2.5px 2px 8px; border-radius: 32.5px !important; border: 2px solid $brand-primary; background-color: #fff; } button#searchbutton { position: absolute; top: 4px; right: 4px; border-radius: 50%; padding: 3px !important; width: 28px; height: 28px; color: #fff; background-color: $brand-primary; } } button#reset { cursor: pointer; border-radius: 50%; padding: 6px !important; width: 32px; height: 32px; color: #fff; background-color: $brand-primary; } } } li:nth-child(3), li:nth-child(2) { .no-overflow { overflow: unset; } .column.c1 { overflow: auto; max-height: 240px; &::-webkit-scrollbar { width: 5px; background-color: #fff; height: 5px; } &::-webkit-scrollbar-thumb { background-color: $brand-primary; color: #fff; border-radius: 11px; } } } table#recertification, #force_student_search { height: 210px; margin-bottom: 0; th.header.c4 { min-width: 130px; } td.cell.c5.lastcol, td.cell.c5 { a.btn.btn-light { min-width: 171px; background-color: $lighten !important; color: $brand-primary !important; } } &::-webkit-scrollbar { width: 5px; background-color: #fff; height: 5px; } &::-webkit-scrollbar-thumb { background-color: $brand-primary; color: #fff; border-radius: 11px; } } } } } } .path-course { div#linkblock_force_recertification { h2.main { color: $brand-primary !important; } input.recer-input#searchtxt { border: 2px solid $brand-primary; } button#searchbutton { i.fa { background-color: $brand-primary !important; } } button#reset { i.fa.fa-refresh { color: $brand-primary; } } } } body#page-site-index { #region-main { >.card.card-block { padding: 15px; } } } aside.block_badges { .card-block { padding-left: 0 !important; h3.card-title { margin-bottom: 0; padding-left: 20px !important; } .card-text.content { p.no-data { padding-left: 20px; margin-top: 0.75rem; } ul.badges { padding: 0; display: flex; justify-content: flex-start; flex-wrap: wrap; overflow-x: hidden; padding-top: 18px; li { padding: 0; width: 33.3333%; max-width: 104px; height: 134px; margin-bottom: 15px; a { text-decoration: none; } .badge-image { width: 85%; height: auto !important; display: block; margin-left: auto; margin-right: auto; &:hover { -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); transition: 0.7s; } } .badge-name { display: block; padding: 16px 5px 5px; color: #2A2A2A; font-weight: 600; } } } } } } body#page-site-index { #region-main.has-blocks { background-color: transparent !important; } } #page-message-index { .message-app { .conversationcontainer { .view-overview-body { .card-header { button.btn.btn-link.overview-section-toggle { span.badge.badge-pill[data-region="section-unread-count"] { margin-right: 20px; margin-top: 0; padding: 8px 4px; width: 25px; height: 25px; text-align: center; } } } .section.card.expanded { .list-group { span.badge.badge-pill[data-region="unread-count"] { padding: 8px 4px; width: 25px; height: 25px; text-align: center; margin-top: -3px; margin-right: 3px; } } } } } } } #page-local-social_wall-index { .brand-color { color: $brand-primary; } div.editor_atto_toolbar { button { .icon { color: $brand-primary; } } } .social-wall-container { #grid-row-1 { .card { .container { h3.no-post-sw { &:before { color: $brand-primary; } } h4.profile_role { color: $brand-primary !important; } .count_post { color: $brand-primary !important; } } } } } } body#page-course-index-category { .coursecataloglist { ul.inner { li { ul.inner { li { ul.inner { li { ul.inner { li { ul.inner { padding-left: 0 !important; } } } } } } } } } } } body.format-paradiso.path-mod-certificate { div#course_content { div#linkmaincontent { div.title_mod { padding-left: 0; h2.modtitle { align-items: center; } } } } } body#page-theme-paradiso-pages-course_management-management { #course-category-listings { .category-listing { ul.ml { ul.ml { padding-left: 0; padding-right: 0; } a.float-left.categoryname { max-width: 55%; word-wrap: break-word; overflow: hidden; max-height: 28px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; cursor: pointer; } } } } } //header.navbar-light { // div#navbar-nav { .dropdown-item1 { &:hover, &:focus { background-color: $lighten !important; a.dropdown-item.workspace_apply { span.name { color: $brand-primary; } } .dropdownWorkspaceMenuLink { i { display: block !important; } } } .dropdownWorkspaceMenuLink { width: 47.15px; i { display: none !important; } } } // } //} #page-local-people-index { div#h5pcontent_popup { .modal-header { .close.interactive { top: -35px !important; right: 12px !important; } } .modal-dialog { max-width: 980px !important; } } } #page-local-learningpaths-index { div#h5pcontent_popup { .modal-dialog { width: 100% !important; } } } .path-badges { #course_content { .tab-content { table.table, table.generaltable.boxwidthwide { th.header.c0, th.header.c1 { span.updown { display: inline-flex; flex-flow: column; line-height: 0.2; padding: 5px; a.action-icon { .iconsort { line-height: 0.3; height: unset !important; } } } } } } } } .format-formattabs { #coursenavigation { .section { .activity { >div { top: 0 !important; } .activityinstance { >a { text-indent: unset !important; padding-left: unset !important; } span.instancename { p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 140px; margin-bottom: 7px; } } } } div.actions { top: 9px; form.togglecompletion { button.btn.btn-link { padding: 0 !important; } } } } } ul.remui-format-list { ul.section { li.activity { >div { top: 0 !important; } div.actions { form.togglecompletion { button.btn.btn-link { padding: 0 !important; } } } .activityinstance { span.instancename { p { margin-bottom: 0 !important; } } } } } } div.activities_navigator { div.last, div.next { padding-right: 0 !important; i.fa { font-size: 22px !important; } } } #region-main-settings-menu>div { right: 94px !important; margin: 0 !important; padding-top: 3px; } } body#page-local-social_wall-index { .popover.bs-popover-auto { max-width: 300px !important; min-width: 100px !important; .popover-body { width: 350px; position: relative !important; div.media-body { position: relative; text-align: left; div { width: 190px; text-align: left; p { text-align: left; } } } } } } body#page-group-members.path-group { #course_content { div#addmembersform { form#assignform { table.groupmanagementtable { border: 0 !important; tbody { tr:hover { background-color: #fff !important; } div.userselector, div.courseselector { select { width: 100% !important; padding: 0 !important; max-height: 55vh !important; overflow-y: auto; border: 2px solid #ececec; border-top: 0; optgroup { padding: 10px; option { padding: 10px; border-bottom: 2px solid #ECECEC; max-width: 100%; overflow: hidden; text-overflow: ellipsis; &:hover { background-color: $brand-primary; color: #fff; } } } } input#removeselect_searchtext, input#addselect_searchtext { width: 77% !important; } } td#existingcell, #potentialcell { >p { margin: 0; padding: 15px; background-color: $lighten !important; border: 1px solid #ECECEC; border-radius: 7px 7px 0 0; label { font-size: 16px; text-align: left; color: $brand-primary !important; margin: 0; font-weight: 600; } } } #buttonscell { p.arrow_button { margin-top: 0 !important; input#add { background-color: $brand-primary !important; color: #fff !important; border: 1px solid $brand-primary !important; } input#remove { background-color: $lighten !important; color: $brand-primary !important; border: 1px solid $lighten !important; } } } #potentialcell { vertical-align: top !important; } } } } } } } .path-grade.path-grade-report { table#user-grades { .grade_type_value.c3 { display: flex; justify-content: space-between; align-content: center; height: 44px; flex-flow: row-reverse; } } } div.modal#buynow-modal { .modal-dialog.modal-lg { width: 48% !important; background-color: #F9F9F9; box-shadow: 0px 3px 13px #B9BDC35E; border-radius: 7px; .modal-content { background-color: #F9F9F9; .modal-header { border: 0; margin-bottom: 20px; h5#myBuynow-modal { background-image: url([[pix:theme|popup-header]]); background-size: cover; background-position: center; height: 60px; border-radius: 5px 5px 3px 3px; color: #fff !important; font-size: 20px; text-transform: capitalize; } } .modal-body { .label-text { font-size: 15px; color: $fontcolor; } input, select { border: 2px solid $brand-primary !important; border-radius: 6px; height: 41px !important; background-color: #fff; } textarea { resize: none; } #count_message { background-color: smoke; margin-top: 2px; margin-right: 0px; } .alert-danger { padding: 10px; margin-top: 10px; } .iti.iti--allow-dropdown { display: block; } } .modal-footer { justify-content: center; border-top: 0; padding-top: 0; button, #submitbuynow { border-radius: 0 !important; min-width: 160px; } button.btn-secondary.buynow { border: 2px solid $brand-primary !important; background-color: transparent !important; &:focus { color: $brand-primary !important; } } } } } } body#page-login-forgot_password { form.mform { fieldset#id_setpassword { max-height: 120vh !important; text-align: left; padding: 22px 30px !important; // padding-top: 0 !important; h3 { color: #000 !important; margin-bottom: 0; font-weight: 600; } label { margin-top: 15px; padding: 0; color: #A1A1A1 !important; margin-bottom: 0; } ul.password_symbol_desc { list-style-type: none; padding: 0; margin-left: 0; color: #a1a1a1 !important; margin-bottom: 0; } div.contentlabel { display: block; font-size: 14px !important; font-weight: 600; width: 100%; max-width: 100%; flex: 100%; align-items: center; display: flex; justify-content: space-between; position: relative !important; padding-right: 0; padding-left: 0; abbr[data-inputid='id_password'], abbr[data-inputid='id_password2'] { position: unset; margin: 0; } a#passwordunmask, a#passwordsunmask { margin-bottom: 15px; display: block; i.icon.eye1, i.icon.eye2 { position: absolute; bottom: -13px; z-index: 99; right: 4px; } i.icon.eye2 { bottom: -15px !important; } } .options.d-flex.float-right { padding-right: 2px; } label { color: #000 !important; } } div.felement { padding-right: 0; padding-left: 0; } div.form-group.row { justify-content: left; .form-control-static { font-size: 14px !important; color: #000; } } } @media only screen and (max-width: 767px) { fieldset#id_setpassword, div.box.py-3.generalbox.boxwidthnormal.boxaligncenter { width: 94% !important; margin: 0 auto !important; } } div.form-group.row[data-groupname="buttonar"] { div.felement[data-fieldtype="group"] { justify-content: center; } } } } body#page-mod-forum-post, body#page-mod-forum-search { div.settings-menu { div.options-buttons { justify-content: end; } } } body#page-my { form.gird-search-form.mform { .search-box { .input-search { border: 2px $brand-primary solid; } button.btn-search { background: $brand-primary; } } } .dropdown-item { &:hover { color: $brand-primary !important; background-color: $lighten !important; } &:focus { color: $brand-primary !important; background-color: $lighten !important; } } .back-icon { background: $brand-primary; } .content-desc { .item-description { #myBtn { color: $brand-primary; } } } .owl-prev { color: $brand-primary !important; } .owl-next { color: $brand-primary !important; } } body#page-local-playlist-index { form.gird-search-form.mform { .search-box { .input-search { border: 2px $brand-primary solid; } button.btn-search { background: $brand-primary; } } } } body#page-local-playlist-route { form.gird-search-form.mform { .search-box { .input-search { border: 2px $brand-primary solid; } button.btn-search { background: $brand-primary; } } } .cohorticon { background-color: $brand-primary !important; } .dropdown-item { &:hover { color: $brand-primary !important; background-color: $lighten !important; } &:focus { color: $brand-primary !important; background-color: $lighten !important; } } .back-icon { background: $brand-primary; } .content-desc { .item-description { #myBtn { color: $brand-primary; } } } .content-details { .fullscreen-link { color: $brand-primary !important; } } } .row.search-radio { .radio-box { button#filterdropdownMenu { i.men-icon-phfiltter { color: $brand-primary !important; ; } } } } div.workspace_dropdown { button.dropdown-toggle { span.big-letter { background-color: $brand-primary !important; ; } } } .carditem__creator { color: $brand-primary !important; } .section-title { .view-all { color: $brand-primary !important; } } div#h5pcontent_popup { div.modal-body.h5pcontentbody { .grouph5pdata { .dropdown-item { &:hover { border: 1px solid $brand-primary !important; } } } } } body#page-my.homepage { ul#myTab[role="tablist"] { a.nav-link.active { color: $brand-primary !important; border-bottom: 5px solid $brand-primary !important; } } .owl-prev { color: $brand-primary !important; } .owl-next { color: $brand-primary !important; } } body#page-local-playlist-route.content-view { .modal.assign-users-modal-dialog { .modal-dialog { .modal-body.assign-user-body { form.search-form { .search-cohort-form { input#cohortsearchval { border: 2px solid $brand-primary; } .men-search-phx { background-color: $brand-primary !important; } } } } } } } #page-local-overflow-index { .between_space { .search_bar { input#search_id { border: 2px solid $brand-primary; } button.search_btn { i.men-search-phx { background-color: $brand-primary !important; } } } .overflowaddnew { #newdiscussionform { button.btn.btn-round.btn-secondary { background-color: $brand-primary !important; border-color: $brand-primary !important; height: 36px; } .btn-secondary { &:hover { background-color: $brand-primary !important; border-color: $brand-primary !important; } } } } } } #page-local-overflow-discussion { .space-between { .overflowaddnew { #newdiscussionform { button.btn.btn-round.btn-secondary { background-color: $brand-primary !important; border-color: $brand-primary !important; } .btn-secondary { &:hover { background-color: $brand-primary !important; border-color: $brand-primary !important; } } } } } } body#page-local-overflow-post { #cohortsearchval { border: 2px solid $brand-primary; } .shareuser_icon2 { background-color: $brand-primary; } } .workspace_dropdown { div.workspaces_menu { div.create_workspaces { a.dropdown-item { color: $brand-primary !important; i { color: $brand-primary !important; } } } } } body.format-paradiso { .badge-info { background-color: $brand-primary !important; } .alert-info { background-color: $lighten !important; border-color: $lighten !important; } } body.format-paradiso { div.moodle-has-zindex { div.modal-body { label[for=add_section_numsections] { padding: 25px 0 25px 40px; font-size: 14px; color: $brand-primary; font-weight: 600; } #add_section_numsections { width: 56px; padding: 7px 10px; border: 1px solid #d5d5d5; border-radius: 3px; } label.topic_rule { margin-left: 0; position: absolute; top: 70px; left: 40px; font-size: 11px; color: $brand-primary; } .append_topics { padding: 0 25px; max-height: 260px; overflow-y: scroll; width: 350px; &::-webkit-scrollbar { width: 7px !important; background-color: #fff !important; height: 5px !important; } &::-webkit-scrollbar-track { display: block !important; background-color: #fff !important; width: 5px !important; } &::-webkit-scrollbar-thumb { background-color: $brand-primary !important; color: #fff !important; border-radius: 5px; } .col-form-label { color: #465b65; font-size: 13px; font-weight: 600; } input.form-control.appendsectioncls { border: 1px solid #d5d5d5; height: 38px !important; } } } } } div#screen_recorder { div#extension-instll { .pop-extension-instll { display: flex; justify-content: center; } } .recorder-btn { text-align: center; } } body.format-paradiso { #chooseform.quizquestionpopup { .options { border: 0 !important; } .moduletypetitle { margin-bottom: 0; padding-left: 0; text-transform: capitalize; font-size: 14px; } .alloptions { padding: 0 15px; max-width: 100% !important; max-height: 69vh !important; .question_set { display: flex; flex-flow: wrap; gap: 10px; } .option { width: 32%; padding: 0 !important; border-radius: 2px; label { border-bottom: 0 !important; display: flex !important; justify-content: flex-start; align-items: center; height: 45px; position: relative; z-index: 9; box-shadow: 0px 0px 8px #00000029; border-radius: 2px; .typename { width: auto !important; color: #000; line-height: 1.4; } .icon { padding: 0 10px !important; } span.modicon { width: 25px !important; height: 25px !important; align-items: center; justify-content: center; display: flex; margin: 0 6px; border-radius: 2px; } } } .option:nth-child(2), .option:nth-child(5), .option:nth-child(8) { .typesummary { left: -115% !important; &:before { left: 37% !important; } } } .option:nth-child(3), .option:nth-child(6), .option:nth-child(9) { .typesummary { left: -222% !important; &:before { left: 69% !important; } } } .option.selected { background-color: $lighten !important; border: 0 !important; border-radius: 2px; label span { color: $brand-primary !important; } } .section_question_other { margin-bottom: 10px; } .section_question_questions { .option { label { span.modicon { background-color: #2d70ae87; } } } } .section_question_calculated { .option { label { span.modicon { background-color: #69ae2d87; } } } } .section_question_draganddrop { .option { label { span.modicon { background-color: #ae6e2d87; } } } } .section_question_other { .option { label { span.modicon { background-color: #762dae7a; } } } } } .submitbuttons { text-align: center !important; } .instruction { display: none !important; } .typesummary { position: relative !important; top: 0px !important; left: -9% !important; bottom: unset !important; height: auto !important; right: unset !important; width: 331% !important; padding: 20px 15px 10px !important; background: #E4E4E4 !important; &:before { content: ""; position: absolute; top: -7px; left: 4%; display: inline-block; border: 9px solid transparent; border-bottom-color: #E4E4E4; z-index: 2; } &:after { content: ""; position: absolute; width: 100%; background: white; height: 10px; top: 0; left: 0; } p { margin: 0; color: #000000; font-weight: 600; } } } .moodle-dialogue-base { .moodle-dialogue-wrap { border-radius: 7px !important; .moodle-dialogue-hd.yui3-widget-hd { border-radius: 7px 7px 0 0 !important; color: #334D6E !important; text-transform: initial !important; .closebutton { font-size: 20px; color: #000; top: 10px; } } .moodle-dialogue-bd { background: #ffffff !important; } } } } body#page-login-change_password.format-site { fieldset#id_changepassword { legend.ftoggler { color: #465b65; padding-left: 10px; } div[data-fieldtype="static"] { .form-control-static { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } } } } body#page-badges-mybadges { div#issued-badge-table { .badges li { width: unset !important; margin-right: 20px; } div[data-groupname="searchgroup"] { div[data-fieldtype="group"] { display: flex; .form-group.fitem { display: inline-block; input[type=submit].btn-primary { height: unset; } } } } } } body#page-message-notificationpreferences { .preferences-container { table.preference-table { h4 { margin-bottom: 0; } } } } body#page-admin-roles-admins { div#addadmisform { .generaltable { tr { display: flex; td { vertical-align: top !important; } td#existingcell, td#potentialcell { flex: 2; width: auto; } td#buttonscell { flex: 1; } select { width: 100% !important; } } } } } body#page-admin-tool-lp-coursecompetencies.format-paradiso { form.user-competency-course-navigation { div.autocomplete_selection { input.form-control { width: 315px !important; } } } div[data-region="coursecompetenciespage"] { clear: right; .progress { margin: 20px 5px !important; } } } body.path-question.path-question-type { form.mform { div[data-groupname="updatebuttonar"], div[data-groupname="buttonar"] { display: inline-flex !important; margin: 0; width: 50%; div.contentlabel { display: none; } div.felement[data-fieldtype="group"] { flex: 0 0 100%; max-width: 100%; padding: 0; } } div[data-groupname="updatebuttonar"] { justify-content: right; div.felement[data-fieldtype="group"] { margin-right: 10px; text-align: right; span[data-fieldtype="submit"] { padding-right: 0; } } } } } body#page-course-view-paradiso.path-user, body.format-topics.path-user, body.format-weeks.path-user, body.format-singleactivity.path-user { div[role=main] { position: relative; } .enrol-btn { position: absolute; right: 0; top: -5px; } div[data-filterregion="filters"] { button[data-filteraction="remove"].icon-size-4 { .icon { font-size: 18px !important; } } } div.moodle-has-zindex { div.modal-header { .modal-title { font-size: 18px; font-weight: 600; text-align: left; } } form.mform { fieldset#id_main.containsadvancedelements { legend.ftoggler { display: none; } .form-group.row.fitem { flex-direction: column; .contentlabel { padding-bottom: 0; .col-form-label { font-size: 14px; font-weight: 600; color: #212121; } } .felement { flex: 0 0 100%; max-width: 100%; div.autocomplete_selection { input.form-control { border: 1px solid #ced4da !important; border-radius: 3px; } } ul.form-autocomplete-suggestions { width: 51%; text-align: left; padding: 10px; button.btn.btn-light { margin-right: 10px; } } } } .fitem.advanced { abbr.initialism.text-info { display: none; } .contentlabel { label { width: auto !important; } } .form-check-input { margin-top: 0.2rem; } } div.moreless-actions { div.felement { width: 98%; } } } } } } body#page-mod-assign-mod.path-mod-assign { form.mform { fieldset#id_modstandardgrade { div[data-groupname="grade"] { .felement[data-fieldtype="modgrade"] { max-width: 51% !important; } } } } } body#page-user-forum.format-site.path-user { form.mform { fieldset#id_trackreadposts { .fcontainer.clearfix { padding-left: 24px; padding-right: 0; } } } } body#page-blog-external_blog_edit { form.mform { div[data-fieldtype="textarea"] { textarea#id_description { width: 80%; } } } } body#page-mod-quiz-accessrule-proctoring-report { .activity-progress { flex: 0 0 100.333333%; max-width: 100.333333%; } .activitiesstatus { display: none; } .progress { height: 10px; top: unset !important; position: absolute; margin: 0px !important; bottom: 0; } .progress-bar { background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #09c, #f44); border-radius: 2px; -webkit-background-size: 35px 20px, 100% 100%, 100% 100%; background-size: 35px 20px, 100% 100%, 100% 100%; position: relative; span.progress-percentage { position: absolute; bottom: -2px; font-size: 9px; line-height: 10px; padding: 2px 3px 2px 4px; right: 11px; border-radius: 2px; &:before { content: "%"; font-size: 9px !important; color: #fff; z-index: 2; position: absolute; right: -5px; bottom: 2px; top: unset !important; } } } .change_UI { position: relative; } .space1 { padding: 7px; border-radius: 10px; margin-left: -19px; margin-right: 8px; margin-bottom: 5px; } .span_align_overview { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; margin-top: 0; font-size: 18px; letter-spacing: -.2px; } .Activities_list { padding: 5px; list-style-type: none; } .text-center { text-align: left !important; } .header-course-title { color: #484b5a !important; padding: 10px; top: -13px; position: relative; padding-right: 52px; display: flow-root; text-transform: capitalize; } .mb-4 { margin-bottom: 0.5rem !important; } .col-lg-9.col-md-12 { .space { margin-bottom: 15px; } } } body#page-user-preferences { .card-text { div { a { text-transform: capitalize !important; } } } } body.format-site { h2 { text-transform: capitalize !important; } .preferences-container { .preference-table { h4 { text-transform: capitalize !important; } } } h4.contextname { a { text-transform: capitalize !important; } } label[for="id_enableactivitychooser"] { text-transform: capitalize !important; } } body#page-admin-roles-assign.format-paradiso { div.tab-pane.active { [role="main"] { >h2 { overflow: hidden; max-height: 60px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-transform: capitalize !important; } } } } body.format-paradiso { div.tab-pane.active { [role="main"] { >h2 { text-transform: capitalize !important; } } } div#course_content { div.menubar { div.dropdown { div.dropdown-menu-right { overflow-x: hidden; } } } } } header.navbar-light { div#navbar-nav { div.dropdown_lang { div.dropdown-menu { .dropdown-item { font-size: 12px !important; padding: 14px 0 14px 16px !important; max-width: 195px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } } } body#page-contentbank-edit { form.mform { .form-group.femptylabel { margin-left: 0; margin-top: 20px; .contentlabel { display: none; } .felement[data-fieldtype="group"] { flex: 0 0 100%; max-width: 100%; justify-content: center; } } .dropdown-toggle { display: none; } .loading-icon { display: none !important; } } form.hvpedit { #id_submitbutton { display: none !important; } #id_cancel { display: none !important; } .filemanager-loading { margin-left: 30%; } .loading-icon { display: none !important; } .filemanager-loading .icon { font-size: 75px; width: 75px; height: 75px; } } } body#page-contentbank { .content-bank-container { .cb-search-container { display: flex; gap: 20px; .searchbar.input-group { width: 260px; position: relative; .input-group-append { position: absolute; top: 0px; right: 0px; z-index: 99; } } } .cb-toolbar-container { .switch { width: 48px; height: 19px; top: 10px; } .slider:before { height: 14px; width: 14px; left: 3px; bottom: 3px; } .slider.round { border-radius: 34px; box-shadow: 0 0 6px #9e9e9e59; } input:checked+.slider:before { transform: translateX(28px); } a.composer-settings { display: flex; align-items: center; text-decoration: none; i { font-size: 24px; color: $brand-primary; } } } } div.moodle-has-zindex div.modal-body { padding-left: 12px; } } body#page-user-profile { div.user-panel { div.tab-content { .filtered-courses.localbadges { flex: 0 0 100%; max-width: 100%; } } } } body#page-blocks-xpparadiso-index { div:not(.modal-body) { form.mform input.form-control { width: 80% !important; } } form.mform:not(.collapsed) { legend.ftoggler { color: $headingcolor !important; } } } body#page-theme-paradiso-pages-course_management-management { .pair-value { select#menumovecategoriesto, select#menumovecoursesto { height: auto !important; position: relative; &::-webkit-scrollbar { width: 5px; height: 5px; } } } } body.format-singleactivity { .course-content { li.activity { a.editing_move { margin-top: 6px; } >div { .mod-indent-outer { .actions { form.togglecompletion { button.btn.btn-link { padding: 0 !important; img.icon { margin-right: 7px; } } } } } } .activityinstance { span.instancename p { margin-bottom: 0; margin-top: 6px; } .inplaceeditable.inplaceeditable-text a { margin-top: 6px; span.instancename p { margin-top: 0; } } } } } } body#page-admin-tool-capability-index { fieldset#id_reportsettings { div#capabilitysearchui { margin-bottom: 10px; input#capabilitysearch { margin-left: 10px; height: 36px !important; position: relative; font-size: 13px; padding: 2px 35px 2px 18.5px; border-radius: 32.5px !important; border: 2px solid $brand-primary; } } } } body#page-enrol-index { #course_content { .course-rating-container { justify-content: unset !important; position: absolute; bottom: 23px; ul { width: 154px; } } } .course_rating_txt { bottom: 15px; position: absolute; color: #fff; font-size: 12px; left: 41px; } #course-0 { width: 120px; } } //Composer body.path-contentbank, body#page-contentbank { .add-new.fitem { width: 60% !important; margin: 0 auto; padding-bottom: 40px; h5.modal-title { font-weight: 600; font-size: 15px; } h3.title { font-size: 16px; font-weight: 600; display: flex; align-items: center; } } div#changethumb.modal { .part-1 { .add-thumbnail { height: unset; min-height: 230.5px; } } } .part-1 { border-right: 1px solid #CBCBCB; .add-thumbnail { display: flex; flex-flow: column; gap: 20px; width: 90%; // margin: 0 auto; padding: 28px; border: 1px solid #CBCBCB; border-radius: 5px; height: 100%; justify-content: center; span { font-size: 15px; font-weight: 600; text-align: center; } button { height: 55px; font-size: 14px; } button.pixabaybtn, button.cpixabaybtn { background: #FCFCFC !important; border: 2px dashed $brand-primary !important; border-radius: 3px; color: $brand-primary !important; } } } .part-2 { .view-part { display: flex; flex-flow: column; width: 90%; // margin: 0 auto; padding: 8px; border: 1px solid #CBCBCB; border-radius: 5px; min-height: 230.5px; float: right; img { border-radius: 5px; } h4.img-name { font-size: 15px; font-weight: 600; } span.img-type { color: #878787; font-size: 14px; } } } } body#page-contentbank.format-site { .part-1 { .add-thumbnail { height: unset; min-height: 230.5px; } } } body#page-login-index { .content-login { .dropdown_lang { a.dropdown-toggle { width: 100% !important; } } } } div#step2 .course_wizard_padd { padding-top: 0 !important; } .course-wiz-add-img { margin: 0 auto; padding-bottom: 40px; h3.title { font-size: 16px; font-weight: 600; display: flex; align-items: center; } .part-1 { border-right: 1px solid #CBCBCB; .add-thumbnail { display: flex; flex-flow: column; gap: 10px; width: 70%; margin: 0 auto; padding: 34px; border: 1px solid #CBCBCB; border-radius: 5px; height: calc(100% - 44px); justify-content: center; span { font-size: 16px; font-weight: 600; text-align: center; } button { height: 55px; font-size: 16px; } button.pixabaybtn, button.cpixabaybtn { background: #FCFCFC; border: 2px dashed $brand-primary; border-radius: 3px; color: $brand-primary; } } } .part-2 { .view-part { display: flex; flex-flow: column; width: 70%; margin: 0 auto; padding: 8px; border: 1px solid #CBCBCB; border-radius: 5px; min-height: 230.5px; img { border-radius: 5px; } h4.img-name { font-size: 17px; font-weight: 600; } span.image_category_name { color: #878787; font-size: 15px; } } } } div#changethumb { h5.modal-title { font-weight: 600; font-size: 15px; } .modal-dialog { h3.title { font-size: 16px; font-weight: 600; } } } div#pixabayModal { .modal-header { border: 0; h5.modal-title { font-weight: 600; font-size: 18px; background-color: $brand-primary; color: #fff; border-radius: 4px 4px 0 0; } .close { color: #fff; } } .back-search { display: flex; align-items: center; .back-title { font-weight: bolder; font-size: 20px; a { text-decoration: none; position: relative; display: inline-flex; margin-bottom: 0px; white-space: nowrap; } .back-icon { background: $brand-primary; text-decoration: none; color: #fff; display: inline-block !important; height: 28px; padding: 4px 10px 4px 8px; font-size: 15px; line-height: 20px !important; border-radius: 50px; transition: all 0.5s ease-in-out; } span { color: #484b5a; font-size: 15px; font-weight: 600; margin-left: 8px; line-height: 1.8; } } .input-search { position: relative; max-width: 300px; width: 100%; margin-left: 40px; .men-search-phx { position: absolute; margin: auto; padding: 8px; color: #fff; border-radius: 14px; background-color: $brand-primary !important; right: 4px; top: 4px; font-weight: 600; } } } @media only screen and (min-width: 1200px) { .modal-dialog { width: 100%; max-width: 950px !important; } } div#append_pixabay_search { max-height: 75vh; overflow: auto; &::-webkit-scrollbar-thumb { background-color: $brand-primary; border-radius: 15px; } &::-webkit-scrollbar-track { background-color: #F6F6F6; border-radius: 15px; } &::-webkit-scrollbar { width: 6px; } .pixbayrow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; padding: 10px; @media only screen and (max-width: 1200px) { grid-template-columns: repeat(3, 1fr); } @media only screen and (max-width: 991px) { grid-template-columns: repeat(2, 1fr); } @media only screen and (max-width: 480px) { grid-template-columns: repeat(1, 1fr); } img.getpixbayimg { margin-bottom: 10px; } span.search_title { text-align: left; font-size: 14px; letter-spacing: 0px; color: #484B5A; text-transform: capitalize; } } } } body#page-admin-roles-assign { table#assigningrole { .form-inline { label[for="removeselect_searchtext"], label[for="addselect_searchtext"] { display: inline-block; } } } } #pptx_conversion_popup { z-index: 1055; h5.modal-title { font-weight: 600; font-size: 15px; } .modal-dialog { max-width: 430px !important; } .modal-dialog h3.title { font-size: 16px; font-weight: 600; } label.custom-file-upload { height: 55px !important; font-size: 14px; width: 100%; color: #484848; border: 2px dashed #d5d5d5; border-radius: 4px; display: inline-flex; justify-content: center; align-items: center; gap: 10px; } .pptx-1 { // border-right: 1px solid #cbcbcb; .add-pptx { display: flex; flex-flow: column; gap: 20px; width: 90%; margin: 0 auto; border: 1px solid #cbcbcb; border-radius: 5px; position: relative; height: 175px; justify-content: center; align-items: center; form { width: 85%; input { opacity: 0; position: absolute; width: 100%; height: 100%; cursor: pointer; } } } } .pptx-2 { .view-part { display: flex; flex-flow: column; width: 90%; margin: 0 auto; padding: 8px; border: 1px solid #cbcbcb; border-radius: 5px; height: 175px; justify-content: center; background: #f5f5f5 !important; img { border-radius: 5px; width: 70%; margin: 0 auto; } } } .modal-footer { border-top: 0; justify-content: center; .btn-primary { min-width: unset !important; } } } .z-indexlarger { z-index: 1050 !important; } div#pixabayModal_coursewizard { #pixabay_search { border: solid 2px $brand-primary !important; width: 100% !important; border-radius: 60px; padding-left: 16px !important; } .pixabay_search_icon { margin: auto; padding: 8px; color: #fff; border-radius: 14px; top: 20px; right: 34rem; position: absolute; background-color: $brand-primary !important; } .modal-header { border: 0; background-color: $brand-primary; padding: 15px !important; h5.modal-title { font-weight: 600; font-size: 18px; color: #fff; border-radius: 4px 4px 0 0; text-transform: capitalize; padding: 0; } .modal-logo { position: absolute; top: 19px; left: 40px; width: auto; } .close { color: #fff; top: -13px; } } .back-search { display: flex; align-items: center; .back-title { font-weight: bolder; font-size: 20px; a { text-decoration: none; position: relative; display: inline-flex; margin-bottom: 0px; white-space: nowrap; } .back-icon { background: $brand-primary; text-decoration: none; color: #fff; display: inline-block !important; height: 28px; padding: 4px 10px 4px 8px; font-size: 15px; line-height: 20px !important; border-radius: 50px; transition: all 0.5s ease-in-out; } span { color: #484b5a; font-size: 15px; font-weight: 600; margin-left: 8px; line-height: 1.8; } } .input-search { position: relative; max-width: 300px; width: 100%; margin-left: 40px; .men-search-phx { position: absolute; margin: auto; padding: 8px; color: #fff; border-radius: 14px; background-color: $brand-primary !important; right: 4px; top: 4px; font-weight: 600; } } } @media only screen and (min-width: 1200px) { .modal-dialog { width: 100%; max-width: 950px !important; } } div#append_pixabay_search { max-height: 75vh; overflow: auto; &::-webkit-scrollbar-thumb { background-color: $brand-primary; border-radius: 15px; } &::-webkit-scrollbar-track { background-color: #F6F6F6; border-radius: 15px; } &::-webkit-scrollbar { width: 6px; } .pixbayrow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; padding: 10px; @media only screen and (max-width: 1200px) { grid-template-columns: repeat(3, 1fr); } @media only screen and (max-width: 991px) { grid-template-columns: repeat(2, 1fr); } @media only screen and (max-width: 480px) { grid-template-columns: repeat(1, 1fr); } img.getpixbayimg { margin-bottom: 10px; } span.search_title { text-align: left; font-size: 14px; letter-spacing: 0px; color: #484B5A; text-transform: capitalize; } } } } ul.dropdown-menu-filter.multi-level { .filter-close-btn { color: $brand-primary; } } body#page-admin-roles-allow { #region-main { overflow: hidden; form[method="post"] { overflow: auto; } } } div#share_course { .modal-dialog { max-width: 750px !important; width: 100%; display: flex; justify-content: center; align-items: center; // height: 100vh; margin: auto; top: 5% !important; .modal-content { border-radius: 10px; } .modal-header { border: 0; h5.modal-title { text-align: left; font-size: 16px; font-weight: 600; text-transform: capitalize; padding: 15px 35px; } a#closeshareassignusersuccess { position: absolute; margin: 0; right: 5px; top: 0 !important; } } .success-msg { font-size: 15px; color: #484B5A; } .shareassignusersuccess.text { flex-flow: column; align-items: center; } .success-tick { font-size: 25px; font-weight: 600; text-align: center; } .text-center { text-align: center !important; } div#accordionExample { box-shadow: 0 2px 10px #cbcdd0 !important; border-radius: 7px; border: 1px solid #f1e9e9; position: absolute; width: 91%; z-index: 99; top: 62px; height: auto; max-height: 306px; overflow-y: auto !important; overflow: hidden; margin-top: 0 !important; .card { div.cohortbackground { h2 { button.btn.btn-link.btn-block { font-size: 16px; color: #484b5a; font-weight: 600; margin-bottom: 8px; margin-top: 10px; text-decoration: none; height: unset !important; } } } .card-body { div.item { padding: 0 0 15px 0 !important; .container-chobx { padding-left: 24px; a.click_add_cohorts { font-size: 15px; color: #484b5a; text-transform: capitalize; padding-left: 10px; cursor: pointer !important; } a.click_add_users { font-size: 15px; color: #484b5a; text-transform: capitalize; padding-left: 10px; cursor: pointer !important; } } } flex: unset; min-height: unset; padding: unset; } } .cohorticon { background-color: $brand-primary; border-radius: 50px; font-size: 16px; width: 30px; height: 30px; padding: 5px; color: #fff; align-items: center; justify-content: center; display: inline-flex; } } .share-course-body { padding: 5px 35px 35px; position: relative; form#shareform { .search-cohort-form { position: relative; input#cohortsearchval { background: #f5f5f5; border-radius: 3px; border: 0; width: 100%; padding: 5px 10px 5px 47px; height: 52px !important; font-size: 16px; } i.shareuser_icon2 { position: absolute; top: 18px; left: 14px; font-size: 18px; font-weight: 900; color: #a7a7a7; } } .search_text_all_users { text-align: right; font-size: 16px !important; input#all_users { width: 16px; height: 16px; margin-right: 5px; } } .search-data-height { span.headingname { font-size: 16px; font-weight: 600; text-transform: capitalize; } .cohorts { // padding-bottom: 15px; border-bottom: 1px solid #D5D5D5; margin-bottom: 15px; } .search_append_email { padding-top: 15px; border-top: 1px solid #D5D5D5; // margin-top: 15px; } .append_cohorts_data { display: flex; flex-wrap: wrap; // gap: 15px; div.select_cohort { display: inline-flex; align-items: center; padding: 10px; background: #f5f5f5; border-radius: 3px; font-size: 16px !important; height: 50px; border: 1px solid #f5f5f5; margin-right: 15px; margin-bottom: 15px; i.cohorticon { font-size: 25px; padding: 5px; } span.select_cohort { display: flex; align-items: center; color: #484B5A; } span.cohort-add .cohort-fa { background-color: $brand-primary; } .cohort-fa { margin-left: 7px; background-color: #484B5A; padding: 4px 5px 3px 5px; border-radius: 15px; color: #FAFAFA !important; } } } .append_data { display: flex; flex-wrap: wrap; // gap: 15px; div.select_user { display: inline-block; margin-right: 15px; margin-bottom: 15px; span.choice_plus, span.choice_remove_user { display: flex; flex-direction: column; align-items: center; position: relative; img { border: 5px solid #F5F5F5; } .user-name { font-size: 16px !important; color: #484B5A; } .user-img { position: relative; i.user-fa { position: absolute; top: 0; right: 0; background-color: $brand-primary; padding: 4px 5px 3px 5px; border-radius: 15px; color: #FAFAFA !important; } i.fa.fa-minus.cohort-fa { position: absolute; top: 0; right: 0; background-color: #484B5A; padding: 4px 5px 3px 5px; border-radius: 15px; color: #FAFAFA !important; } } } } } .all_append_view.search_append { div.select_cohort { margin-bottom: 15px; background-color: $lighten; border: 1px solid $brand-primary; } } .append_data.search_append_data { .recent-select_user { span.user-img { position: relative; &:before { content: ""; position: absolute; width: 60px; height: 60px; border: 1px solid $brand-primary; border-radius: 50%; top: 0; left: 0; } } } } .append_emails { .emailbackcolor { display: inline-flex; align-items: center; padding: 10px; background: $lighten; border-radius: 3px; font-size: 16px !important; height: 50px; border: 1px solid $brand-primary; margin-right: 15px; margin-bottom: 15px; i.cohorticon { font-size: 25px; padding: 5px; } a { display: flex; align-items: center; color: #484b5a; i.fa.fa-minus.cohort-fa { margin-left: 7px; background-color: #484b5a; padding: 4px 5px 3px 5px; border-radius: 15px; color: #fafafa !important; } } } } } } } } } body#page-report-log-index { form.logselecform { select#menuid { max-width: 100%; } } } .custome_theme { .select-theme { padding: 0; .multi-column-dropdown { li.role-name { a { justify-content: space-between; } span { overflow: hidden; max-height: 35px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #484b5a !important; font-size: 15px; } &:hover { color: $brand-primary; background-color: $lighten; span { color: $brand-primary !important; } } } } } } body.path-local-venuemanangement { .venuemanangement-list { .group-search { position: relative; width: 300px; input { display: inline-block; width: 300px; vertical-align: middle; height: 36px !important; position: relative; font-size: 13px; padding: 2px 35px 2px 18.5px; border-radius: 32.5px !important; border: 2px solid $brand-primary; background-color: #fff; } i.venuemanangement { position: absolute; margin: auto; padding: 7px; color: #fff; border-radius: 25px; background-color: $brand-primary !important; right: 4px; top: 4px; } } } } .format-paradiso { .change_UI { span.share-course { .btn { line-height: 1.5; border: 2px solid $brand-primary !important; background: #fff !important; font-size: 15px; font-weight: 600; } } } } body#page-local-coursewizard-createcourse { nav { .pagination { li.page-item.active { .page-link { color: $brand-primary !important; background-color: #fff !important; border-color: #fff; font-weight: 600; } } li.page-item { .page-link { font-size: 15px; border: 0 !important; font-weight: 400; } } justify-content: end; } } .img-view { position: relative; span.img-name.image_course_name { position: absolute; top: 50%; left: 5%; z-index: 99; font-size: 14px; font-weight: 600; color: #707070; background-color: none !important; padding: 0 10px; padding: 0; text-transform: capitalize; overflow: hidden; max-height: 4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: left; } .first-word { color: $brand-primary; font-size: inherit !important; display: block !important; } } } body#page-local-trial-index { .form-colourpicker { input#id_s_theme_paradiso_brandprimary { display: none; } } } form#coolh5peditor { margin-bottom: 30px; .form-group { .contentlabel { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .buttonhelp { margin-right: 17px; margin-top: 6px; } .felement { flex: 0 0 75%; max-width: 75%; input#id_custname { width: 100% !important; } } } } body#page-course-edit { .moodle-dialogue-base { .moodle-dialogue-wrap.moodle-dialogue-content { h3 { overflow: hidden; max-height: 5rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-right: 15px; } } } } body#page-contentbank-edit { .form-group.femptylabel[data-groupname="buttonar"] { .contentlabel { display: none; } div.felement[data-fieldtype="group"] { flex: 0 0 100%; max-width: 100%; justify-content: center; margin: 0 25px; } } div.modal.show.moodle-has-zindex { z-index: 999999 !important; } } body#page-contentbank { div#page.container-fluid { .alert.alert-success.alert-block { position: static; z-index: 999; width: 98%; //margin: 0 auto; top: 63px; left: 0; } div.allone-section div.card.card-block{ background: transparent !important; } } } body#page-user-profile { .brand-color { color: $brand-primary; } .search-external-credit { .men-search-phx { background-color: $brand-primary; } } div.user-panel { .filtered-courses.externalcertificate { span { &:nth-child(1) { color: $headingcolor !important; &:before { content: url([[pix:theme|external-credit]]); width: 40px; height: 40px; position: absolute; top: 0; left: 0; } } } } div#dialogdismissexternalcredit { .modal-dialog { .modal-body { .form-group { label { color: var(--text-color) !important; } span.file-upload { &:before { content: url([[pix:theme|download]]); width: 25px; height: 25px; position: absolute; top: 7px; right: 12px; } } } } div#datepicker { .input-group-append { .input-group-text { color: var(--text-color) !important; } } } } } div#dialogviewexternalcredit { .modal-dialog { .modal-body { .form-group { label { color: var(--text-color) !important; } span.file-upload { &:before { content: url([[pix:theme|download]]); width: 25px; height: 25px; position: absolute; top: 7px; right: 12px; } } } } div#datepicker { .input-group-append { .input-group-text { color: var(--text-color) !important; } } } } } div#dialogviewexternalcreditframe { button.close, a#viewimgfielddialoglink { color: $brand-primary; } } } } body#page-mod-h5pactivity-view.format-paradiso { iframe.h5p-player.w-100.border-0 { height: calc(100vh - 245px) !important; } .card.card-block.content-shadow.not-card { padding-bottom: 0 !important; } } body#page-mod-h5pactivity-view.format-paradiso.course-focus-view { iframe.h5p-player.w-100.border-0 { height: calc(100vh - 125px) !important; } } body#page-admin-phpinfo { .phpinfo.text-ltr { width: 100%; max-width: 100%; overflow: auto; } } body#page-course-recommendations { .recommended-search { width: 300px; max-width: 300px; position: relative; padding-left: 0; input#search { display: inline-block; width: 300px; vertical-align: middle; height: 36px !important; position: relative; font-size: 13px; padding: 2px 35px 2px 18.5px; border-radius: 32.5px !important; border: 2px solid $brand-primary; background-color: #fff; } .input-group-append span[type="submit"] { position: absolute; margin: auto; padding: 5px 7px; color: #fff; border-radius: 50px; background-color: $brand-primary !important; right: 19px; bottom: 7px; z-index: 999; } } } .choosercontainer.paradisochooser_item { #chooseform { .moduletypetitle.catselected { background-color: $brand-primary !important; color: #fff !important; border: 0 !important; .catlabel { color: #fff !important; font-size: 14px !important; } } } } body.format-paradiso { #tabs-course-format { li.nav-item { a.collapse_left_navigation { background: $brand-primary !important; } } } } // #page-blocks-customnavigation-more { // .grid-box { // .item { // i { // background-color: $brand-primary; // } // } // } // .custom-navigation-two { // .form-group.search { // i.fa-search { // background-color: $brand-primary !important; // } // } // } // } div#content_customnav { div#nav-drawer { button.btn.btn-nav-toggle { position: absolute; margin: 0; top: 12px; right: -19px; border-radius: 50%; height: 27px; width: 27px; background-color: $brand-primary; padding: 0 !important; border: 7px solid $header_bg_color; box-sizing: content-box; color: #fff; span.icons { position: relative; height: 27px; width: 27px; display: inline-block; &::before { content: "\f054"; font-family: "FontAwesome"; font-size: 14px !important; display: flex; align-items: center; justify-content: center; height: 27px; width: 29px; } } } #sidebar { ul.list-unstyled { >.list-group-item-action { height: 56px; line-height: 1; text-align: left; position: relative; display: flex; align-items: center; text-decoration: none !important; &:hover { background-color: $lighten !important; border-radius: 0 35px 35px 0px !important; i, h6.icon_text_left_nav { color: $brand-primary !important; } } } } } } } // div#nav-drawer.active.nav-drawer-open { // button.btn.btn-nav-toggle { // span.icons { // &::before { // content: "\f053" !important; // width: 26px !important; // } // } // } // nav#sidebar { // span.media-left { // width: 100%; // display: grid; // -ms-grid-columns: 46px 85%; // grid-template-columns: 46px 85%; // align-items: center; // direction: initial; // text-align: left; // justify-content: center; // .icon_text_left_nav{ // text-align: left; // font-size: 14px!important; // } // } // ui li { // a.list-group-item { // height: 45px!important; // } // } // } // .helpdesk{ // .help_button{ // flex-direction: row; // } // } // .caret_right_nav { // margin-right: unset!important; // margin-top: unset!important; // position: absolute; // right: 20px; // top: 22px; // } // } // body.nav-drawer-open{ // #item_lefnavigation{ // left: 200px !important; // } // } .dark-theme { header.navbar-light { div#navbar-nav { div.options-header { .check-switch-theme-mode.check-switchrole { .btn-i { span#darkmodebtn { i { &:after { content: ""; width: 25px; height: 25px; border: 1px solid #8c8c8c; position: absolute; top: -4px; left: -3px; border-radius: 50%; } } } } } } } } } #chat-icon-container { position: fixed; right: -60px; bottom: 15px; transform: translateX(-50%) !important; width: 70px; height: 70px; /*border-radius: 100% 100% 100% 100%; background: transparent linear-gradient(180deg, #00AFFF 0%, #00FF88 100%); box-shadow: 0px 3px 6px #00000029;*/ z-index: 9999999; cursor: pointer; transition: all 1s; &:hover { transition: all .5s; transform: translate(-68%, -50%) !important; bottom: -5px; #chat-icon { width: 110px; height: 110px; right: calc(0% - 29px); border: 2px solid $brand-primary; } .tooltiptext { visibility: visible; opacity: 1; } } .tooltiptext { visibility: hidden; width: 120px; color: #074058; background: transparent linear-gradient(180deg,#00afff 0%,#0f8 100%); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16); box-shadow: 0 3px 6px rgba(0,0,0,.16); border-radius: 10px; text-align: left; padding: 10px; position: absolute; z-index: 1; top: -3px; right: 145px; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; font-size: 9px; &:before { content: ""; position: absolute; top: 31px; right: -12px; margin-left: 0; border-width: 7px; border-style: solid; border-color: transparent transparent #00bdeb transparent; transform: rotate(90deg); } h5 { font-size: 12px; color: #FFFFFF; margin-bottom: 2px; } } } #chat-icon { position: absolute; top: 50%; right: calc(0% + 5px); //calc(0% + 5px); transform: translate(-50%, -50%); width: 70px; height: 70px; background-image: url([[pix:theme|AnnaFormal]]); /* replace with the actual icon image */ background-size: cover; border-radius: 50%; border: 2px solid $brand-primary; } #page-local-learningpaths-index{ div#openai-popup{ overflow: unset; div.modal-dialog{ width: 360px !important; } } } div#openai-popup { z-index: 9999999!important; .modal-dialog { // width: 100%; // max-width: 100% !important; // margin: 0 !important; width: 360px !important; max-width: 100% !important; margin-top: 0 !important; margin-bottom: 0 !important; height: 100vh; display: flex; align-items: center; justify-content: flex-end; justify-items: center; margin-right: 2px !important; .modal-content { // margin-left: 146px; // margin-top: 85px!important; height: 615px; // margin-right: 32px !important; width: 100% !important; border-radius: 10px 10px !important; .modal-header { background: transparent linear-gradient(93deg, #00AFFF 0%, #00ECA3 100%); border-radius: 10px 10px 0 0 !important; height: 0; position: relative; padding: 0 !important; background: #000 !important; margin-bottom: -2px; img.modal-logo { width: 145px; height: auto; position: absolute; top: 14px; left: 49px; } button.closed { top: -15px; color: #fff; font-size: 25px; right: 15px; position: relative; float: right; opacity: 1.2; margin: -1rem -1rem -1rem auto; background-color: transparent; border: 0; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 #fff; border: 1px solid #fff; padding: 0 !important; width: 30px; height: 30px; border-radius: 50%; } } .modal-body { padding: 0 !important; background: #111111 !important; border-radius: 6px; iframe{ border: 0; border-radius: 8px; } .block_ai_tutor { .input-footer { position: absolute; bottom: 0px; width: 100%; padding: 1.5%; #openai_input { padding: 1rem 2rem; border-radius: 0.5rem; border: 0; width: 100%; -webkit-transition: background .4s ease; -o-transition: background .4s ease; transition: background .4s ease; background: #F5F5F5; box-shadow: inset 0px 0px 6px #00000029; border-radius: 7px; height: 68px !important; font-size: 15px; } } #openai_chat_log { display: flex; flex-direction: column; max-height: 64vh !important; overflow-y: auto; margin-bottom: 0.5rem; margin-top: 40px; } .openai_message { max-width: 100%; } .openai_message.user { align-self: flex-start; text-align: left; justify-items: center; padding: 1.5rem; font-size: 16px !important; color: #575757 !important; padding-left: calc(12% + 40px) !important; width: 100%; &:before { opacity: 0 !important; visibility: hidden !important; } &:after { content: "PS"; position: absolute; width: 34px; height: 34px; border-radius: 4px; background: transparent linear-gradient(130deg, #00afff 0%, #00eca3 100%); top: 50%; left: 12%; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 12px; transform: translate(-50%, -50%); } } .openai_message.bot { background: transparent; font-size: 16px !important; color: #575757 !important; padding-left: calc(12% + 40px); width: 100%; &:before { opacity: 0 !important; visibility: hidden !important; } &:after { content: ""; position: absolute; width: 34px; height: 34px; border-radius: 4px; background-image: url([[pix:theme|ai-agent]]); background-size: cover; top: 24px; left: 12%; transform: translate(-50%, -50%); } } } } } } } @media screen and (max-width: 1600px) { #sidebar { .media-left { i { font-size: 19px !important; } } >ul { >li { a { height: 50px !important; } } } ul.list-unstyled { >.list-group-item-action { height: 50px !important; } } } .icon_text_left_nav { font-size: 11px !important; } .helpdesk { .help_button { a { i { font-size: 14px !important; } } .dropdown.dropup { .dropdown-toggle { i.fa { font-size: 17px !important; padding: 6px 0 0; } } } } } div#nav-drawer { #sidebar { ul { li { padding-bottom: 5px; } } } } // div#nav-drawer.active.nav-drawer-open { // nav#sidebar { // > ul { // > li { // a { // height: 45px !important; // padding-top: 12px !important; // padding-bottom: 12px !important; // } // } // } // span.media-left { // i { // font-size: 20px !important; // } // h6.icon_text_left_nav { // margin-top: 0; // } // } // ul.list-unstyled { // > .list-group-item-action { // height: 45px !important; // padding-top: 12px !important; // padding-bottom: 12px !important; // } // li.dropdown.nav-item:hover { // i.fa.fa-chevron-right.caret_right_nav { // transform: rotate(90deg); // } // ul.list-unstyled { // display: block !important; // li.sidemenu-closed.menu-exp { // margin-left: 60px; // } // } // div#element_custom_navigation { // display: none !important; // } // } // } // } // .helpdesk { // .help_button { // a { // i { // font-size: 20px !important; // } // } // .dropdown.dropup { // .dropdown-toggle { // i.fa { // font-size: 20px !important; // } // } // } // } // } // .caret_right_nav { // top: 13px; // } // } div#openai-popup { z-index: 99999 !important; .modal-dialog { .modal-content { .modal-body { .block_ai_tutor { .openai_message.user { padding-left: calc(12% + 40px) !important; padding: 1.2rem; font-size: 14px !important; } .openai_message.bot { font-size: 14px !important; } .input-footer { #openai_input { height: 59px !important; font-size: 14px; } } } } } } } } body#page-blocks-customnavigation-structure { .ui-icon, .ui-widget-content .ui-icon { background-image: unset !important; text-indent: unset !important; overflow: unset !important; &::before { content: "\f040"; font-family: FontAwesome; font-size: 14px !important; display: flex; align-items: center; justify-content: center; height: 20px; width: 18px; } } .sortable_container .itemTitle { width: 55% !important; } } .content-ai-generation { ul.content-ai.nav { li.nav-item { .nav-link.active { background-color: $brand-primary !important; &:focus { background-color: $brand-primary !important; } &:hover { background-color: $brand-primary !important; } } .nav-link { background-color: $lighten !important; } } } .form-ai-content { input.prefer-toggle[type="checkbox"] { &:checked { background: transparent linear-gradient(121deg, $brand-primary 0%, $brand-primary 100%); } } span.icon-vo { background: $brand-primary; } } } .ai-automation { .title-box { .skip { color: $brand-primary; } } #msform { .action-button { background-color: $brand-primary; border-color: $brand-primary; } .action-button-previous { background-color: #e9f6fc !important; border: solid 1px #e9f6fc !important; color: $brand-primary !important; } } .brand-color { color: $brand-primary; } #progressbar { .active { background: $brand-primary; } } } /* Paresh Shinde Scss End */ /* End Buttons */ .helpdesk { z-index: 2; cursor: pointer; // background-color: #f3f6fc; position: absolute; bottom: 0px; width: 100%; border-top: 2px solid #E4E4E4; .help_button { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; padding: 2px 0; a { height: unset !important; text-decoration: none; width: 32%; display: inline-block; padding: 13px; text-align: center; width: 100% !important; &:hover { i { color: $brand-primary !important; } } span.help-desk { color: #6C7480; font-size: 14px; } span.documentation { width: 100%; display: block; font-size: 12px; color: #373B41; padding-left: 18px; font-size: 16px; line-height: 19px; } i { font-size: 14px; vertical-align: text-bottom; } } .dropdown.dropup { .dropdown-toggle { &:after { content: unset !important; } i.fa { font-size: 17px; padding: 6px 0 0; } &:hover { i { color: $brand-primary !important; } } } .dropdown-menu.show { display: block; border: 0; border-radius: 6px; box-shadow: 0px 0px 10px #09090929; margin-left: 25px !important; top: 25px !important; padding: 7px !important; &:before { content: ""; width: 0px; height: 0px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid white; position: absolute; bottom: 8px; left: -7px; } a.dropdown-item { text-align: left !important; font-size: 13px; // border-bottom: 1px solid #EFEFEF; i.fa { font-size: 14px !important; } &:hover { background-color: unset !important; color: $brand-primary !important; i { color: $brand-primary !important; } } } a.dropdown-item:last-child { border: 0 !important; } } } a:hover { // color: #607d8b !important; // background-color: #e2e2e2; } } } #nav-drawer.active { .helpdesk a { float: left; height: 45px; padding: 8px; width: 32%; } .helpdesk a i { font-size: 14px; } } div#nav-drawer.active { div.helpdesk span.documentation { display: none; } div.helpdesk a { text-align: center; } div.helpdesk span.help-desk { display: block; width: 100%; } } body.format-paradiso { ul.topics { li { a.active { color: $brand-primary !important; } } } header a.back_page i { color: $brand-primary; } .section_overview li.activity, .section li.activity { font-size: $font-size-root; a { color: $body-color; } } ul.searching { li.i-found { div.activityinstance { a, p { color: $brand-primary !important; i.icon { color: $brand-primary !important; } } } } } .section h3.sectionname, .section_overview h3.sectionname { font-size: $font-size-root; } #changenumsections a { color: choose-contrast-color(darken($brand-primary, 25%)); i { color: choose-contrast-color(darken($brand-primary, 25%)); } } .section li.current_activity, .section_overview li.current_activity { a.editing_move { color: $brand-primary !important; } div.activityinstance i, span.editing_move i { color: $brand-primary !important; } a span.instancename { color: $brand-primary !important; } } [role=main]>h2, h3, div.title_mod h2 { color: $brand-primary !important; } header#navbar-paradiso { div.check-switch { div.roletxt { color: $brand-primary; } } } div.teacherdashbutton_format_paradiso a, div.studentdashbutton_format_paradiso a { color: $brand-primary; font-size: 16px !important; } ul.overview-item li.section_overview div.content h3.selected a { color: choose-contrast-color(darken($brand-primary, 25%)) !important; } ul.overview-item li.section_overview.active .content h3.overview-title a.active { color: $brand-primary; } div#course_content div.menubar div.dropdown div.dropdown-menu-right, h2.modtitle div.menubar div.dropdown div.dropdown-menu-right { a[role=menuitem]:hover, span.currentlink:hover { background-color: $lighten; color: $brand-primary; } } div.dropdown div.dropdown-menu-right { a[role=menuitem]:hover { background-color: $lighten; span, i { color: $brand-primary !important; } } } div.section_action_menu div.dropdown-menu-right { a.dropdown-item:hover { background-color: $lighten; color: $brand-primary; } } @media (max-width: 768px) { div#page-navbar { i#more-tabs.open+span.sr-only+ul#tabs-course-format+div.items-nav-right { li:not(#firstTab).nav-item { a.active { color: $brand-primary !important; } } li.nav-item:hover { background-color: $lighten; } } } } #region-main { background: none !important; } } body#page-local-learningpaths-index { .modal { overflow: scroll; } } body:not(.format-paradiso) header.navbar-light { max-height: 71px; margin: 0 0 15.4px; padding: 8px 20.5px 8px 20px; border-bottom: none !important; } header.navbar-light { padding: 0px; color: #ffffff !important; .dropdown { padding-right: 0px; position: relative; } .btn:focus { outline: none !important; } .breadcrumb-nav li:last-child a { pointer-events: none; cursor: default !important; color: #768c94 !important; } .dropdown:hover .dropdown-menu.menu_course_user { display: block !important; transition: all .2s ease; } .loader { border: 2px solid #f3f3f3; border-radius: 50%; border-top: 2px solid $brand-primary; width: 18px; height: 18px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; position: absolute; float: left; top: 15px; left: 150px; } div#navbar-nav { .dropdown-menu { .dp_seeall { // opacity: 0.78; background-color: $brand-primary; border-top: 1px solid #e6ecf2; padding: 8px; position: sticky; bottom: 0; font-size: 14px; color: #fff; } hr { display: none; } } .header_course { .dropdown-divider { display: none; } } .role-switcher { a.dropdown-toggle>div { font-size: 14px !important; } } } span.boton_settings_off span.avatar.current { display: inline-block; height: 100%; } span.boton_settings_off div.dropdown.open div.dropdown-menu-right { top: 42px !important; left: -218px !important; } span.boton_settings_off span.avatar.current { width: 35px; height: 35px; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .form-inline .form-control:focus { outline: none !important; box-shadow: none; -webkit-box-shadow: none; } a.dropdown-toggle:after { top: auto; bottom: 10px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -moz-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); content: none; } .btn-i .dropdown-toggle:after { content: none; } div#navbar-nav { height: 52px; .dropdown-toggle { background-color: transparent; border-color: transparent; } button.dropdown-toggle { padding-right: 15px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: initial !important; display: flex; align-items: center; width: 150px; height: 36.5px; margin: 0.5px 11.5px 0.5px 11px; padding: 2px 5px 3.5px 14px; border-radius: 24px; border: 2px solid $brand-primary; span.text_men_course { color: #fff !important; font-size: 16px; } } button.dropdown-toggle:after { content: none; } button i { color: #fff; font-size: 15px; } .btn-i i { color: $brand-primary; font-size: 18px !important; } .btn-i i.ml-1 { color: $brand-primary; font-size: 12px !important; } span { color: $brand-primary; font-weight: 500; font-size: 16px; } span.counter-txt { color: #a9abb8; } .dropdown-menu { float: left; margin-top: 0px; border-radius: 3px; box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); background-color: #ffffff; border: solid 1px solid #e0ebef; overflow-x: hidden; } .dropdown-item:hover { background-color: $lighten; } a.btn_settings i { font-size: 24px; color: $brand-primary; position: relative; margin-right: 3px; } a.btn_settings span { color: $header_font_color; display: inline-block; } .popover-region { right: 0px; } .avatar_initials { width: 40px; height: 40px; background-color: $lighten; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid; } .avatar_initials span { font-size: 18px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; text-transform: uppercase; } .dropdown-item .avatar_initials { position: absolute; float: left; left: 25px; } .d-inline.open .avatar_initials { background-color: #ffffff; border: solid 1px $brand-primary; color: $brand-primary; box-shadow: 0 0 10px lighten($brand-primary, 23%); } .d-inline.open .dropdown-item .avatar_initials { background-color: $lighten; border: none; box-shadow: none; } ul#panel-roles { height: auto; padding: 0; min-width: 7.5rem; div.row>div { padding-left: 0px; padding-right: 0px; } ul.multi-column-dropdown { padding-left: 0px; padding-right: 0px; li.role-name { a { padding-left: 13px; color: var(--header-text-color); &:hover { color: $brand-primary; } i.fa-fw { margin-right: 5px; width: 1em; } .fa-graduation-cap.fa-fw { width: 1.2857142857em; } } } } } @media (max-width: 465px) { ul.multi-column-dropdown { padding-left: 0px; padding-right: 8px; } ul#panel-roles { left: 80px; padding-left: 0%; } } div.check-switchrole { display: inline-flex; align-items: center; justify-content: flex-end; height: 52px !important; nav.navbar { padding: 0px; display: block !important; ul.navbar-nav { padding-right: 0px; } } div.roletxt { width: 112px; height: 36.5px; padding: 6px 16.5px 9.5px 9px; border-radius: 24px; border: 2px solid $brand-primary; font-weight: 500; color: $brand-primary; i.ml-1 { font-size: 12px; } .fa-fw { font-size: 14px; } } div.role_header { padding-right: 5px; } button { span.dropdown-toggle { font-size: 15px; font-weight: 500; } } } div.options-header { text-align: right; display: flex; justify-content: flex-end; div.check-switch { padding-left: 14px; padding-right: 14px; } div.dropdown a.dropdown-toggle:after { content: none; } } @media (max-width: 768px) { div.options-header { padding-left: 0px; } div.btn_settings_on, div.check-switchrole { padding-right: 13px !important; } } @media (max-width: 465px) { header.navbar-light div#navbar-nav ul#panel-roles ul.multi-column-dropdown { padding-left: 0px; padding-right: 8px; } ul#panel-roles { left: 80px; padding-left: 0%; } } div.btn_settings_on { padding-left: 14px; padding-right: 14px; span.avatar.current { height: 100%; display: inline-block; margin-top: 7px; border-radius: 50%; } div.usermenu div.dropdown-menu-right { right: -10px !important; left: auto; top: 51px; list-style: none; font-style: normal; padding: 0; } } span.btn_search_off { display: inline-flex; align-items: center; span.avatar.current { height: 100%; display: inline-block; margin-top: 5px; } div.has-white { padding-left: 20px; height: 50px !important; } } .search-results .result a:hover { background-color: $lighten; } .form-group { position: relative; width: 300px; } .men-search-phx { position: absolute; margin: auto; padding: 9.5px; color: #fff; border-radius: 6px; background-color: $brand-primary !important; right: 4px; top: 3px; } .action-menu span.avatar.current .userpicture { width: 40px; height: 40px; border-radius: 40px; margin-right: 0; padding: 2px; border: 3px solid; } span.avatar.realuser img { width: inherit; height: inherit; border-radius: 40px; } span.menu-action-text img { border-radius: 50%; width: 40px; height: 40px; } #action-menu-1-menu .userpicture { position: absolute; left: 25px; display: inline-block; margin-left: 0px !important; } #action-menu-1-menu .full_name { position: relative; left: 50px; width: 190px; font-weight: 600; padding-left: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #action-menu-1-menu .full_email { position: relative; left: 50px; width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; } #action-menu-1-menu .dropdown-item { font-weight: 300; } #action-menu-1-menu .dropdown-item:hover { font-weight: 300; } div#navbar-nav .dropdown-item:hover span { color: $brand-primary; } #action-menu-1-menu div#navbar-nav .dropdown-item { width: 283px; } .role_header { color: #768c94; } div#navbar-nav .navbar.navbar-default .dropdown-toggle:after { display: inline-block; } span.usertext { display: none } .usermenu .dropdown { border-right: none; } .count_messaging { background-color: red; height: 50px; width: 50px; border-radius: 50%; } .count-container { height: 11px; width: 11px; border-radius: 50%; background: #ef5d84; display: block; position: relative; top: -15px; right: -31px; box-shadow: 0 2px 4px 0 rgba(211, 115, 139, 0.46); } .messag_account { position: absolute; float: left; width: 20px; height: 20px; color: #fff; z-index: 99999; display: inline-flex; right: 153px; border-radius: 50%; background-color: #ef5d84; font-size: 10px; margin-top: 2px; display: inline-flex; justify-content: center; align-items: center; } .notify_account { position: absolute; float: left; width: 20px; height: 20px; color: #fff; z-index: 99999; display: inline-flex; right: 133px; border-radius: 50%; background-color: #ef5d84; font-size: 10px; margin-top: 2px; display: inline-flex; justify-content: center; align-items: center; } .boton_settings_off .usermenu { padding: 0 15px; height: 100%; display: flex; } .btn_search_on { position: relative; float: left; top: 8px; header.navbar-light .loader { top: 10px; } } div.usermenu { float: initial !important; } div.d-inline.open { position: static !important; } div.usermenu div.menubar { position: relative; } .search_lg { float: left; } @media (min-width: 544px) { .search_lg { width: 80.66667% !important; } } } /*Search*/ @media (min-width: 992px) and (max-width: 1240px) { .search_lg { width: 420px !important; float: left; position: relative; } } @media (min-width: 992px) and (max-width: 1007px) { .navbar-default { display: none; } } @media (min-width: 10px) and (max-width: 319px) { .navbar-default { display: none; } } @media (min-width: 1024px) { .form-inline .form-control { display: inline-block; width: 300px; vertical-align: middle; height: 36px !important; position: relative; font-size: 13px; padding: 2px 35px 2px 18.5px; border: 0 !important; border-radius: 6px !important; height: 42px !important; background-color: #fff; margin-top: -14px; } } a.btn_settings { border-radius: 0; color: choose-contrast-color(darken($brand-primary, 25%)); border: transparent; font-size: 14px; padding-right: 13px; margin-top: 13px; display: flex; align-items: center; padding-left: 13px; } .used-region-side-main-admin a.btn_settings { right: -218px; } .circle_number { background-color: #ff3c7e; border-radius: 50px; color: #fff; font-size: 10px; line-height: 1; padding: 3px 5.5px; position: absolute; right: 6px; top: 12px; } /* Jaime T */ /* Checkbox Switch */ .usermenu .navbar-light .container-fluid .dropdown-menu { float: left; left: 0px !important; margin-top: 0; height: auto; } div#navbar-nav { .d-inline.open .dropdown-menu { position: absolute; left: -224px; top: 40px; height: auto; border-radius: 3px; box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); border: solid 1px #e6ecf2; } .d-inline.open .dropdown-menu i { display: none; } } div#navbar-nav div.dropdown-menu-right a:hover span { color: $brand-primary !important; } div#navbar-nav div.dropdown-menu-right { padding-left: 0px; padding-right: 0px; } div#navbar-nav div.dropdown-menu-right a span { color: #768C94; } div#navbar-nav div.dropdown-menu-right a span#actionmenuaction-1 { display: inline-block; } div#navbar-nav div.dropdown-menu-right a:first-child { display: flex !important; align-items: center; height: 60px; } div#navbar-nav .dropdown-item { padding: 14px 0 14px 24px !important; margin: 0px; margin-left: 0px; display: block; align-items: center; height: 52px; } div#navbar-nav .dropdown-item:hover { font-weight: 300; } div.card-block { margin-right: 6px; } .dropdown-menu li a { padding: 5px 15px; font-weight: 300; } .multi-column-dropdown { list-style: none; margin: 0px; padding: 0px; } .multi-column-dropdown li a { display: block; clear: both; line-height: 1.428571429; color: #333; white-space: normal; } .multi-column-dropdown li a:hover { text-decoration: none; color: #262626; background-color: #999; } @media (max-width: 767px) { .dropdown-menu.multi-column { min-width: 240px !important; overflow-x: hidden; } } @media (min-width: 550px) { .dropdown-menu.multi-column { margin-top: 15px; } } .navbar-default { color: $brand-primary; margin-left: 0px; } .dropdown-menu.multi-column.columns-3 { position: absolute; float: left; right: 0px; border-radius: 3px; box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); background-color: #ffffff; border: solid 1px #e0ebef; } .multi-column-dropdown li a { width: 100%; height: 52px; border-radius: 2px; color: #607d8b; display: flex; align-items: center; text-decoration: none; padding-left: 20px; font-size: 15px !important; cursor: pointer; } .multi-column-dropdown li a:hover { height: 52px; border-radius: 2px; background-color: $lighten; color: $brand-primary; vertical-align: middle !important; } .navbar-default .dropdown { border-right: none; cursor: pointer; } @media (min-width: 1px) and (max-width: 465px) { .dropdown-menu.multi-column.columns-3 { position: fixed; float: left; width: 100%; left: 0px; max-width: 100%; top: 49px; } .container-fluid .dropdown-menu ul a { z-index: 9999; text-align: center; } .multi-column-dropdown li a:hover { width: auto; } .container-fluid .dropdown-menu ul a:hover { text-align: center; } .multi-column-dropdown li a { width: auto; } } } div.siwitch_content { .checkbox.checbox-switch { padding-left: 0; margin-right: 0; // margin-top: 14px; } div.checbox-switch label:before { border: none; } .checkbox-inline.checbox-switch { display: inline-block; position: relative; padding-left: 0; } .checkbox.checbox-switch label { display: flex; align-items: center; position: relative; padding-left: 0; margin-bottom: 0px; text-align: center; padding-bottom: 0px; } .checkbox.checbox-switch label input, .checkbox-inline.checbox-switch input { display: none; } .checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span { border-radius: 7.5px; height: 14px; -webkit-transition: border .4s ease 0s, box-shadow .4s ease 0s; -o-transition: border .4s ease 0s, box-shadow .4s ease 0s; transition: border .4s ease 0s, box-shadow .4s ease 0s; display: inline-block; margin-right: 5px; background-color: #D9D9D9; } div.check-switch div.form-group { margin: 0px; height: 100%; } div.checkbox.checbox-switch label span.toggle { width: 31px; margin: 0px; } .checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #ffffff; content: " "; top: -2px; position: relative; transition: all 0.3s ease; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); right: 8px; } form#frm_enable_edition { .checkbox.checbox-switch label span:before, .checkbox-inline.checbox-switch span:before { top: -2px; } } .checkbox.checbox-switch label>input:checked+span:before, .checkbox-inline.checbox-switch>input:checked+span:before { position: relative; right: -8px; background-color: $primary; } .checkbox.checbox-switch.switch-primary label>input:checked+span, .checkbox-inline.checbox-switch.switch-primary>input:checked+span { width: 31px; height: 14px; border-radius: 7.5px; } .checkbox.checbox-switch.switch-primary label>input:checked:disabled+span, .checkbox-inline.checbox-switch.switch-primary>input:checked:disabled+span { background-color: rgb(109, 163, 221); border-color: rgb(109, 163, 221); box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset; transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s; } .txt_switch { color: #5F728B; display: inline-block; margin-left: 6px; font-size: 14px !important; } .txt_on { color: #768c94; float: right; font-weight: 600; } .txt_off { color: #768c94; float: right; font-weight: 600; } .used-region-side-pre .checkbox.checbox-switch label span:before, .used-region-side-pre .checkbox-inline.checbox-switch span:before { background: #ffffff; } .checkbox.checbox-switch label span:before { background-color: #ffffff; } } #page-grade-report-quizanalytics-index header.navbar button.btn { margin-top: 0px !important; } .userswitchedrole .navbar-light { .usermenu { position: relative; left: 0px; float: right; top: 0px } .search-nabvar { position: relative; } } header.navbar-light div#navbar-nav .d-inline .dropdown-menu { position: absolute; float: left; left: -225px; top: 50px; width: 285px; border-radius: 4px; -webkit-box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .11); box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .11); border: solid 1px #e6ecf2; margin-left: -15px; padding: 0; } header.navbar-light div#navbar-nav .d-inline .dropdown-menu i { display: none; } header.navbar-light div#navbar-nav .full_name, header.navbar-light div#navbar-nav.full_email { left: 50px !important; } body.editing { #action-menu-1-menu .userpicture { position: absolute; float: left; left: 10px; display: inline-block; } #action-menu-1-menu .full_name { position: relative; left: 50px; width: 190px; font-weight: 600; } #action-menu-1-menu .full_email { position: relative; left: 50px; width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div#navbar-nav { .d-inline.open { .dropdown-menu { .userpicture { position: absolute; float: left; left: 10px; display: inline-block; } .full_name { position: relative; left: 50px; width: 190px; font-weight: 600; color: #484b5a; } .full_email { position: relative; left: 50px; width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dropdown-item:hover { font-weight: 400; } } } .d-inline { .dropdown-menu { .userpicture { position: absolute; float: left; left: 10px; display: inline-block; } .full_name { position: relative; left: 50px; width: 190px; font-weight: 600; } .full_email { position: relative; left: 50px; width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dropdown-item:hover { font-weight: 300; } } } } } /*Calendar settings*/ aside.block.block_calendar_month .card-block, .card-block .calendarwrapper { .minicalendar.calendartable td a { color: #607d8b; text-decoration: none; background-color: #ffec84; border-radius: 40px; padding-top: 3px; width: 25px; height: 25px; margin-left: 4px; display: inline-block; } .block_calendar_month.card .m-b-2 { font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.2px; color: #607d8b; } .block .minicalendar td { padding: 4px 4px 4px 4px; font-size: 13px; text-align: center; color: #607d8b; } td.day.text-center.weekend { color: #607d8b !important; } span.current a { font-family: $font-family-sans-serif; font-size: 14px; letter-spacing: 0px; color: $primary; ; } #page-site-index .block-region .card-block .card-title { font-size: 14px; } abbr[title] { cursor: help; border-bottom: none; text-decoration: none; color: #607d8b; } a, a:hover, a:visited, a:focus, a:active { color: #575757; text-decoration: none; } .calendar-controls { padding-left: 2px; padding-top: 8px; padding-bottom: 8px; .current { width: auto !important; } .previous, .next { i { color: $brand-primary; } } } .block .minicalendar th { color: #607d8b; } div.card-block .calendarwrapper { margin-right: 0px !important; } } #block-region-side-pre-admin .calendar-controls, .block_calendar_month .card-block .calendar-controls { padding-top: 4px; } /*Sergio A Login*/ .p-0 { padding: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .d-none { display: none !important; } .calendarmonth .d-none { display: block !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .mb-3, .my-3 { margin-bottom: .5rem !important; } .mb-0 { margin-bottom: 0px !important; } .h-100 { height: 100% !important; } .float-left { float: left !important; } div.content-login { background-color: rgba(#FFFFFF, $loginboxopacity) !important; justify-content: center; display: flex; width: 28rem; padding-left: 0px; } div.loginfooter span { font-size: 13px !important; } div.loginfooter { position: fixed; width: 100%; bottom: 0px; span { font-size: 12px; color: #000; b { color: #000; font-weight: 600; } } } @media only screen and (min-width: 1200px) and (max-width: 1400px) { body#page-login-index div.row.d-block.h-100 { margin: 3% 3% 4% 0% !important; } } body#page-login-index { margin-left: 0px; div.container-fluid { overflow: hidden; } div.account { align-items: center; justify-content: center; } div.card-block { margin-right: 0px; } div.account span { color: #607d8b; font-size: 15px; font-weight: 400; font-stretch: normal; line-height: 1.33; letter-spacing: -0.1px; } div.content-form, div.forgetpass { padding: 0; } div.input-group.input-icon { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; margin: 5.5px 0 10px -1px; div.input-group-prepend { margin-right: -1px; display: flex; span.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; width: 36px; justify-content: center; } input#username, input#password { border-top-left-radius: 0; border-bottom-left-radius: 0; position: relative; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; display: initial; } } } div#login_center div.input-group.input-icon { width: 100%; } input#username, input#password { position: relative; flex: 1 1 auto !important; border-radius: 7px; margin: 5.5px 0 10px 0px; width: 204px !important; border: solid 1px #e9e9e9; background-color: #ffffff; height: 42px !important; } div.row.d-block.h-100 { margin: unset !important; position: absolute; right: 3%; top: unset !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } div.loginfooter.right-side { max-width: 556px; } a#passwordunmask { align-self: center; margin-left: unset; position: absolute; top: 8px; right: 10px; z-index: 3; } div.float-right a#passwordunmask { margin-left: 312px; } div.input-group-prepend span i { color: #607d8b; font-size: 13px; } div.socialnetworks { span { color: #465b65; font-size: 13px; font-stretch: normal; line-height: normal; letter-spacing: normal; } div.content_social i { font-size: 25px; } i.wid-icon-google { color: #e62b33; ; } } div.newacoount { a { color: #607d8b; b { color: $brand-primary; font-weight: 400; } } a:hover, a:focus { text-decoration: none; } } .form-control-danger { border: solid 1px #ef5d84; } .form-control-danger:focus { box-shadow: 0 1px 5px 0 rgba(239, 93, 132, .9); } span.has-danger { color: #ef5d84; outline: none; padding-left: 40px; } button:focus { outline: none; } .text_to_html { font-size: 14px !important; color: #000; font-weight: 400; padding-bottom: 10px; } span#maincontent { display: none; } section#region-main div[role=main] { height: 100% !important; position: relative; div.container-fluid { height: 100% !important; } } @media (max-height: 768px) { div.newacoount { padding-bottom: 30px; } div.loginfooter span { font-size: 11px; } div.loginfooter { padding-left: 0px; padding-right: 0px; position: fixed; } } @media (max-width: 768px) { div.newacoount { padding-bottom: 30px; } div.loginfooter span { font-size: 11px; } div.loginfooter { padding-left: 0px; padding-right: 0px; position: fixed; } } @media (max-width: 700px) { div.loginfooter { max-width: 100%; } } @media only screen and (min-width: 320px) and (max-width: 768px) { div.newacoount { padding-bottom: 20px; } } @media only screen and (min-width: 320px) and (max-width: 768px) and (orientation : landscape) { div.content-login { .center-items_log { padding-top: 220px; } } } } @media (max-height: 995px) { body#page-login-signup:not(.pagelayout-base) { div.content-account { overflow-y: hidden; } div.loginfooter { position: fixed; } } } body#page-login-signup div#region-main-box { text-align: center !important; } body#page-login-signup.pagelayout-base div#learningcontent { background: none !important; } body#page-login-signup:not(.pagelayout-base) { margin-left: 0px; div.content-account { background: #fff; width: 556px; padding-left: 0px; padding-right: 0px; dic.card { padding-left: 15px; } div.card-block { padding-left: 40px; padding-right: 40px; } } div.create-title { display: flex; align-items: center; margin-top: 10px; span.create_account { font-size: 25px; color: #607d8b; padding: 0 25px; display: block; } } span.create_account b { font-size: 25px; color: $brand-primary; } a.back_page { border-radius: 50%; width: 32px; height: 32px; background-color: #EFF4F6; display: flex; align-items: center; justify-content: center; text-decoration: none; i { font-size: 9px; font-weight: 600; color: #607d8b; } } form.mform { padding: 0px 0px; a.fheader { display: none; } div.contentlabel { display: none; div.options { position: absolute; right: 0; } label.col-form-label { padding-left: 0px !important; } } fieldset, legend { box-shadow: none; } } .mform fieldset { margin-left: 0px !important; margin-bottom: 0px !important; } div.form-group.row.femptylabel { display: none; } div[data-groupname=buttonar] { display: block !important; div[data-fieldtype=group] { width: 100% !important; div.form-group { width: 100% !important; text-align: center; margin-left: 150px; margin-top: -25px; input.btn-round { width: 100%; margin-bottom: 20px; margin-top: 30px; outline: none; } } } } div.loginfooter { right: auto !important; } .text_to_html { font-size: 14px !important; color: #000; font-weight: 400; } .signuploginfooter { font-size: 15px; top: -10px; position: relative; } .signuploginfooter a { color: $brand-primary; } div.form-group { margin-bottom: 5px !important; margin-top: 0px; } legend { margin-bottom: 0px !important; } div.fdescription.required { // display: flex; // align-items: center; // justify-content: center; } div.btn-cancel { margin-bottom: 4px !important; } div.card-title { padding-top: 20px !important; } @media (max-width: 768px) { div.content-account { overflow-y: scroll; } div.loginfooter { position: fixed; max-width: 100%; } div.loginfooter span { padding-right: 154px; } div.fdescription.required { text-align: center; } div.loginfooter span { font-size: 11px !important; } div.card-block { padding-left: 15px !important; padding-right: 15px !important; margin-right: 0px; } } @media (max-height: 768px) { div.content-account { overflow-y: hidden; } div.loginfooter { position: relative; } div.fdescription.required { text-align: center; display: none; } div.card-block { padding-left: 25px !important; padding-right: 25px !important; } } @media (max-width: 700px) { div.content-account { width: 100%; } div.loginfooter span { padding-right: 0px; } } @media (max-height: 568px) { div.loginfooter { padding-left: 0px; padding-right: 0px; } } div.container-fluid { overflow: hidden; } div.fdescription { padding-bottom: 40px; } span#maincontent { display: none; } section#region-main div[role=main] { height: 100% !important; div.container-fluid { height: 100% !important; } } div.has-danger div#id_error_policyagreed { width: 223px; } div.fcontainer div.checkbox.d-inline-block { color: #67747b; } form fieldset, form fieldset legend.ftoggler { box-shadow: none !important; background: none !important; } div.fcontainer.clearfix { padding-top: 0px; padding-left: 15px; } div.options { padding-top: 5px; } } body#page-login-forgot_password { margin: 0 !important; #region-main { display: flex; justify-content: center; align-items: center; } div.box.generalbox { color: #000; text-align: center; margin: 0 25%; width: auto; display: inline-block; margin-top: 40px; font-size: 15px !important; font-weight: 300; background: #fff; padding: 20px; border-radius: 20px; margin-bottom: 30px; } input.form-control { width: 100%; border-radius: 7px; } form { padding: 0px 0px; width: 100%; } form div.form-group.row { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0; } div.contentlabel { display: none; } div.felement { flex: 0 0 100%; max-width: 100%; } label.col-form-label { padding-left: 0px; } ul.list-unstyled.components { display: none; } div[data-fieldtype=submit] { text-align: center; } .text_to_html b { font-size: 14px; color: #000; font-weight: normal; } div.loginfooter span b { color: #000 !important; font-weight: 600; } .card { width: 430px; border-radius: 10px; justify-content: center; align-items: center; height: 500; padding: 0 28px; } .form-check-inline { padding-top: 10px; margin-right: 1.75rem; font-weight: bold; font-size: 14px; margin-bottom: 1rem; } .text_to_html { padding-bottom: 10px; } .loginfooter { max-width: 100%; position: fixed; left: 0; } .contentcontentlogo { img { max-width: 100%; max-height: 130px; } } } @media (min-width: 1280px) {} /* ticket : 435 UI issue forget passward author : Akshay pingale date : 1/18/2021 */ body#page-login-forgot_password { fieldset#id_setpassword { background: #fff !important; padding: 0px !important; // margin-left: 30px !important; width: 543px !important; border-radius: 20px !important; max-height: 200px !important; div.form-group.row.femptylabel { margin-bottom: 1px !important; } } } #page-login-forgot_password div.form-group.row { display: flex; align-items: center; justify-content: center; } @media (max-width: 520px) { body#page-login-forgot_password div.contentlabel { width: 100%; } body#page-login-forgot_password div.form-inline.felement { width: 100%; } body#page-login-forgot_password div.femptylabel div.contentlabel { display: none; } body#page-login-forgot_password div.form-group.row.femptylabel { margin-bottom: 0px; } } /*End login*/ div.card-block { margin-right: 6px; } table.minicalendar.calendartable { .calendar-controls { padding-bottom: 0px; } th.header.text-xs-center { text-align: center; font-size: 13px; letter-spacing: -0.79px; color: $primary; font-family: $font-family-sans-serif; } .today, .calendar_event_course { background-color: #fff !important; } td a { text-align: center; font-size: 11px; font-weight: bold; letter-spacing: -0.79px; color: #FFFFFF !important; opacity: 1; width: 22px !important; height: 22px !important; background: $success 0% 0% no-repeat padding-box !important; border-radius: 20px !important; font-family: $font-family-sans-serif; } td.hasevent { a { text-align: center; font-size: 11px; font-weight: bold; letter-spacing: -0.79px; color: #FFFFFF !important; opacity: 1; width: 22px !important; height: 22px !important; background: $primary 0% 0% no-repeat padding-box !important; border-radius: 20px !important; font-family: $font-family-sans-serif; } } td { padding: 9px; } } header.navbar-light span.new_button div.dropdown .dropdown-menu ul { padding-left: 0rem; padding-right: 0rem; font-weight: 100; } body.drawer-open-left header.navbar-light span.new_button div.dropdown div.menu_course_user { left: -15px; top: 99%; } header.navbar-light span.new_button div.dropdown div.menu_course_user { border-radius: 0px !important; } body:not(.drawer-open-left) header.navbar-light span.new_button div.dropdown div.menu_course_user { left: -17px; top: 99%; } header.navbar-light span.new_button div.dropdown .dropdown-menu ul a { font-weight: 300; } header.navbar-light span.new_button div.dropdown .dropdown-menu ul a:hover { font-weight: 300; color: $brand-primary; } header.navbar-light span.new_button div.dropdown .dropdown-menu.menu_course_user { min-width: 175px; min-height: 112px; } header.navbar-light span.new_button div.dropdown .dropdown-menu.menu_course_user ul li { margin-right: 0px; margin-left: 0px; list-style: none; } header.navbar-light span.new_button div.dropdown .dropdown-menu.menu_course_user ul { padding: 0px; margin: 0px } header.navbar-light span.new_button div.dropdown .dropdown-menu.menu_course_user ul li a { font-weight: 300; padding-left: 20px; padding-top: 16px; padding-bottom: 0px; height: 52px; } header.navbar-light span.new_button div.dropdown .dropdown-menu.menu_course_user ul li a:hover { font-weight: 300; } header.navbar-light div#navbar-nav div.dropdown_lang { margin-right: 15px; } header.navbar-light div#navbar-nav div.dropdown_lang a.dropdown-toggle { padding: 0; margin-top: -1px; color: $brand-primary; width: 95px; overflow: hidden; margin-right: 10px; } header.navbar-light div#navbar-nav div.dropdown_lang div.dropdown-menu { margin-top: 16px !important; margin-left: -110px; width: 200px; } .count_messaging { background-color: red; height: 50px; width: 50px; border-radius: 50%; } .navbar .count-container { height: 11px; width: 11px; border-radius: 50%; background: #ef5d84; position: absolute; top: 25px; box-shadow: 0 2px 4px 0 rgba(211, 115, 139, 0.46); } .card-block table.minicalendar.calendartable { td.day.text-center.weekend { padding: 2px; } td.day.text-center.weekend, td.day.text-center { padding-left: 0; padding-right: 0; } td.day.text-center { font-size: 13px; color: #607d8b; } td.day.text-center.today { color: #607d8b !important; } } #page-user-editadvanced { label[for*="id_profile_field_company"], input#id_profile_field_company { visibility: hidden; } } body { div#coursecontrols { background: none !important; border: none; &:before { content: '\f09b' !important; font: normal normal normal 14px/1 PlmsWidgets; font-size: 15px; padding-right: 8px; color: $brand-primary; top: 16px; position: absolute !important; left: -5px } } #region-main>.card { margin-top: 3px; } } body .elements_breadcrumb.breadcrumb-button { .singlebutton, .forumsearch { float: right; } } body div#coursecontrols::before { display: none; } body .elements_breadcrumb { width: 100%; float: right !important; position: relative; .btn-secondary:before { content: '\f09b'; font: normal normal normal 14px/1 PlmsWidgets; font-size: 15px; padding-right: 8px; } .btn-round { background: none; border: none; -webkit-box-shadow: none; box-shadow: none; border-color: none; } .btn-round:hover { background: none !important; -webkit-box-shadow: none; box-shadow: none; border-color: none; } } body .elements_breadcrumb { .btn.btn-secondary.p-a-0.buttonhelp:before { display: none; } #searchforums:before { display: none; } } body #coursecontrols .teacherdashbutton { font-size: 13px; padding-right: 8px; color: $brand-primary; padding-bottom: 10px; padding-top: 0px !important; a { color: $brand-primary; } } body #coursecontrols .teacherdashbutton::before { content: '\f09b' !important; font: normal normal normal 14px/1 PlmsWidgets; padding-right: 8px; color: $brand-primary; vertical-align: baseline; } .pagelayout-incourse, div#page-content { .elements_breadcrumb.breadcrumb-button.pull-xs-right { padding: 0 20px 3px 0; position: relative; } } body#page-site-index, #page-admin-search { div#page-content { .col-md-12 .card { margin-bottom: 1.2rem; } } } body#page-admin-search { div#page-content { .col-md-12 .card { margin-bottom: 1.2rem; } } section.hidden-print aside:first-child { margin-top: 3px; } } @media screen and (min-width: 320px) { .form-inline .form-control-static { display: block !important; } } .ml-0 { margin-left: 0px !important; } #page-my-index #region-main .block-region .card { box-shadow: $blocksshadow; } #page-header .col-md-12 { padding-right: 0px; } #page-header .col-md-12 .card { background: #fbfcff; box-shadow: 0 2px 0px 0 rgba(169, 169, 169, 0.1); margin-bottom: 1.2rem; } #page-header .col-md-12 .card .breadcrumb-nav .breadcrumb { padding-bottom: 0px; background: none; padding-top: 9px; padding-left: 16px; } #page-header .col-md-12 .card .card-block { padding: 0rem; } header .breadcrumb-nav li:last-child a { pointer-events: none; cursor: default !important; color: #768c94 !important; } body .space_front { padding: 7px; } aside.block.block_calendar_upcoming { .event { margin-top: 16px; margin-bottom: 17px; padding-left: 0; padding-right: 0; } .date { color: #768c94; font-size: 12px; padding-top: 5px; padding-left: 2px; -ms-grid-columns: auto auto; grid-template-columns: auto auto; display: -ms-inline-grid; display: inline-grid; } a.col-lg-10.col-md-10.col-xs-10.float-right.title-upcoming { margin-top: -10px; color: $brand-primary; } .event p { line-height: 0px; font-size: 14px; } .col-lg-10.col-md-10.col-xs-10.float-right.title-upcoming { border-left: 1px solid #c9dce2; height: fill-content; text-transform: capitalize; padding-right: 0px; padding-left: 15px; p { padding-left: 23px !important; } } span.col-lg-2.col-md-2.col-xs-2 { padding-left: 0; padding-right: 0; margin-top: 10px; font-size: 14px; font-weight: 400; color: #465b65; } div.col-lg-10.col-md-10.col-xs-10.float-right.title-upcoming a { color: $brand-primary; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; } .gotocal { display: none; } .event.col-md-12 { padding: 0 0 0 0; } .event h2 { font-weight: normal; } div.date img { width: 12px; height: 12px; margin-top: -2px; } .title-upcoming p { line-height: normal; font-size: 12px; display: none; } } /*Course Wizard*/ /*Jaime T*/ .wizard .new_course_wizard { width: 100%; margin: 0px auto; } .new_course_wizard_tab { background-color: #eff5fb; width: 50% !important; } .new_course_wizard_tab .ml-0 { background-color: #eff5fb; } #page-local-coursewizard-createcourse { .nav-tabs.course-wizard .nav-item .nav-link { width: 100%; border-radius: 0px; height: 54px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px !important; text-align: center; padding-top: 6px !important; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: normal; pointer-events: none !important; } ul.new_course_wizard { border: none !important; } .nav.nav-tabs .nav-item { float: left !important; } .nav-tabs .nav-link { background-color: $lighten; color: #67747b; .wid-checkwizard { color: #7db836; display: none; margin-right: 5px; } } .nav-tabs .nav-link.active { background-color: $brand-primary; color: choose-contrast-color(darken($brand-primary, 25%)) !important; } .nav-tabs .nav-link.active p { color: choose-contrast-color(darken($brand-primary, 25%)) !important; } .create-course .md-12 { padding-right: 0px; padding-left: 0px; } .create-course .md-12 ul { padding-right: 0rem; } .wizard { margin: 0px auto; background-color: #fff !important; padding: 0; } ul.list-inline { padding-right: 0rem; width: 100%; text-align: center; } .nav-tabs .nav-link { border: none; } div.tab-content { // margin-left: 80px; } @media (max-width: 1400px) { div.tab-content { margin-left: 0px; } } a.img-courseswizard { position: relative; text-decoration: none; } div.coursewizard-list-images { div.content-card { margin-bottom: 19px; } } div.card-img-wizard { height: 90px; width: 100%; margin-bottom: 0px !important; } a.selected_course_img img { border: 1px solid #7db836; box-shadow: 0 2px 4px 5px rgba(125, 184, 54, 0.17); } .selected_course_img:after { width: 100%; height: 90px; border-radius: 0px; background: transparent; text-align: right; position: absolute; padding-top: 10px; padding-right: 14px; font-size: 22px; color: #7db836; border-radius: 3px; } .col-md-8 { position: relative; float: left; } form.mform #step2 .mform { padding: 0 50px } .tab-content>.active { display: inline; } .nav-tabs.course-wizard { .nav-item { .nav-link { span { font-size: 16px; font-weight: bold; text-transform: capitalize; } p { font-size: 14px; } } } } .pull-right .btn-secondary, .btn-round { margin: 10px; padding: 10px; width: 141px; line-height: 1.8; } .btn-secondary.cancel { padding: 5px; } div.fdescription.required { color: #768c94; text-align: center; font-style: italic; padding-bottom: 63px; display: inline-block; width: 100%; i { position: relative; top: -2px; float: none; } } .course_wizard_padd1 { padding: 40px 0px 50px 0px; } .course_wizard_padd { padding: 40px 0px 0px 0px; } } a.nav-link.active.wizard1.ml-2 { margin-top: 0px; margin-bottom: 0px } aside.block.block_calendar_month.card .card-text { padding-right: 15px !important; } .block-region aside.block.block_calendar_upcoming.card .card-block { overflow-y: hidden; } body.path-course.path-course-view.pagelayout-course { .breadcrumb-button.pull-xs-right { z-index: 100; } @media screen and (max-width: 1238px) { .completionprogress { right: 2rem !important; } } } #page-site-index, #page-my-index { @media screen and (max-width: 1280px) { aside.block.block_statistics.card .row { width: 99%; } .col-md-6.col-sm-12.col-lg-6.col-xl-3.graph-parent { padding-right: 0; padding-left: 0; padding-bottom: 20px; } } aside.block_statistics { .card-block { .card-text.content { padding-top: 55px; padding-bottom: 30px; } } .graph-parent { .chart-container { canvas#totalusers { font-weight: 300; } } } } } @media (min-width: 1200px) { #page-local-coursewizard-createcourse .coursewizard-list-images { height: 199px; overflow-y: scroll; padding-right: 6px; } } aside.block.block_calendar_upcoming.card .event .title-upcoming i.men.men-icon-phevents { color: $brand-primary; padding-right: 3px; margin-top: 2px; } aside.block.block_calendar_upcoming .card-text.content.calendarwrapper .col-md-6.col-sm-6.col-lg-12 { padding-right: 0px; padding-left: 0px; } aside.block.block_calendar_upcoming.block_with_controls.card .card-block .block-controls .action-menu.moodle-actionmenu.block-control-actions.commands { .dropdown-item { padding: 3px 5px 0px 5px; } .dropdown-menu.dropdown-menu-right.menu.align-tr-br { right: 10px; } } /* Learning Paths*/ #page-local-learningpaths-view { div#learningpath-notifications-tab { div.active { background-color: $brand-primary; h3, i { color: #fff !important; } } div[class*="collapse_"]:not(.active) { background-color: #eff5fb; } .txt_area_txt label { color: $brand-primary; } .txt_area_notifications { .atto_group.collapse_group { i { color: $brand-primary; } } } } div.txt_area_notifications .felement { width: 100%; flex: unset; max-width: 100% !important; } div.txt_area_notifications .femptylabel .contentlabel { display: none; } li.active { a { border-bottom: solid 1px $brand-primary; } } .men-icon-add { &:before, :target { color: $brand-primary; } } div.modal-dialog { .modal-footer { button.btn.btn-primary { border: solid 1px $brand-primary; background: $brand-primary; } } } a#learningpath-remove-users { background: $brand-primary; } #learningpath-courses-tab { ul.lpd-courses { li.course-description { div span { color: $brand-primary; } } } } .new-button { color: $brand-primary; } .header-title span { color: $brand-primary; } ul#list-course .prerequisites-popup li:hover { background-color: $brand-primary; } #added-prerequisites li:hover { background-color: $brand-primary !important; } .mt-table tr.users .bg-success { background-color: $brand-primary !important; } .mt-table tr.header { th { color: $brand-primary; } } .content-title.back a.back_page i { color: $brand-primary; } #learningpath-view-tab { .conent-descriptionlp { .col-sm-3 { span { i { color: $brand-primary; } } } } } table#table_users { .table_head { color: $brand-primary; } } } #block_lpd_content { .lpd-lp-detail-head-column { color: $brand-primary; } div.headinglpdspan.hd-lp { color: $brand-primary; } div.lpd-lp-content-header:hover, div.lpd-lp-content-header:not(.collapsedlpd) { border-left: 4px solid $brand-primary; } div.lpd-lp-content.card-box { div.lpd-lp-detail { box-shadow: 0 2px 9px 0 rgba(58, 110, 205, 0.16); border-left: 4px solid $brand-primary; } } .wid-icon-phcertificate.issued { color: $brand-primary; } } body#page-local-learningpaths-view input:checked+.slider { background-color: $brand-primary; } #page-local-learningpaths-index { .title_lp_index { color: $brand-primary; } div#page-content { padding: 0 15px !important; } } #page-local-learningpaths-index, #page-local-learningpaths-view { .plms-learningpaths { div.plms-learningpath:hover { border-left: 4px solid $brand-primary; } .new-button { color: $brand-primary; } .new-button:hover { background-color: $brand-primary; } } .row.course-lp:hover { background-color: $brand-primary; } .row.course-lp.checkbbg { background-color: $brand-primary; } .row.course-lp.checkbbg { background-color: $brand-primary !important; } ul#available-prerequisites li.name.active, ul#added-prerequisites li.name.active { background-color: $brand-primary !important; } } select[multiple=""], select[multiple="multiple"] { min-height: 200px !important; min-width: 200px !important; } .chooserdialogue-course-modchooser { width: 100% !important; max-width: 900px; margin: auto; outline: none; } @media only screen and (max-width: 543px) { .chooserdialogue-course-modchooser { width: 100% !important; max-width: 930px; } } .moodle-dialogue-hd.yui3-widget-hd { text-align: center !important; color: #67747b !important; letter-spacing: 0.5px !important; font-size: 13px !important; text-transform: uppercase !important; } .yui3-widget-shim { outline: 0px; } .choosercontainer.paradisochooser_item { .modchoosersection { height: 43px; } .searchmod { padding: 15px; text-align: center; height: 74px; border-bottom: 2px solid #e6e6e6; .searchmodsection { position: relative; } input { border: unset !important; background-color: #f5f5f5; border-radius: 6px !important; height: 42px !important; font-size: 15px; color: #a7a7a7; font-weight: 200 !important; padding-left: 35px; width: 100%; &::placeholder { color: #A7A7A7; font-weight: 200 !important; } } .searchmodicon { position: absolute; margin: auto; right: unset !important; padding: 8px; font-size: 16px; color: #a7a7a7; border-radius: 14px; background-color: unset !important; top: 5px; left: 3px !important; } } #chooseform { .alloptions { max-width: 288px !important; height: 535px !important; // border-right: 4px solid #E6E6E6; background: #FCFCFC; } .instruction { left: 288px !important; } .instruction { position: absolute !important; } .content { left: 288px !important; } .moduletypetitle { text-transform: none; color: #607d8b; line-height: 3; font-size: 13px; input[type=radio] { display: none !important; } height: 43px; padding: inherit !important; } .category { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ .typename { width: auto !important; padding-left: 36px; color: #000; font-size: 13px; font-weight: 400; } @media only screen and (max-width: 543px) { .typesummary { position: absolute; } } .typesummary { .hiden { display: none !important; } .option { // padding-top: 30px !important; width: 88%; height: 37px; padding: 0; display: inline-flex; margin: 11px 0 11px 15px; // box-shadow: -1px 2px 6px 0 rgba(45, 111, 188, 0.23); background-color: #FCFCFC; border-radius: 3px; // border: 2px solid #E3E3E3; font-weight: 600; .itemsummary { left: 240px; right: 0; height: 142px; bottom: 0; position: absolute; height: 85%; overflow-y: scroll; overflow-x: hidden; background-color: $lighten; border-bottom: 5px solid $lighten; font-size: 14px; padding-top: 5px; font-weight: 600; &::-webkit-scrollbar-thumb { background-color: $brand-primary; } p { font-size: 12px; font-weight: 400; } } padding: 0px; .modicon { font-size: 15px; // text-align: center; // display: inline-block; // font-size: 1.4rem; // width: 100%; } label { width: 100%; display: flex; align-items: center; padding-left: 15px; padding-bottom: 0; } &.selected { label { color: $brand-primary; } } } } label { border: none; padding-top: 0px; &::before { display: none; } } .content { display: none; position: absolute; right: 0; bottom: 0; left: 240px; margin: 0; padding: 0em; background-color: #fff !important; overflow-x: hidden; overflow-y: auto; line-height: 2em; .typename { text-align: center !important; // width: 100% !important; padding: 0px 11px !important; // line-height: 16px; // max-height: 35px; text-overflow: ellipsis; overflow: hidden; font-weight: 400; } .blockmods { height: 100%; overflow: auto; padding: 4px; width: 240px; } } } .moduletypetitle.catselected { margin-top: 0px; .catlabel { // color: $brand-primary !important; font-weight: 700; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ } background-color: $lighten; } .submitbuttons { position: absolute; bottom: 0; margin: auto; left: unset; right: 0; width: calc(100% - 240px); background-color: #e9f6fc; padding: 0; input { margin: 10px 0.5em } .addcancel { display: none; } .submitbutton { border-radius: 4px !important; background-color: $brand-primary; box-shadow: 0 2px 4px 0 rgba(27, 162, 221, 0.4); font-size: 14px; font-weight: 500; text-align: center; color: #fdfdfd; letter-spacing: 0.1px; border: none; width: 160px; height: 36px; &::hover { border: none; } } } } } .choosercontainer.paradisochooser_item #chooseform .category .typesummary .option.selected label { color: $brand-primary !important; .typename { color: $brand-primary !important; } } .fdescription.required { display: none; } div.felement[data-fieldtype="submit"] { padding: 10px 0; } div.felement[data-fieldtype="submit"] input[type="submit"], body:not(#page-local-people-index) button[type="submit"], body:not(#page-admin-report-customsqlparadiso-index) button[type="submit"] { min-width: 160px; height: 40px !important; } #page-my-index.editing div.settings-menu div.singlebutton { display: block; margin-left: 0px; } #page-my-index.editing div.elements_breadcrumb div.singlebutton button { padding-left: 12px !important; color: #768c94; padding-bottom: 0px !important; padding-top: 0px !important; } #page-my-index.editing div.elements_breadcrumb div.singlebutton button:hover { color: #768c94 !important; } #page-my-index .breadcrumb-button div.singlebutton { display: none; } #page-my-index.editing .breadcrumb-button div.singlebutton+div.singlebutton { display: none !important; } div.elements_breadcrumb div.siwitch_content+div.singlebutton button:before { content: '\f032' !important; font: normal normal normal 14px/1 PlmsHome; font-size: 15px; padding-right: 8px; color: #607D8B; } #page-site-index.editing .block_course_records .card-text.content { padding: 15px; } #page-login-index { .icons.col-xs-12.col-lg-12 { text-align: center; } .potentialidp { display: inline-flex; } div.potentialidp a img { width: 26px; height: 26px; } div.potentialidplist { padding-top: 5px; } h6, .h6 { color: #607d8b; } .alert.alert-danger { text-align: center; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; background-color: #fe648d; border-radius: 3px; color: #fff; } .float-right { .card { background-color: unset !important; } } #login_center { .card { background-color: transparent !important; } } } div.block-controls div.menubar div.dropdown a.dropdown-toggle:after { content: none; } #page-auth-oauth2-confirm-account { header#page-header { display: none; } header.navbar:not(.expand-top-menu) { margin-left: 0px; } div#notice { text-align: center; } div#nav-drawer { display: none; } footer#page-footer { margin-left: -4%; width: 100%; } .content-shadow { border-top: 5px solid $brand-primary; } body:not(.pagelayout-frontpage) div.card.card-block { max-width: 700px; } } .block-region { div.block-controls { padding-right: 0px !important; } div.block-control-actions i.icon.fa-cog { margin-right: 0px !important; } } #page-course-index { .cardcoursescontent { .card-header-image { .coursefoot { .btn-lw-courses { float: right; } } a.img-courses:hover { text-decoration: none; } } } .listview { .d-inline-block.card-header-image { display: block !important; } div.coursefoot { width: 63% !important; } } #enrollme { color: #fff !important; } } #page-course-index, #page-course-index-category { #page-header-desc { .page-title { font-size: 23px; font-weight: 500; color: #3F3F3F; } } @media only screen and (max-width: 768px) and (min-width: 320px) { #page-header-desc { padding: 0em 1em 0em 1.2rem; } } .singlebutton { button { padding-right: 0; text-align: right; } } /** *@author Akshay Pingale *@since 28/05/2020 *@Paradiso *@ticket 870 */ .coursecataloglist { max-height: none; } .coursecatalogtag { max-height: 500px; } .coursecataloglist, .coursecatalogtag { .all-categories.categorylist>a { padding: 15px 18px; display: block; color: $brand-primary; } .all-categories.categorylist { padding: 0; border: solid 2px $brand-primary !important; } border-radius: 2px; box-shadow: 0 2px 4px 0 rgba(141, 162, 171, 0.37); background: #fbfcff; padding: 15px; height: auto; max-height: 500px; overflow-y: auto; overflow-x: hidden; .categorylisttitle { color: #67747b; font-size: 15px; } .iconscategory { float: right; margin-top: -2px; .has_childrens { display: inline-block; color: #94b7c3; font-size: 9px; width: 0px; } .gotosettings { display: inline-block; a i { color: #94b7c3; cursor: pointer; } } } .subs .subcat { &:active, &:visited, &:link, &:focus, &.selected { background: $brand-primary; color: #fff !important; .gotosettings { margin-right: 6px; a i { color: #fff !important; } } i { color: #fff !important; } } } .categorylist { border-radius: 3px; box-shadow: 0 2px 6px 0 rgba(58, 110, 205, 0.16); background-color: #ffffff; height: 49px; padding: 15px 18px; margin: 6px 0px; cursor: pointer; .namecategory { font-size: 13px; line-height: 1.38; color: #607d8b; } &:hover { background: #f5f7fe; outline: none; span, i { color: $brand-primary; } } &:active, &:visited, &:link, &:focus, &.selected { background: $brand-primary; .namecategory { color: #fff; } .has_childrens, .gotosettings { color: #fff !important; } .gotosettings { a i { color: #fff !important; } } i { color: #fff !important; } } } .subs { position: absolute; z-index: 9; min-width: 227px; width: 17vw; top: initial; left: 500px; min-height: 386px; border-radius: 3px; box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); border: solid 1px #e0ebef; background-color: #ffffff; padding: 5px; margin-top: -56px; .subcat { padding: 15px 18px; font-size: 13px; font-weight: 300; color: #465b65; cursor: pointer; &:active, &:visited, &:link, &:focus { background: #f5f7fe; color: $brand-primary; outline: none; } .iconscategory { .gotosettings { margin-right: 2px; } } } div.subcat.activated { color: $brand-primary; outline: none; } div.subcat:hover { color: $brand-primary; outline: none; i { color: $brand-primary; } } } .supersub { box-shadow: 3px 11px 11px 0px rgba(0, 0, 0, .11); border-top-left-radius: 0px; border-bottom-left-radius: 0px; } #learningpath_cat:focus { background-color: $primary !important; } } .search-filters { .filter-search { padding-top: 0px; .form-inline { display: inline-block; } .create-buttons { display: inline-block; float: right; span.course { padding: 0px 15px; } span.category { padding-left: 15px; } .new-button { border-radius: 3px; border: solid 1px #c9dce2; background-color: #ffffff; font-size: 13px; font-weight: 300; color: #465b65; line-height: 18px; font-weight: 300; &:hover { background-color: #768c94; color: #fff; } } .course { .new-button { color: $brand-primary; border: solid 1px $brand-primary; &:hover { background-color: $brand-primary; color: #fff; } } } } .filter-button { display: inline-block; margin-left: 1rem; color: #465b65; font-size: 13px; font-weight: 300; span { padding: 3px; } } } .coursesearchbox { position: relative; margin: 0px; .form-control { border-radius: 20.5px; border: solid 2px #2D8DFE; background-color: #ffffff; font-size: 13px; font-weight: 300; color: #465b65; padding-left: 40px; width: 250px; } i { position: absolute; top: 0px; bottom: 0px; margin: auto; height: 16px; width: 16px; font-size: 16px; left: 16px; } } .folder-subcats { .foldersubcat { position: relative; border-radius: 4px; border: solid 1px #e2ecf1; background-color: #fbfcff; height: 221px; width: 100%; margin-top: 1rem; cursor: pointer; .content { position: absolute; margin: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; height: 25%; span { display: inherit; font-size: 13px; font-weight: 500; font-family: $font-family-sans-serif; text-align: center; color: #67747b; padding: 10px; } img { display: inherit; margin: auto; } } .settings { display: none !important; text-align: right; padding: 10px; width: auto; float: right; z-index: 9; .catsetting { color: #94b7c3 !important; text-align: right; font-size: 14px; } .menu_cat { margin-top: 0px; border: solid 1px #e0ebef; background-color: #ffffff; box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.11); border-radius: 3px; padding: 7px; .cataction { height: 35px; padding: 10px 20px; .labelcataction { font-size: 13px; font-weight: 300; } &:hover { background: #f5f7fe; color: $brand-primary; } } } } &:hover { background: #fff; box-shadow: -1px 2px 6px 0 rgba(45, 111, 188, 0.23); .settings { display: inline-block !important; } } } } .borderline { &::after { content: " "; position: absolute; bottom: -16px; height: 1px; width: 96%; left: 0px; right: 0px; margin: auto; background: #c9dce2; } } [name="subcategories"] { margin-bottom: 16px; padding: 0px; } } .button-view { padding-top: 0px; position: absolute; .view_button { width: 42px; height: 32px; display: flex; align-items: center; justify-content: center; .viewicontag { color: #607d8b !important; font-size: 14px; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; &:active, &:focus { border-radius: 3px; border: solid 1px rgba(27, 162, 221, 0.56); box-shadow: 0px 0px 0px 5px rgba(27, 162, 221, .14); outline: none; } } .labelview { color: #607d8b; font-size: 13px; padding-left: 16px; } .viewitem { color: #607d8b; padding: 16px; height: 52px; cursor: pointer; &:hover { color: $brand-primary; background-color: #f5f7fe; .labelview { color: $brand-primary; } } &.active { background-color: transparent; color: $brand-primary; .labelview { color: $brand-primary; } &:hover { background-color: #f5f7fe; color: $brand-primary; .labelview { color: $brand-primary; } } } } .menu_view_chooser { padding: 7px; } } } .cardcoursescontent { margin-top: 16px; padding: 0 0 0 15px; div.content-card { margin-bottom: 0px; padding-top: 10px; &:nth-child(4n) { margin-bottom: 30px; } } div.content-card.listview { margin-bottom: 30px; .card-summary { display: block; } } a.img-courses { display: block; } .content-img { height: unset !important; position: relative; padding-top: 56.25%; overflow: hidden; max-height: unset !important; img { display: block; width: 100% !important; height: 100% !important; height: unset; position: absolute; top: 0; left: 0; object-fit: unset !important; padding: 5px 5px 6px 5px; } } .card-header-image { background-color: #fbfcff; border: solid 1px #e2ecf1; border-radius: 7px; margin-bottom: 0px !important; .card-title { font-size: 13px; font-weight: 500; margin-bottom: 3px; overflow: hidden; max-height: 1rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-left: 0px !important; color: #3F3F3F !important; text-transform: capitalize; a { color: #67747b; } } .card-summary { display: none; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 1rem; } .progress { -o-transition: width .6s ease; -moz-transition: width .6s ease; -webkit-transition: width .6s ease; -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); background-color: #337ab7; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width .6s ease; width: 100% !important; padding: 0; margin-top: 7px !important; left: 0px; right: 0px; height: 8px; border-radius: 9px; background-color: #EFF5FB; box-shadow: none; .progressbar { background-color: $brand-primary; -webkit-box-shadow: none; box-shadow: none; } .progressbar:before { content: ''; margin-right: 5px; display: inline-block; margin-left: 5px; font-size: 11px; text-transform: uppercase; } .zeropercent { width: 3% !important; border-radius: 25px; background: $primary; } } .numperclass { padding-left: 8px; padding-right: 0px; color: $brand-primary; margin-top: 1px; } .catename { color: #A9ABB8 !important; } .activitiesstatus { margin-bottom: 1px; p { font-size: 13px; margin: 0px; } } .coursefoot { position: absolute; bottom: 1px; width: 90%; right: 1rem; z-index: 1; background-color: #fbfcff; .btn-lw-coursesstart { float: right; box-shadow: 0 2px 4px 0 rgba(27, 162, 221, 0.4); border-radius: 16px; background-color: $primary; width: 90px; font-size: 13px; font-weight: 500; color: #fdfdfd; font-family: $font-family-sans-serif; border: none; } .btn-lw-coursescontinue { float: right; border-radius: 16px; width: 90px; font-size: 13px; font-weight: 500; font-family: $font-family-sans-serif; box-shadow: 0 1px 4px 0 rgba(96, 125, 139, 0.4); } } } .listview { min-height: 130px !important; margin-bottom: 1rem; .btn-lw-courses { float: right; } a.img-courses { display: block; } .card-header-image { min-height: unset !important; .content-img { height: 185px; width: 35%; display: inline-block; float: left; img { height: 100% !important; } } .card-body { display: inline-block; float: left; width: 65%; .zeropercent { width: 3% !important; border-radius: 25px; background: $primary; } } } .coursefoot { background-color: transparent; right: 1rem; margin: auto; } } div.image_layer div.setting_layer { display: none; } a.img-courses:hover+div.image_layer div.setting_layer, div.image_layer:hover div.setting_layer { display: block; } div.image_layer { position: absolute; width: 10%; height: 10%; top: 18px; right: 16px; display: inline-block; .setting_layer { display: block; position: relative; width: 100%; height: 100%; .delete_course { position: absolute; top: 5px; right: 15px; a i { color: #fff; } } } } div.content-card:hover a.img-courses div.hoverimg { width: 100%; height: 100%; position: absolute; top: 0px; } } #course-catalog-filters { .modal-lg { max-width: 900px !important; } .modal-dialog { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 187px; width: 90%; margin: auto; a:not([href]):not([tabindex]) { color: #000; &:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; } } #submit-filters { float: right; } .modal-header { text-align: center; .filters-title { color: #67747b; letter-spacing: .5px; font-size: 13px; text-transform: uppercase; display: block; padding: 0.75rem !important; } } .x-close { font-size: 1.5rem; font-style: inherit; &::before { content: 'x'; } } #filters-modal { label.form-normal { display: flex; align-items: center; padding-bottom: 0px; input { margin-right: 5px; } } } } } @media (max-width: 1000px) { div.create-buttons { display: none !important; } } @media (max-width: 500px) { div.filter-search form.form-inline { width: 62%; input#coursesearchbox { width: 100%; } } div.filter-search { margin-bottom: 30px; } } div#page-header-desc div.singlebutton button { background: none; border: none; box-shadow: none; color: $brand-primary; } div#page-header-desc div.singlebutton { float: right; position: absolute; right: 12px; top: -50px; } div#page-header-desc div.singlebutton button:hover { background: none !important; box-shadow: none; border: none; color: $brand-primary !important; } div#page-header-desc div.singlebutton button:before { content: '\f09b'; font: normal normal normal 14px/1 PlmsWidgets; font-size: 15px; padding-right: 8px; } div.view_button div.dropdown-menu-right span.viewitem i { font-size: 11px; } a#dropdownView:after { display: inline-block; width: 0; height: 0; margin-left: .3em; vertical-align: middle; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-left: .3em solid transparent; color: #607d8b !important; } div.supersub div.subcat:hover { background-color: $lighten; color: $brand-primary; } .subs .subcat .iconscategory { float: right; margin-top: -2px; } div.card-header-image { div.card-body { position: relative; } } span.numportcentage { position: absolute; right: 12px; top: 8px; font-weight: 600; font-size: 12px; } } .listview-foldersubcat { .foldersubcat { height: 123px !important; .content { height: 100% !important; width: auto; right: 75px; img { padding: 44px 0px 44px 44px; display: inline-block !important; } .catname { display: inline-block !important; } } } } .colorter { color: red !important; } aside.block-region div.block-controls i.fa-arrows-v:before { content: "\f047"; } body#page-login-signup { .box.errorbox.p-y-1 { text-align: center; } } body#page-auth-oauth2-confirm-account { header.navbar-light .usermenu { width: 100%; } .usermenu .login { float: inherit; } } body#page-auth-oauth2-confirm-account:not(.navbar) { margin-left: 0px !important; } body#page-auth-oauth2-confirm-link-login { .usermenu .login { float: inherit; } } body#page-auth-oauth2-confirm-link-login:not(.navbar) { margin-left: 0px !important; } .mdl-left.filepicker-filelist { .filepicker-filename { height: 180px; } } [data-fieldtype="filemanager"], .moodle-dialogue-wrap.moodle-dialogue-content.yui3-widget-stdmod, .mdl-left.filepicker-filelist { .fp-navbar.bg-faded .filemanager-toolbar.icon-no-spacing .btn-secondary { border: 1px solid #c9dce2; border-radius: 3px; height: 36px; width: 36px; padding: 9px !important; } .filemanager .fp-content { text-align: center; } .filemanager .fp-content { max-height: 181px; min-height: 157px; } .filemanager-container.card { background-color: #f5f7fe; height: 182px; } .filemanager-toolbar { padding: 10px; } div.btn.btn-secondary.p-a-0.buttonhelp { border-radius: 20px; height: 16px; margin-top: 3px; width: 16px; } div.fp-content { text-aling: center; } .filemanager.fm-loaded.fm-nomkdir.fm-nofiles .fp-restrictions { display: none; } .filemanager.fm-loaded.fm-nomkdir.fm-nofiles { width: 90%; } .form-filetypes-descriptions { display: none; } .filemanager.fm-noitems .fm-empty-container { border: 0px dashed #bbb; } .fp-pathbar { visibility: hidden; } .dndupload-arrow { background: url([[pix:theme|drag-and-drop]]) center no-repeat; } a.fp-vb-icons.btn.btn-secondary.btn-sm, a.fp-vb-details.btn.btn-secondary.btn-sm.checked, a.fp-vb-tree.btn.btn-secondary.btn-sm { border: 1px solid #c9dce2; border-radius: 3px; padding-top: 9px; height: 36px; width: 36px; color: #607d8b; } a.fp-vb-details.btn.btn-secondary.btn-sm, a.btn.btn-secondary.btn-sm { padding-top: 9px; height: 36px; width: 36px; border: 1px solid #c9dce2; border-radius: 3px; color: #607d8b; } a .icon { color: #607d8b; } a .icon:hover { color: #fff; } .filepicker-filelist { min-height: 180px; border-top: 0; } } [data-fieldtype="filemanager"] { p { display: none; } .form-filetypes-descriptions { display: none; } } [data-fieldtype="filemanager"] .fp-pathbar { visibility: inherit; } .fp-repo-items { .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group>.btn:last-child:not(:first-child) { border-radius: 0; } .fp-navbar.bg-faded.clearfix.icon-no-spacing .fp-viewbar.btn-group.pull-xs-right.disabled a.btn.btn-secondary.btn-sm { padding-top: 9px; border: 1px solid #c9dce2; border-radius: 3px; height: 36px; width: 36px; } .fp-restrictions { display: none; } } .fp-restrictions { display: none; } .fp-select-buttons.form-group button.fp-file-update.btn-primary.btn { height: 40px; } .has-danger input[type=text], .has-danger select.form-control.form-control-danger { border-color: #ef5d84; } .has-danger input[type=password] { border-color: #ef5d84; } #page-site-index { .block.block_slideshow { margin-bottom: 40px; /*box-shadow: -1px -3px 38px #F0F0F0BF;*/ border-radius: 7px; opacity: 1; } .carousel-inner { width: 99.9%; } .fpwonderbox { margin-bottom: 0rem; } form.blogsearchform { div:first-child { display: flex; #blogsearchquery { width: 60%; } .submit-btn { margin: 0px 5px 0px 5px; } } } } /*Scroll-Bar*/ .card-text.content::-webkit-scrollbar { width: 5px; background-color: #fff; } .card-text.content::-webkit-scrollbar-track { display: block; background-color: #fff; width: 15px; } .card-text.content::-webkit-scrollbar-thumb { background-color: #fff; color: #fff; } .card-block .card-text.content { overflow-y: scroll; overflow-x: hidden; scrollbar-color: #fff; scrollbar-width: thin; } .card-text.content:hover::-webkit-scrollbar { width: 5px; border-radius: 30px; opacity: 0.4; border-radius: 3.5px; } .card-text.content:hover::-webkit-scrollbar-track { display: block; background-color: #fff; width: 15px; } .card-text.content:hover::-webkit-scrollbar-thumb { background-color: #DBD7D7; color: #fff; opacity: 0.4; border-radius: 3.5px; } .card-text.content { margin-right: 1px; } .card-text.content div.current-courses table tbody:hover::-webkit-scrollbar-thumb { background-color: #DBD7D7; color: #fff; opacity: 0.4; border-radius: 3.5px; } /* page margin*/ #page-site-index, body.pagelayout-mydashboard { .card-text.content { padding-bottom: 15px; -ms-overflow-x: hidden !important; } div#page-content.two-sections, div#learningcontent div.settings-menu { padding-left: 1%; padding-right: 1%; } div#page-content.one-section { padding-left: 1%; padding-right: 1%; } @media (max-width: 1367px) { div#page-content.two-sections, div#learningcontent div.settings-menu { padding-left: 1%; padding-right: 1%; height: 50px; justify-content: flex-end; } div#page-content.one-section { padding-left: 1%; padding-right: 1%; } } } div#page-content.allone-section div.card.card-block, div#page-content.alltwo-sections div.card.card-block { margin-right: 0px !important; } body#page-login-signup div#page-content.allone-section div.card.card-block { display: inline-block; } div#page-content.alltwo-sections, div#learningcontent div.settings-menu, #page-course-index #page-header-desc, #page-course-index-category #page-header-desc { padding-left: 15px; padding-right: 5%; } @media (max-width: 1367px) { div#learningcontent div.settings-menu, #page-course-index #page-header-desc, #page-course-index-category #page-header-desc { padding-left: 2%; padding-right: 2%; } div#page-content.alltwo-sections { padding-left: 2%; padding-right: 2%; } #course-category-listings .plms-category-listing .category-bulk-actions.bulk-actions .form-40 { width: 38% !important; } #course-category-listings .plms-category-listing .category-bulk-actions.bulk-actions select.moveselect { width: 78% !important; } #users-popup .modal-dialog { width: 50% !important; } #page-blocks-configurable_reports-editreport { div:not(.modal-body) { form.mform { input.form-control { width: 80%; } } } } } @media (max-width: 921px) { div#page-content.allone-section, div#learningcontent div.settings-menu, #page-course-index #page-header-desc, #page-course-index-category #page-header-desc { padding-left: 1%; padding-right: 1%; } div#page-content.alltwo-sections { padding-left: 1%; padding-right: 1%; } } /*end page margin*/ aside.block.block_calendar_upcoming .card-block { overflow: hidden !important; } aside.block.block_calendar_upcoming .card-block .card-text.content { padding-right: 6px !important; } aside.block.block_calendar_upcoming { .card-text.content::-webkit-scrollbar { width: 5px; background-color: #fff; } .card-text.content:hover::-webkit-scrollbar { width: 5px; border-radius: 3.5px; } .card-text.content:hover::-webkit-scrollbar-thumb { background-color: #DBD7D7; color: #fff; opacity: 0.4; border-radius: 11px; } } #page-course-view-topics, #page-site-index, body.pagelayout-mydashboard { aside.block.block_calendar_month .card-block .card-text.content { overflow: hidden; } #page-course-view-topics aside.block_calendar_month .minicalendar { width: 100% !important; max-width: 100%; } } aside.block.block_courserecords .card-text.content { height: 300px; padding-right: 0px; } aside.block.block_courserecords { .items-content::-webkit-scrollbar { width: 5px; background-color: #fff; } .items-content::-webkit-scrollbar-thumb { background-color: #DBD7D7; color: #fff; border-radius: 11px; } .items-content:hover::-webkit-scrollbar { width: 5px; border-radius: 3.5px; } .items-content:hover::-webkit-scrollbar-thumb { background-color: #DBD7D7; color: #fff; border-radius: 11px; } } aside.block { ui.pagination .page-item a.page-link span { display: none !important; } ul.pagination a.page-link { border: none !important; color: #ABB3BC !important; background-color: transparent !important; font-size: 16px; cursor: pointer !important; } ul.pagination li.page-item { margin-right: 11px; } ul.pagination li.page-item.active a { color: $primary !important; } .page-item.disabled .page-link { border: none !important; background-color: transparent; } } div.current-courses { nav { margin-left: 0% !important; margin-top: -16px; display: flex; justify-content: center; } .generaltable.fixed-table { border: 1px solid #D5D5D5; border-radius: 4px; opacity: 1; thead { background: $lighten; } } .generaltable.fixed-table td a.btn { color: #fff !important; height: 30px !important; padding-top: 5px !important; background-color: $primary !important; } } .block_courserecords { div.course-myrecords-table { div.header { background-color: $lighten !important; border: $blocksasideborder !important; } } } .yui3-skin-sam .yui3-panel .yui3-widget-hd { background-color: #fff !important; } // Styles for the inputs with icon widget::input_field fieldset.input_field_paradiso { position: relative; margin: 0; display: inline; padding: 0; border-width: 0; i.men-search-phx { position: absolute; margin: auto; right: unset !important; padding: 8px; font-size: 16px; color: #A7A7A7; border-radius: 14px; background-color: unset !important; top: 5px; left: 26px; } input.form-control { border-radius: 20.5px; background-color: #fff; font-size: $font-size-root; font-weight: 300; color: $body-color; padding-left: 48px !important; width: 90%; } } div.input_field_paradiso { position: relative; width: 100%; button { position: absolute; top: 8px; bottom: 0; left: 21px; height: 16px; width: 16px; background: none; border: none; outline: none; } input.form-control { border-radius: 20.5px; background-color: #fff; font-size: $font-size-root; font-weight: 300; color: $body-color; padding-left: 48px; width: 50%; } button:hover, button:focus { background: none; border: none; outline: none; } i.men-search-phx { font-size: 16px; } } #learningcontent .headerfade .breadcrumb-nav { ul li a, ol li a { color: $primary; } } #page-local-coursewizard-createcourse { footer#page-footer { margin-left: 15px; } .breadcrumb-nav { padding-left: 15px; } } @media screen and (min-width: 1200px) { #page-site-index, body.pagelayout-mydashboard { aside.block_calendar_month .minicalendar, aside.block_calendar_month .minicalendar { width: 100%; max-width: 100%; } .card-block table.minicalendar.calendartable td.day.text-center.weekend { padding-left: 0; padding-right: 0; } .block .minicalendar th, .block .minicalendar td { padding: 8px; padding-left: 0 !important; padding-right: 0 !important; font-weight: 400; } aside.block.block_calendar_month .card-block .minicalendar.calendartable td a { margin-left: 3px; font-weight: 400; } } } body:not(.format-paradiso) div.course-content ul.section li.activity span.actions div.dropdown.open a.menu-action { padding: 8px 20px !important; } body:not(.format-paradiso) div.course-content ul.section li.activity span.actions div.dropdown.open a.menu-action i { height: inherit !important; vertical-align: inherit; } body#page-admin-search { .form-group.row.fitem.femptylabel { position: relative; top: -40px; } } /*tabs*/ body:not(#page-local-coursewizard-createcourse) ul.nav-tabs { a.nav-link.active, a.nav-link.active:focus, .nav-link.active:hover { background-color: $brand-primary ; color: choose-contrast-color(darken($brand-primary, 25%)); } .nav-link:hover, .nav-link:focus { background: none; color: #768c94; border-color: transparent; } .nav-link { padding: 0px 20px !important; height: 30px; display: flex; align-items: center; } } @media only screen and (min-device-width: 320px) and (max-device-width: 1024px) and (orientation:landscape) { body#page-login-index input#username, body#page-login-index input#password { padding: 8px !important; height: 36px !important; } body#page-login-index div.float-right a#passwordunmask { top: 6px; } body#page-login-index { div.loginfooter.right-side { max-width: 556px !important; } div.float-right.content-login.h-100 { padding-top: 6px !important; height: 329px !important; margin-right: 103px !important; width: 100%; } div.input-group.input-icon { width: 100%; margin: 5.5px 0 10px 0px; } div.content-login button[type="submit"] { height: 36px !important; } div.content-inner .row.pt-4 { margin-top: -28px !important; } a#passwordunmask { top: 5px; } div#login_center .content-login { width: 26rem; } } #page-site-index { aside.block_statistics { .card-block { .card-text.content { padding-top: 10px !important; } } } } } @media only screen and (min-width: 568px) and (max-height: 320px) and (orientation : landscape) { body#page-login-index { div.float-right.content-login.h-100 { width: 77% !important; height: 288px !important; margin-right: 59px !important; } span.text-center .text_to_html { width: 66% !important; margin-left: 95px !important; } div.content-inner .row.pt-4 { width: 84% !important; margin-top: -40px !important; } div.content-inner .card-title h2 img { max-height: 34px !important; } div.content-inner div.content-form { width: 125% !important; margin-left: 90px !important; } } } @media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation : portrait) { body#page-login-index .float-right.content-login.h-100 { margin-right: 271px !important; } body#page-login-index div.loginfooter { max-width: none !important; } } @media only screen and (min-width: 320px) and (max-width: 768px) and (orientation : landscape) { body#page-login-index div.content-login .center-items_log { padding-top: 0 !important; } } @media only screen and (min-width: 411px) and (max-width: 823px) and (orientation : landscape) {} .moodle-dialogue-wrap.moodle-dialogue-content.yui3-widget-stdmod .filemanager.fp-dlg { width: 99%; } /*scrollbar only for All IE version*/ body { scrollbar-face-color: #607d8b; scrollbar-arrow-color: #fff; scrollbar-track-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-Color: #fff; } #page-auth-oauth2-confirm-account footer#page-footer { margin-left: 0px !important; } body#page-auth-oauth2-confirm-account #region-main>.card { min-height: 20rem; } #page-course-view-topics div.settings-menu, body.format-weeks div.settings-menu, body.format-singleactivity div.settings-menu, body.format-social div.settings-menu { height: 63px; } div.settings-menu { height: 33px; margin-top: 0px; display: flex; justify-content: space-between; div#coursecontrols { display: inline-block; padding-bottom: 0px !important; padding-top: 0px !important; div.teacherdashbutton { padding-bottom: 0px !important; padding-top: 0px !important; } } div.options-buttons { display: flex; align-items: center; justify-content: flex-end; margin-top: 0px; height: 100%; padding-bottom: 8px; padding-top: 8px; div.singlebutton button[id*="single_button"] { height: inherit; } .switch-primary { label span:before { top: -1px !important; width: 11px; height: 11px; right: 8px; } label>input:checked+span:before { top: -1px !important; right: -8px; } } } div.section-right { display: flex; align-items: center; height: 100%; h2.course-name { font-size: 14px !important; font-weight: 500 !important; padding-left: 15px; margin-bottom: 0px !important; text-transform: capitalize; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px; } } div.siwitch_content form div.form-group { margin: 0px !important; } a#add-block { padding-right: 17px; i { font-size: 14px; margin-right: 6px; color: $brand-primary; } span { color: #5F728B; font-size: 14px !important; } } } body.editing div.siwitch_content .txt_switch { color: #5F728B; } div#nav-drawer div.wrapper a[data-key=addblock] { display: none; } /*with this class we hide all the (helpdoclink) from the popover*/ .popover .helpdoclink { display: none; } /* General header for Modals */ .modal-header .modal-title { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.5px; text-align: center; text-transform: capitalize; } .course-title { font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } .teacherdashboard, .studentdashboard { line-height: 27px; .border-group { border: 1px solid #F5F5F5; border-radius: 2px; padding: 8px; margin-bottom: 15px; } .dashtitle { font-weight: 600; background: none !important; color: $brand-primary; padding: 0px !important; font-size: 15px !important; margin-bottom: 5px; } .list-group-item { padding: 0px; line-height: 1.8; color: #000000; background: #FCFCFC; padding: 5px 5px 5px 27px; margin-bottom: 5px; border-radius: 2px; font-size: 14px; &:after { content: " - "; position: absolute; height: 10px; width: 10px; font-size: 18px; // background: #000; left: 10px; top: 1px; border-radius: 100%; // border: 2px solid #fff; // -webkit-box-shadow: 0px 0px 0px 1px #000; // box-shadow: 0px 0px 0px 1px #000; } &:hover { color: $brand-primary; background-color: $lighten; } } } .studentdashboard { .list-group-item { background: unset; &:after { content: unset; } } } /*NewButton*/ .new-button-line-l { float: left; color: $brand-primary !important; background-color: #ffffff; border-color: $brand-primary; padding-top: 8px; } .new-button-line-l:hover { color: #ffffff !important; border-color: $brand-primary; } .new-button-line { float: right; color: #fff !important; background-color: $brand-primary; border-color: $brand-primary; border-radius: 4px !important; height: 33px; } .new-button-line:hover { float: right; color: #fff !important; background-color: $brand-primary; border-color: $brand-primary; } /*Table*/ .generaltable_paradiso { .header { display: inline-block; padding: 1.5rem 0rem !important; width: 99.5% !important; } .header .span-header { color: $brand-primary !important; display: inline-block; font-size: 13px; font-weight: 300; span:first-child { color: $brand-primary !important; font-weight: 300 !important; } } .item { background-color: #ffffff !important; border-top: 1px solid #f3f1f1 !important; font-size: 13px; min-height: 49px !important; margin-bottom: 0px !important; padding-bottom: 10px !important; padding-top: 10px !important; } .item .aspan { color: #465b65; } .item .cell { color: #465b65 !important; font-size: 13px; font-weight: 300; line-height: 2 !important; } .item .completed_dates { color: #465b65 !important; font-size: 13px; font-weight: 300; } .item::before { background-color: #fff !important; } .items-content { height: 174px !important; padding: 0 0 !important; padding-right: 0px !important; } .items-content:hover { overflow-y: auto !important; } div.items-cell span.aspan { padding-left: 0 !important; } .certificate { padding-left: 0rem !important; } .item a, .block_courserecords .generaltable .item .aspan { color: #465b65; } .item a, .block_courserecords .generaltable .item .aspan { font-size: 13px !important; font-weight: 300; } i.wid.wid-icon-phcertificate, i.fa.fa-certificate { padding-right: 10px; } thead { font-weight: 300; font-size: 13px; color: $brand-primary; } table th.header { border-left: none; border-right: none; font-size: 13px; font-weight: 300; } th.header { padding-bottom: 24px; text-align: left !important; padding-bottom: 25px !important; color: $brand-primary; } td.cell { text-align: left !important; font-size: 13px !important; background-color: #fff; padding-top: 13px; padding-bottom: 7px; } td { a { color: #465b65; } span { color: #465b65 !important; } } th { padding: .75rem; vertical-align: top; border-top: 0px solid #f4f4f4; } tr { border-bottom: 1px solid #f4f4f4; } tr:hover, tbody tr:hover { border-left: 1px ridge rgba(35, 77, 103, .03); } tbody tr:nth-of-type(odd) { background-color: #fff; } span.aspan.certificate { font-size: 13px !important; color: #465B66 !important; } td.cell a { color: #465b65; font-weight: 300; } td.cell span { color: #465b65; font-weight: 300; } i.wid.wid-icon-phcertificate { padding-right: 10px; } } .block_currentcourses th.header { color: $brand-primary !important; } .userloggedinas .usermenu .userbutton .avatars .avatar.current { bottom: 17px; right: 15px; } #search-content-result .moduletypetitle { float: left; } #search-content-result { height: 0px; } #search-content-result .submitbuttons { display: none; } .modchoosersection .catselected .blockmods .option.selected .submitbuttons { display: block !important; } @-moz-document url-prefix() { .block_courserecords .completed_dates { margin-left: 12px; } .block_courserecords .final_grade_block { margin-left: 8px; } } @media all and (-ms-high-contrast:none) { .block_courserecords .completed_dates { margin-left: 12px; } .block_courserecords .final_grade_block { margin-left: 8px; } } .fp-iconview .fp-filename-field { bottom: -34px; height: 40px; } form div.form-autocomplete-selection+div.autocomplete_selection .form-autocomplete-downarrow { float: right; position: relative; } body:not(#page-mod-page-view) { .center { text-align: center !important; } } body.format-paradiso:not(#page-mod-page-view) { div.moodle-has-zindex { .modal-header { .center { text-align: left !important; } } } } table#participants .inplaceeditable.inplaceeditingon input { width: 100%; } .block_reportblock div.reports_list table.table thead tr th { color: $brand-primary; } ///header color added by sandip .block_get_report div.reports_list table.table thead tr th { color: $brand-primary; } div.card-wizard { box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.11); background-color: #fff; } /*face to face block*/ .block_calendar_upcoming { .f2fsession { color: #465b65 !important; font-weight: 300; .lastcol p { display: contents; font-size: 13px !important; font-weight: 300; } td.cell.c0 { color: #465b65; float: left; font-weight: 500; } td.cell.c1 { text-align: left; position: absolute; display: contents; i { position: absolute; left: 11px; } } .generaltable td { padding: 0rem; } tbody { td { padding: 0rem; } } } } #block-region-side-pre, #block-region-side-pre-admin { .block_calendar_upcoming { .f2fsession { td.cell.c1 { text-align: left !important; position: inherit; } } } } h4.heading-settings { a { color: $brand-primary; font-size: 13px; font-weight: 300; text-decoration: none; } } body#page-admin-search { ul.admin-settings { margin-top: 8px; margin-bottom: 8px; li { padding-bottom: 8px; a { font-size: 13px; font-weight: 300; color: #465b65; } } li:last-child { padding-bottom: 0px; } } form+hr { display: none; } h2+form.mform { padding: 0px !important; } form div[data-groupname*="qf_group_"] { div.form-group.fitem+div.form-group.fitem { display: none; } div.form-group.fitem { width: 40%; span[data-fieldtype=text] { position: relative; display: flex; align-items: center; input#id_query { border-radius: 20.5px; width: 100% !important; padding-left: 15px; border: 2px solid $brand-primary; } } span[data-fieldtype=text]:before { /*font: normal normal normal 13px/1 PlmsHome; content: '\f01e'; color: #ffffff; position: absolute; right: 5px; border-radius: 15px; background-color: $brand-primary !important; padding: 7px;*/ display: none !important; } } div.form-inline.felement { display: flex; justify-content: flex-end; padding-right: 0px; } } ul.subscat-settings { border-left: 1px solid #e0ebef; li { a { color: #465b65; font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; } ul.su { li { a { font-size: 13px; font-weight: 300; color: #465b65; } } } } } } div.search-filters div.filter-button { cursor: pointer; } .not-card { padding: 15px; box-shadow: $blocksshadow !important; border-radius: 7px 7px 7px 7px !important; } /*upcoming events*/ /** *@author Baikare Sandeep *@since 24/12/2018 *@Paradiso */ #page-grade-grading-manage .actions .action { height: auto; } @media (min-width: 1024px) { .block_calendar_upcoming { .f2fsession { width: 85% !important; } } .generaltable { tbody { tr { background-color: #ffffff; } .report_action>a { padding-right: 10px; } } } } .block_calendar_upcoming { .event { a { padding-left: 22px !important; } } } .has-blocks { .block.block_calendar_upcoming { .event { p { float: right; padding-bottom: 0px; margin-bottom: 0px; } h2 { float: right; vertical-align: bottom; padding-top: 5px; } } .title-upcoming { padding-right: 35px; } } } @media (min-width: 320px) { .block.block_calendar_upcoming { .event { margin-top: 16px; margin-bottom: 17px; padding-left: 0; position: relative; padding-right: 0; display: flex; } } .f2fsession { width: 72%; } } #page-admin-search { .card-block { h2:nth-child(2) { width: 300px; position: relative; top: 16px; margin-bottom: 10px !important; } } .not_padding { padding-left: 0px; } h2+form.mform { padding: 0px !important; position: relative; float: none; top: -22px; } .nav-tabs { .adminBtn [href="#linkiomad"] { display: none !important; } } .felement .fitem { margin: 0 !important; float: right; } } .region_main_settings_menu_proxy { background-color: transparent; } #page-course-index { .img-courses .content-img { max-height: 122px; } .cardcoursescontent .listview .coursefoot { margin: inherit; } .cardcoursescontent .listview .card-header-image .content-img img { height: 100% !important; max-height: 122px; } } /*------------------------------------------------------------------- MT Dashboard -------------------------------------------------------------------*/ body:not(.pagelayout-frontpage) :not(.modal-body) .block.mt_company_admin form { padding: 0; } .mt_company_admin .iomadlink_container a .iomadlink img { display: none; } .mt_company_admin .iomadlink_container .iomadlink .iomadicon .fa-action { background-color: transparent; color: $brand-primary; font-size: 22px !important; } .card.block.mt_company_admin { background-color: transparent !important; div { background-color: transparent !important; } .iomadlink_container>a { width: 47%; float: left; min-height: 50px; } @media (max-width: 1025px) { .iomadlink_container>a { width: 100%; } } .iomadlink_container>a .iomadlink { height: 70px; width: auto; min-height: 70px; } .iomadlink_container>div .iomadlink>div.iomadicon { width: 74px !important; height: 70px !important; background-color: $lighten !important; text-align: center; vertical-align: middle; border-radius: 8px; margin: 0px; } .iomadlink_container>a .iomadlink>div { display: inline-block; float: left; } .iomadlink_container .iomadlink .iomadicon .fa-action { margin-left: 0px; position: static; } .iomadlink_container>a .iomadlink>div.actiondescription { width: auto; padding: 27px 20px 20px 15px; margin-top: 10px; font-weight: 300; } .card-text.content { min-height: auto; height: auto !important; } .card-text.content .iomadlink_container { border: none; } .nav-tabs { top: 0; margin-bottom: 0 !important; } div.iomadlink_container { padding-top: 36px; div.content_mt { margin-bottom: 15px; a { display: inline-flex; align-items: center; text-decoration: none; outline: none; } a:focus { box-shadow: none !important; } div.iomadlink { min-height: initial; width: initial; display: inline-block; div.iomadicon { display: flex; justify-content: center; align-items: center; } } div.actiondescription { padding-left: 15px; } } } } .mt-dashboard-header { .icon-margin-5 i.fa, .icon-margin-5 i.fa { margin-right: 7px; } .editcompanieslink, .editcompanieslink fa:before { color: $brand-primary; font-size: 14px; } #iomad_company_selector { margin-bottom: 20px; #showsuspendedcompanies { margin-right: 7px; } #menucompanyss { min-width: auto; } @media (min-width: 1280px) { #menucompanyss { min-width: 300px; } } @media (min-width: 1024px) and (max-width: 1279px) { #menucompanyss { width: 200px; } } .form-inline label { align-items: unset; justify-content: left; } } div.managecompany { padding-bottom: 15px; text-align: right; a { font-size: 14px; color: #5F728B; font-weight: 400; &.company-overview { margin-right: 15px; } } } } form { table.companyusertable, table.companycourseuserstable, table.companytemplatetable { display: block; width: 100%; min-height: .01%; overflow-x: auto; } } body#page-blocks-iomad_company_admin-company_users_form { div.userselector { input { margin-bottom: 10px; } } } body#page-blocks-iomad_company_admin-company_managers_form { div.iomadclear { margin-bottom: 15px; } } body#page-blocks-iomad_company_admin-company_course_users_form, body#page-blocks-iomad_company_admin-company_license_users_form { fieldset#id_header { div.fdate_time_selector { select { padding-right: 0px; } } } @media (max-width: 680px) { div.fdate_time_selector div.form-group { width: 31%; display: inline-block; } a.visibleifjs { vertical-align: middle; } } @media (max-width: 450px) { div.fdate_time_selector div.form-group { width: 55%; display: inline-block; } } div.iomadclear { form { fieldset#id_header { a.fheader { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } } } body#page-blocks-iomad_company_admin-company_competency_templates_form { form { fieldset#id_header { a.fheader { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } } body.format-topics, body.format-weeks, body.format-singleactivity { ul.topics, ul.weeks { li.activity { div.activityinstance { display: flex; align-items: center; i { font-size: 16px; } span.instancename { font-size: 13px; } } span.actions { span { display: inline-block; } img { width: 19px; height: 19px; } form { button { height: inherit !important; } } i.icon { width: 17px; height: 17px; } } } } .w-navigation { display: none; } div.check-switchrole { .siwitch_content { padding-left: 12px; .txt_switch { font-size: 15px !important; } } a.btn_settings { margin-top: 0 !important; } } } #page-admin-setting-frontpagesettings { #admin-frontpage, #admin-frontpageloggedin, #admin-maxcategorydepth, #admin-frontpagecourselimit, #admin-numsections { display: none; } } .plms-category-listing { .category-listing { background-color: $lighten !important; padding: 10px; } .category-bulk-actions.bulk-actions { #menuselectsortby { width: 100%; } .detail-pair>div { padding-left: 0; padding-right: 0; } .form-40 { width: 38%; float: left; margin-right: 10px; } select.moveselect { width: 78% !important; float: left; margin-right: 0px; } input[type="submit"], button[type="submit"] { min-width: 0% !important; float: right; width: 18%; } .plms-category-listing button { height: 36px !important; } } #category-listing-title { padding: 10px; } .ps-course-listing .icon:not(.fa-eye), .listitem.listitem-category .icon:not(.fa-eye) { color: $brand-primary; } ul { padding-bottom: 1rem; li.listitem { border-radius: 3px; box-shadow: 0 2px 5px 2px rgba(71, 126, 228, 0.16); background-color: #FFF; margin-bottom: 10px; padding: 11px 5px; .course-count { margin-right: 1rem; } } } li.listitem[data-selected="1"] { >div { a.categoryname, .course-count, .icon { color: #FFF !important; } } } li.listitem[data-selected="1"], .listitem[data-selected="1"]>div { background-color: $brand-primary !important; } h5 { color: $headingcolor; } li.listitem.listitem-category li.listitem:last-child { margin-top: 0px !important; } li.listitem.listitem-category li.listitem:first-child { margin-top: 10px !important; } } .plms-category-listing .category-listing-actions a { color: $brand-primary; } .ps-course-listing .course-listing-actions a { color: $brand-primary; } #course-category-listings #category-listing .category-listing>ul>.listitem { margin-left: 7px; } .plms-category-listing li.listitem .dropdown-toggle::after { color: transparent !important; } #course-category-listings .listitem>div>.float-right { text-align: right; width: 215px; } #course-category-listings #category-listing .course-count { float: left; } .ps-course-listing { li.listitem .icon:not(.fa-eye) { color: $brand-primary; } .course-bulk-actions { .detail-pair .detail-value { input[type="submit"] { float: right; } } } ul li { border-radius: 3px; box-shadow: 0 2px 5px 2px rgba(71, 126, 228, 0.16); background-color: #FFF; margin-bottom: 10px; padding: 11px 5px; } li.listitem[data-selected="1"] { a.coursename, .icon { color: #FFF !important; } } li.listitem[data-selected="1"], .listitem[data-selected="1"]>div { background-color: $brand-primary !important; } .coursesearchbox { width: 97%; .course-search { position: absolute; left: 50px; margin-top: -23px; } input#coursesearchbox { padding-left: 45px; width: 100%; border-radius: 20px; } } #course-listing-title { margin: 0px 10px 10px 10px; border-radius: 3px; background-color: $brand-primary; padding: 12px 10px; color: #fff; .category-span-icon { margin-right: 10px; } } h5 { color: $headingcolor; .category-count { font-size: 14px; font-weight: 300; } } select#menusortcoursesto { width: 85%; } #showselectedcourse { float: right; } } #course-category-listings { .detail-pair .pair-key { font-weight: 400; font-size: 12px; } } #course-listing-title:focus, #course-detail-title:focus { outline: none; } #course-detail { h5 { color: $headingcolor; } } .coursecat-management-header .back_page { margin-right: 10px; } .block_badges { .badges li { vertical-align: middle !important; width: auto; } } body.format-paradiso { div.activities_navigator { position: absolute; float: right; top: 47px !important; } .region_main_settings_menu_proxy { width: 0rem; height: 0rem; margin-left: 0rem; margin-bottom: 0rem; } @media screen and (max-width: 767px) { div.px-45 { margin-bottom: 20px; margin-left: 7%; } } .activity-progress { display: flex; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .activitiesstatus { width: 30%; } } body.editing:not(.pagelayout-course) { div.wrapper.w-two nav#sidebar { display: block; } } div.options-header { .dropdown-menu.menu_course_user.header_course { min-width: 342px !important; max-height: 345px; margin-left: -188px; } .header_course hr { margin-top: 0; clear: both; } :not(#block_lpd_content) .progress { width: 100%; height: 5px; border-radius: 9px; -webkit-box-shadow: none; box-shadow: none; } .coursename { font-size: 13px; font-weight: 500; color: #67747b; margin-top: 5px; } .progress .progressbar { -webkit-box-shadow: none; box-shadow: none; } .drop_elements { // margin-top: 14px; padding-top: 17px; height: 100px; display: flex; margin-left: 2px; } .header_course p { margin-bottom: 5px; margin-top: 5px; } .coursename_menu .coursename { margin-top: 0; } .progress { margin-bottom: 5px !important; padding: 0; } .dropdown-botton { width: 100%; text-align: center; } p.dropdown-botton { padding: 16px 0 16px 0 !important; background: #fbfcff; } .dropdown-item { padding: 14px 0 14px 0 !important; } hr { margin-top: 42rem; } .dp_seeall { padding-bottom: 0px; } .drop_elements:hover { background: $lighten; } img.thumbnail_course { width: 136px; height: 67px; } .activitiesstatus { padding: 0; } } //Custom user profile scss here .paradiso-user-profile { .user-info { .img-user { width: 70px; height: 70px; } .content-desc { a { font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: normal; } i, a { font-size: 13px !important; color: #fff; } .user-name { font-size: 23px !important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } .profile-user-link { display: block; div { width: 143px; display: inline-block; } } } } .user-panel .tab-content { display: inline-block; padding-bottom: 0px; padding-top: 20px; padding-left: 0px !important; #tab-3 { padding-bottom: 17px; } .tab-pane { .text { margin-top: 5px; a { font-size: 13px !important; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: normal; color: $brand-primary; } } .contentnode { display: inline-grid; padding-left: 0px; .title { font-size: 13px; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: normal; font-weight: 500; } .text { font-size: 13px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: normal; } .generaltable { margin-bottom: 0rem !important; .items-content { height: auto !important; scrollbar-width: thin; } .header { padding: 0rem 0rem !important; } } } .filtered-courses { padding-bottom: 0px !important; } .adminstration { a { font-size: 13px !important; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: normal; color: $brand-primary; } } .search-filter-wrap { #coursestatus { padding: 0px 10px !important; border: 2px solid $brand-primary; border-radius: 25px; color: $brand-primary; } } .search-filter-wrap { #coursestatus { padding: 0px 10px !important; } } a.contactdpo { color: $brand-primary; } } } } .paradiso-login-activity { border-top: 1px solid #ddd; padding: 20px 0px; margin-left: 10px; .login-access { display: flex; font-size: 13px !important; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.54; letter-spacing: normal; div { display: inline-table; i { color: $brand-primary; margin-right: 5px; } } div span { display: block; } span.access-text { font-size: 14px; font-weight: 600; color: #484b5a; } span:nth-child(2) { font-weight: 300; background: #f9f9f9; border: 2px solid #e9e9e9; border-radius: 3px; padding: 8px 12px; font-size: 11px; } } } section.region-sidepre { .block_course_records .fadeanim { display: block !important; } .card-text.content { .controlcarrousel { display: block !important; .backcontrol, .nextcontrol { display: none; } } } .card-text.content:hover { .controlcarrousel { display: block !important; .backcontrol, .nextcontrol { display: none; } } } } #page-mod-feedback-view .boxaligncenter .complete-feedback a { background-color: $brand-primary; border-color: $brand-primary; } @media (max-width: 1366px) { .h5p-iframe { .h5p-flashcards.h5p-standalone { .h5p-description { padding: 1px; font-size: 14px } } .h5p-flashcards { .h5p-progress { padding: 0px; margin: 2px; position: fixed; } .h5p-visual-progress { padding: 0px; margin: 1em auto 0.7em auto; } .h5p-navigation { height: 0px !important; padding: 0px !important; } .h5p-imagetext { padding: 0.4em; font-size: 18px } .h5p-foot { margin: 0 1em 0.5em 1em; padding: 0 1em 0.5em 1em; } } .h5p-inner { margin: 0px !important; } .h5p-initialized { .h5p-standalone { .h5p-description { padding: 2px; margin: 0; font-size: 14px; } .h5p-flashcards { padding: 0; .h5p-progress { margin: 2.5px; font-size: 14px; } .h5p-inner { margin: 0; } .h5p-imageholder { height: 15em; padding: 0; } .h5p-imagetext { padding: 0.5em; font-size: 14px; } .h5p-foot { margin: 0 1em 0 1em; padding: 0 1em 0.5em 1em; } } } .h5p-inner { height: 344px !important; } } } } body#page-user-profile { div#page-content { padding: 0 15px !important; } div.paradiso-user-profile { div.img-user { img { border-radius: 40px; vertical-align: bottom; margin-right: 17px; width: 70px; height: 70px; } .profilecontent { width: 70%; text-align: left; } div.edit-profile { position: absolute; right: 0; background: $brand-primary; color: #fff !important; border-radius: 4px; i.tooltipelement.string_class { padding: 8px 2px 8px 14px; } a.edit-profile { padding: 8px 14px 8px 2px; } } width:100%; } @media (max-width: 484px) { div.img-user { margin-bottom: 55px !important; } .profilecontent { width: 100% !important; } div.edit-profile { width: auto; position: relative !important; float: right; text-align: right; margin-bottom: 20px; right: 0; left: 21.5%; } .custom-select { width: 100% !important; margin-bottom: 10px; } } a:focus { box-shadow: none !important; outline: none !important; text-decoration: none !important; } } .avatar_initials { width: 70px; height: 70px; background-color: $lighten; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; margin-right: 10px; } .avatar_initials span { font-size: 18px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: normal; color: $brand-primary; } .role-text { font-size: 13px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: normal; } div.profilecontent { // display: flex; //align-items: center; display: grid !important; grid-template-columns: 84px 84%; align-items: center; } div.user-panel { margin-top: 1rem; div.tab-content { div.contentnode { padding-bottom: 17px; span:first-child { font-size: 14px; font-weight: 600; color: #484b5a; text-transform: capitalize; } span:nth-child(2) { margin: 10px 0; } span { a { font-weight: 300; border-radius: 3px; font-size: 11px; text-transform: capitalize; } } .course-myrecords-table { span:first-child { font-weight: 300; color: #465b65; } } } } @media (max-width: 543px) { ul.nav.nav-tabs { margin-bottom: 0px !important; } } } div.card-box.card-badges { box-shadow: 0 2px 9px 0 rgba(35, 77, 103, .34) !important; margin-bottom: 25px; margin-top: 25px; margin-left: 0px !important; padding-top: 25px; padding-bottom: 25px; display: inline-flex; } div.badgeimg { text-align: center; margin: 0 !important; padding: 0px !important; } div.badge-description { margin-top: 22px; text-align: center; font-size: 15px !important; color: #898989 !important; font-weight: normal; margin-bottom: 20px; } span.span-badge-description { font-size: 15px !important; color: #898989 !important; font-weight: normal !important; } div.custombadge { max-width: 100%; } div.container-badge { border: none !important; } div.badges_share_social { display: inline-block; margin-right: 0px !important; float: none !important; width: 100% !important; } .badge-social a { color: #c2c1bf; display: inline-block; margin-left: 3px; } .jssocials-shares a:hover, a:focus { text-decoration: none; color: #444; outline: 0 !important; } a.jssocials-share-link i:before { font-size: 30px; } i.jssocials-share-logo { width: 25px; } } #page-mod-game-view { #Form1 { #action-menu-2-menubar { .dropdown-toggle { i::before { display: none; } } } } #responseform { #action-menu-2-menubar { .dropdown-toggle { i::before { display: none; } } } } #linkmaincontent { div:nth-child(4) { .dropdown-toggle { i::before { display: block; } } } } } #page-mod-book-view #course_content #linkmaincontent .navimages .fa-angle-left.fa-fw { display: none; } #page-local-download_reports-view { ul.pagination { display: flex; justify-content: flex-end; } } body#page-local-learningpaths-index #largeModal .close { top: -20px !important; } //Written by dnyaneshwar #navbar-paradiso.pos-f-t { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; .navbar-nav { flex-direction: row !important; } } .bg-faded { background-color: #fff !important; } .add-btn { width: 70px !important; height: 36px !important; margin: .5px 11px .5px 0; padding: 3.5px 6.8px 3.5px 7px !important; border-radius: 2px !important; background-color: $brand-primary !important; } body.userloggedinas header.navbar-light div#navbar-nav span.avatar.realuser img { display: none; } header.navbar-light div#navbar-nav div.margin-top-new .form-control.searchsolr::placeholder { color: #A7A7A7; } header.navbar-light div#navbar-nav .btn_search_on .loader { top: 9px !important; } //akshay responsive css @media (min-width: 1200px) and (max-width: 1480px) { body:not(.format-paradiso) header.navbar-light { padding: 8px 20.5px 8px 0px; } } @media (min-width: 1500px) { header.navbar-light div#navbar-nav div.margin-top-new button.dropdown-toggle { margin-left: -9px !important; } } @media (min-width: 1200px) and (max-width: 1300px) { header.navbar-light div#navbar-nav .btn_search_on i.men-search-phx { // top: 5px !important; } header.navbar-light a.btn_settings { margin-top: 14px !important; } header.navbar-light .form-inline .form-control { // height: 32px !important; } header.navbar-light div#navbar-nav .user_points i { font-size: 24px !important; } header.navbar-light div#navbar-nav a.btn_settings i { font-size: 24px; } header.navbar-light div#navbar-nav .men-search-phx { // padding: 6px !important; } header.navbar-light .loader { left: 150px !important; } } @media (min-width: 1400px) and (max-width: 1480px) { header.navbar-light .loader { left: 148px !important; } div#nav-drawer #sidebar ul li { /* padding-bottom: 3px;*/ } } @media (min-width: 1200px) and (max-width: 1300px) { header.navbar-light a.btn_settings { margin-top: 14px !important; } header.navbar-light .form-inline .form-control { // height: 32px !important; } header.navbar-light div#navbar-nav .user_points i { font-size: 24px !important; } header.navbar-light div#navbar-nav a.btn_settings i { font-size: 24px; } header.navbar-light div#navbar-nav .men-search-phx { // padding: 6px !important; } header.navbar-light .loader { left: 150px !important; } } @media (min-width: 1400px) and (max-width: 1480px) { header.navbar-light .loader { left: 148px !important; } div#nav-drawer #sidebar ul li { /*padding-bottom: 3px;*/ } } @media (min-width: 900px) { header.navbar-light div#navbar-nav .mobile-search { display: none; } header.navbar-light div#navbar-nav .search-cancel { display: none; } } @media (min-width: 544px) { .navbar-full { border-radius: 0; } } .navbar-full { z-index: 1000; } .generaltable_paradiso .header { display: inline-flex !important; } button.btn-round { padding: 4px 18px !important; } /*For Mobile Device*/ @media (max-width: 768px) { #page-header-desc.row, #page-local-coursewizard-createcourse #page-content.row, #page-local-learningpaths-index #page-content.row, #page-local-people-index #page-content.row, #page-course-editcategory #page-content.row, #page-blocks-configurable_reports-editreport #page-content.row, #page-blocks-configurable_reports-viewreport #page-content.row { display: inline-block !important; width: 100%; } #page-user-profile { #page-content.row { display: inline-block !important; width: 100%; } .paradiso-user-profile { .user-panel { ul li { width: 100%; } } .paradiso-login-activity .login-access div { display: table-cell; } } .generaltable_paradiso .item { height: 140px !important; } } } @media (max-width: 991px) { body#page-course-view-paradiso { #navbar-paradiso { .opcion-right { .siwitch_content.hidden-md-down { display: block; .txt_switch { display: none; } } } } } .hidden-md-down { display: none; } body.format-paradiso.editing { div.siwitch_content { .txt_switch { display: none; } div.form-group { div.checbox-switch { padding-right: 0 !important; margin-right: 10px !important; } } } } } .modal-header, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .path-mod-assign [data-region="grade-panel"] .popout>.col-md-3 { display: block !important; } #course-category-listings { .listing-actions { padding: .4rem .3rem .3rem !important; display: inline-block; float: right; >.moodle-actionmenu { display: inline-block; } } .category-title { font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } .ps-course-listing h5 { .category-count { font-size: 14px !important; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; } } .listing-actions.course-listing-actions { float: right; .courses-per-page a { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.38; letter-spacing: normal; color: #607d8b; padding-left: 15px } .courses-per-page a:after { color: #607d8b; } } .plms-category-listing { #category-listing-title { font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; padding: 7px 10px 0px 7px; display: inline-block; } select#menusortcoursesto { margin-right: 10px !important; } } .pair-key { span { font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #607d8b; padding-bottom: 10px } } .listitem>div>.float-right { width: auto !important; } } #category-listing { .category-bulk-actions { display: inline-block; } .course-count { color: #a1a1a8; margin-right: 0rem !important; min-width: 0em !important; display: inline-block; } } .fdate_time_selector { .visibleifjs { vertical-align: top !important; margin-top: -15px; } .icon { margin: 0; } } #page-mod-assign-grader { [data-action="previous-user"] { color: $primary !important; } [data-action="next-user"] { color: $primary !important; } [data-region="grading-navigation-panel"] { padding-top: 5px !important; margin-top: 0px !important; } [data-region="assignment-info"] { a:nth-child(6) { color: $primary; font-weight: 700; position: relative; top: 8px; } } } .edit-reports-form { .content-button { justify-content: center; } .centerpara { padding-right: 10px; } } #course-listing { .bulk-actions { padding: 0px 0px 0px 16px; } } .hidden-text { display: none !important; } .modal .modal-header .close { padding: 15px; position: relative; top: -15px; float: right; opacity: 1.2; } .modal .modal-header .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; } .action-menu { i.icon { margin-right: .1rem !important; } .dropdown-item { padding: .20rem 1.1rem !important; } } div.lpd-lp-content .lp-course-row .lp-icons { float: left; } body#page-course-view-topics { form.mform+div.generalbox { padding: 0 94px; div.download-dedication { padding-bottom: 30px; } } form { div.felement[data-fieldtype="submit"] { width: 100% !important; text-align: center; } } .action-menu { .dropdown-item i.icon { margin-right: 0.5rem !important; } } nav ul.pagination { float: right; margin-top: 10px; } .region_main_settings_menu_proxy { height: 0rem !important; margin-bottom: 0rem !important; } } table.table-dedication { width: 100%; max-width: 100%; thead { tr { position: relative; width: 100%; border-bottom: 2px solid #f3f1f1; th { font-size: 13px; font-weight: 300; padding: .75rem; color: $brand-primary; } } } tbody { tr { border-top: 1px solid #f3f1f1; } } } .header_course { a.coursename { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; /* fallback */ max-height: 32px; /* fallback */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; position: absolute; width: 93%; } .coursename_menu { position: relative; width: 100%; } } #page-admin-user-profile-index { div.tabs-properties { color: $brand-primary; } } #page-admin-setting-navigation { #adminsettings { #admin-defaulthomepage { option:nth-child(3) { display: none; } } } #admin-navshowfullcoursenames, #admin-navshowcategories, #admin-navshowmycoursecategories, #admin-navshowallcourses, #admin-navsortmycoursessort, #admin-navcourselimit, #admin-usesitenameforsitepages, #admin-linkadmincategories, #admin-linkcoursesections, #admin-navshowfrontpagemods, #admin-navadduserpostslinks { display: none; } } .block_calendar_upcoming { .dropdown-menu.dropdown-menu-right.menu.align-tr-br { position: absolute !important; float: right; width: 223px; } .dropdown-menu.dropdown-menu-right a.dropdown-item.menu-action { padding: 3px 5px 0 5px !important; } .dropdown-menu.dropdown-menu-right { left: 0px !important; min-width: 160px; width: 245px !important; } } body.pagelayout-incourse { div#learningcontent { margin-top: 0px !important; } } div.forumsearch { form { div.input-group-prepend { align-items: center; } } } body#page-course-view-topics { div.completionprogress { div.buttonhelp { margin-left: 8px; } } } .dropdown-item:focus, .btn:focus, img:focus { outline: none !important; } div.siwitch_content .checkbox.checbox-switch label>input:checked+span:before, div.siwitch_content .checkbox-inline.checbox-switch>input:checked+span:before { //top: 0px; } .course-content ul.weeks li.section { padding-bottom: 0px !important; } .course-content ul.topics li.section { padding-bottom: 1rem !important; } .modal .modal-header { padding: 0rem !important; .filters-close { padding: 24px !important; top: 0px !important; } .filters-title { padding: 1rem !important; } } #page-local-coursewizard-createcourse .btn-round { padding: 5px 43px; } @media(min-width: 1800px) { #page-local-coursewizard-createcourse .content-img .felement .prev-step { position: absolute; margin-left: 364px; margin-top: 31px; } #page-local-coursewizard-createcourse .content-img .felement div.form-group.fitem { position: absolute; margin-left: 498px; margin-top: 20px; margin-bottom: 0px; } } @media (min-width: 992px) and (max-width: 1524px) { #page-local-coursewizard-createcourse .content-img .felement .prev-step { position: absolute; margin-left: 241px; margin-top: 10px; } #page-local-coursewizard-createcourse .content-img .felement div.form-group.fitem { margin-left: 380px; margin-bottom: 0px; } } div[data-groupname="timelimit"] .form-check { margin-top: 6px; } div[data-groupname="date_time_selector"] .form-check { margin-top: -0.5rem; } div.breadcrumb-button.settings-menu { div.singlebutton { button[type="submit"] { background: none !important; padding-left: 0px !important; color: #768c94 !important; padding-bottom: 0px !important; padding-top: 0px !important; border: none !important; } } } div.modal { div.modal-header { button.close { top: -29px; right: 12px; } } h5.modal-title { padding: 15px; } div.modal-body { fieldset { div.autocomplete_selection { width: 80%; } } } } .dep_tree { padding: 20px; background-color: #ffeccf !important; border: 1px solid #ffe4bc !important; border-radius: 5px; } #page-blocks-iomad_company_admin-company_course_users_form { .iomadclear { .form-group.row.fitem { margin-left: 0rem; margin-top: 11px; } form table.companycourseuserstable { display: table !important; } select { width: 100% !important; } .generaltable tbody tr:hover, .generaltable tbody tr { background-color: #fff !important; } td.buttonscell { .form-inline { display: flex !important; } } #addcontrols { margin-top: 140px !important; } .form-inline { label[for="currentlyenrolledusers_searchtext"], label[for="potentialcourseusers_searchtext"] { display: contents !important; } #currentlyenrolledusers_searchtext, #potentialcourseusers_searchtext { width: 30% !important; margin: .3rem; } #userselector_options { .form-check { justify-content: flex-start !important; } } } } } #edit_template_course_notifications { input[type=submit].btn-primary { padding: 6px 18px !important; } button.btn-round { padding: 6px 18px !important; } .form-group.row { margin-top: 15px; } } #enroll_by_profile_modal { .modal-header { padding: 15px !important; .close { top: -5px; } } .modal-footer { text-align: center !important; button { margin-bottom: 20px; margin-top: 20px; } } } div#id_elements_content { padding-left: 45px; } .form-autocomplete-downarrow { top: 0.6em !important; } #page-admin-tag-manage { .btn-secondary, .btn-default, form#assignform input[name=cancel] { margin: 4px; } } #page-blocks-iomad_company_admin-company_edit_form { #id_appearance { display: none; } } #id_timing { .fdate_time_selector { .form-check-input { margin-top: .2rem; margin-left: -1rem; } label { margin-bottom: .8rem; } #id_timeclose_calendar { .icon { margin-right: 0; } } a#id_timeclose_calendar { margin-right: 10px; } a#id_timeopen_calendar { margin-right: 10px; } } .felement { .form-check-input { margin-top: .2rem; margin-left: -1.25rem; } } div[data-fieldtype=duration] { label { margin-top: 7px !important; } } } .pagelayout-course { div#learningcontent { margin-top: 0; } } #page-course-index .search-filters .filter-search .filter-button { float: left; position: relative; padding-top: 10px; } #page-course-index .search-filters .coursesearchbox { float: left; } #page-course-index .create-buttons span { float: right; } #page-course-index .create-buttons .course { float: right; margin-right: 35px } body.format-paradiso div.dropdown div.dropdown-menu-right div.dropdown-item:hover, body.format-paradiso div.dropdown div.dropdown-menu-right div.dropdown-item:focus { background-color: $lighten !important; } /** * Disable Admin Notification link for all user * * Fixed this to avoid section error for the client admin role to update the * PLMS after * * @author Sandeep B * @since 28-03-2019 * @Paradiso */ #linkroot { ul.admin-settings { li { a[href$="/admin/index.php"] { display: none; } } } } .block_slideshow { .slide>div { padding: 0px 0px !important; } } .alert { button.close { height: 0px !important; padding: 0px !important; } } #page-login-signup { .registrer_rw { width: 460px; margin: 10px 0; } #page { .container-fluid { padding: 0; } } .text-xs-center { text-align: center !important; } div[data-groupname="buttonar"] { div[data-fieldtype="group"] { display: inline; } } input.form-control { width: 410px !important; border-radius: 7px !important; margin-left: -20px; } select.form-control { width: 410px !important; border-radius: 7px !important; margin-left: -20px; } #id_username, #id_password { // width: 200px !important; margin-left: -20px; } .card { border-radius: 15px; } } body#page-login-signup:not(.pagelayout-base) { div.content-account { max-width: 557px; width: 100%; flex: auto; margin-top: 20px; height: 600px !important; border-radius: 15px !important; } div.options { padding-top: 0px; } } @media (max-width: 992px) { .hidden-md { display: none !important; } } @media (max-width: 576px) { .hidden-xs { display: none !important; } } @media (max-width: 1200px) { .hidden-lg { display: none !important; } } body#page-theme-paradiso-pages-course_management-management { .coursecat-management-header { #category-listing-title { padding-left: 40px } } } #course-category-listings .detail-pair .pair-key span { display: initial; } #page-theme-paradiso-pages-course_management-management #coursesearch { margin-top: 0; fieldset.coursesearchbox { margin-top: 0 !important; } } #page-local-iomad-dashboard-index { .mt_boxing_btn { border: 1px dashed $brand-primary; } .mt_btn_color.mt_btn_add .fa:before { color: $brand-primary; } } /*File Picker CSS*/ .filemanager, .filepicker { .fp-viewbar.disabled a { background-color: #dee3e8 !important; } .fp-viewbar:not(.disabled) a.checked:not(:disabled):not(.disabled) { background-color: $brand-primary; border-color: $brand-primary; } .fp-viewbar:not(.disabled) a.checked:not(:disabled):not(.disabled) i { color: #fff !important; } button.fp-upload-btn { padding: 4px 18px !important; } } /*Message Page Css*/ .messaging-area-container { .messaging-area { .messages-area { .messages-header { .name-container { padding-top: 0px !important; } } } } } /*Left Navigation css after company selected*/ .w-two { .tenant-indication { .menu-title { strong { display: block; } } } } /*Disable tenant breadcrumb*/ body.path-blocks-iomad_company_admin { #page-header { .headerfade { display: none; } } } #page-login-signup { #id_supplyinfo { legend:nth-child(1) { display: none; } } } #page-login-signup #id_supplyinfo legend:nth-child(1) { display: none; } body#page-login-signup .card.card-block { background: #fff !important; height: auto; min-height: auto; margin: initial; max-width: 50%; min-width: 50%; } body#page-login-signup .card.card-block #notice p { line-height: 1.5 !important; margin-bottom: 10px !important; } #page-theme-paradiso-pages-course_management-management { #course-category-listings { #category-listing { #action-menu-2-menu i { color: $primary !important; } } } #coursesearch2 { display: none !important; } } #page-local-learningpaths-index { .moodle-dialogue-wrap { .moodle-dialogue-bd { .fp-dlg-butrename { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; width: 160px; } } } } a.add { i { color: $primary; } } table.table-dedication { tbody { tr { td { padding: .75rem; a { img { margin-right: 0px !important; } } } } } } .form-radio-inactive:before { background-color: transparent !important; } body#page-local-reports-report_schedule-index { .contentlabel.reportschedule { text-align: center; } } .navbar>.container, .navbar>.container-fluid { align-items: initial !important; } /*Main menu active on submenu active*/ .main-tab-active { background-color: $primary !important; .menu-title, span.media-left i, .dropdown.nav-item .accordion-toggle:after { color: #fff !important; } } #scormviewform input[type="radio"] { margin-left: 10px; margin-right: 4px !important; vertical-align: middle; } .options-header .menu_course_user { padding: 0rem 0rem !important; } body:not(#page-course-view-topics), body:not(#page-course-view-buttons) { .w-two { #sidebar { ul li { border: none !important; } } } } div#theme_paradiso_marketing, div#admin-loginimage, div#admin-favicon, div#admin-slide1image, div#admin-slide2image, div#admin-slide3image, div#admin-logo, div#admin-logocompact { div.dndupload-message { display: none !important; } } .search-filter-wrap { .search-box-wrap { .men-search-phx { position: absolute; z-index: 4; top: 0; left: 35px; font-size: 16px; margin: auto; bottom: 0; height: 13px; width: 13px; } .search-course-box { border-radius: 20.5px; padding-left: 48px; border: 2px solid $brand-primary; } } } #course_content .rating_wrap { text-align: center; .rating_link { padding-bottom: 2em; div.column a { font-weight: 700; color: $brand-primary; } } } /** *@author Akshay Pingale *@since 10/05/2020 *@Ticket 850 *@Paradiso */ div[data-groupname="buttonar"] { div[data-fieldtype="group"] { display: flex !important; } } aside.block_news_items { .dropdown-menu.dropdown-menu-right { transform: translate3d(-243px, 17px, 0px) !important; } .newsitem { .date { color: $primary !important; } } } body#page-blocks-configurable_reports-viewreport div[data-groupname="startdate"] #dp-component { margin-top: -14px; } body#page-blocks-configurable_reports-viewreport #dp-component .form-control.hasDatepicker { width: 77% !important; } body#page-course-edit div#coursenavigation { top: 50px !important; } .total-point { color: $primary; font-size: 14px !important; font-weight: 700; } fieldset#id_moodle_interests { div.autocomplete_selection { position: relative; span.form-autocomplete-downarrow { right: 8px !important; position: absolute; left: inherit; } } } #page-course-index .enrolltxt { font-size: 20px; } #page-course-index .enrolmsg { padding: 8px 40px 9px 40px; margin-right: 10px; display: inline !important; } #page-course-index .hidemsg { display: none !important; } //chatboat setting #paradiso-chatbot { background-color: #fff; position: fixed; bottom: 0px; z-index: 99999999999; right: -329px; width: 328px; top: 19rem; border: 1px solid #ddd; border-top-left-radius: 5px; border-top-right-radius: 5px; .chatbot-heading { background-color: $brand-primary; color: #fff; cursor: pointer; margin-left: -44px; padding: 10px; position: absolute; width: 44px; >* { display: inline-block; } h5 { color: #fff !important; margin: 0; } } iframe#chatbot-cust { width: 100% !important; border: none !important; } .chatbot-content { height: 340px !important; } } .open.atto_backcolor_button.atto_menu .atto_menuentry, .open.atto_fontcolor_button.atto_menu .atto_menuentry { display: flex; } .tab-noresult-row { display: block; text-align: center; } body.path-admin .headingcontainer+form#mform1 { padding: 0; top: -50px; position: relative; float: none; } @media (max-width: 612px) { body#page-admin-search { .headingcontainer+form#mform1 { position: static; } form div[data-groupname*="qf_group_"] div.form-group.fitem { width: 100%; } .mform>.form-group { margin-left: auto; } } } @media only screen and (min-width: 612px) and (max-width: 768px) { body#page-admin-search .headingcontainer+form#mform1 { top: -80px; } } @media (max-width: 449px) { body#page-admin-tool-dataprivacy-datarequests .autocomplete_selection { width: 100%; } } @media only screen and (min-width: 450px) and (max-width: 768px) { body#page-admin-tool-dataprivacy-datarequests { #region-main .pull-right { margin: 20px 0px 0 0 !important; } .autocomplete_selection { width: 50%; } } } @media (min-width: 769px) and (max-width: 900px) { body#page-admin-tool-dataprivacy-datarequests .autocomplete_selection { width: 50%; } } @media (min-width: 1400px) { body#page-admin-tool-dataprivacy-datarequests .autocomplete_selection { width: 20%; .form-autocomplete-downarrow { top: 0; } } body.path-local-costnbudget { .bu_budget_form { select.form-control, input.form-control { width: 50% !important; } } } } #page-admin-tool-dataprivacy-createdatarequest { .autocomplete_selection { input { width: 264px !important; } } .form-autocomplete-suggestions { width: 264px; } } body#page-admin-tool-dataprivacy-datarequests { div.autocomplete_selection { input.form-control { width: 207px !important; } } .autocomplete_selection { width: auto; } } body#page-admin-tool-dataprivacy-datarequests { div.autocomplete_selection { input.form-control { width: 207px !important; } } .autocomplete_selection { width: auto; } } #page-admin-tool-dataprivacy-datarequests { .modal-dialog { .text_to_html { overflow: hidden; text-overflow: ellipsis; } } .d-inline-block { #bulk-action { option:nth-child(1) { display: none; } } } div.modal-footer button[type=button].btn-primary { width: auto; } div.moodle-has-zindex div.modal-footer { padding: 8px 37px !important; margin: 0 auto; background-color: #ffffff !important; border-top: none !important; } div.moodle-has-zindex div.modal-body { padding-left: 15px !important; } } @media (max-width: 1399px) { body.path-local-costnbudget { .bu_budget_form { select.form-control, input.form-control { width: 100% !important; } } } } #page-admin-tool-lp-editplan { .headingcontainer { +form#mform1 { padding: 25px 94px; top: inherit; } +form legend { background-color: $brand-primary; -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .11); box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .11); border-radius: 3px; margin-left: 0; font-size: 18px; background-position: right; display: block; padding-top: 12px; padding-bottom: 12px; padding-left: 34px; padding-right: 34px; font-weight: 500; text-decoration: none; height: 49px; } +form .fcontainer.clearfix { margin-left: auto; margin-right: auto; padding-left: 90px; padding-right: 15px; padding-top: 36px; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; -webkit-background-clip: border-box; background-clip: border-box; border: 1px solid rgba(238, 238, 238, 1); border-radius: 3px; } } } #page-admin-setting-themesettingparadiso { #adminsettings { ul.nav-tabs .nav-link { padding: 0 1rem !important; } } } .pagelayout-studentportal { #page-header { width: 100%; } } div#admin-favicon, div#admin-slide1image, div#admin-slide2image, div#admin-slide3image, div#admin-logo, div#admin-logocompact { div.dndupload-message { display: none !important; } } .custom-form-buttons { margin-right: 10px !important; } div.cont-mycourse { div.dropdown { height: 100%; display: flex; align-items: center; } } body#page-mod-quiz-review { div.submitbtns { a.mod_quiz-next-nav { background-color: $brand-primary; border: solid 1px $brand-primary !important; color: choose-contrast-color(darken($brand-primary, 25%)); } a.mod_quiz-next-nav:hover { box-shadow: $buttonshadowhover; border-color: $brand-primary; } } } #page-admin-tool-lpmigrate-frameworks, #page-admin-tool-redocerts-index { .autocomplete_selection { input { width: auto !important; } } } #page-admin-report-customsqlparadiso-index { #learningcontent { #region-main { .singlebutton { padding-top: 10px; } } } } #page-admin-report-customsqlparadiso-manage { #region-main { .report_categories { padding: 5px 0px 5px; } .singlebutton { padding-top: 10px; } } } div#notice { div#modal-header { padding-bottom: 1rem !important; padding-right: 1rem !important; padding-left: 1rem !important; } div#modal-body p { margin-bottom: 0px; } div#modal-footer { padding-top: 2rem !important; } } div.moodle-dialogue-confirm { div.confirmation-buttons { text-align: center; input.btn-primary { margin-right: 5px; } } } #page-admin-tool-lp-editcompetencyframework { .headingcontainer+form#mform1 { top: 0px; } } #page-admin-report-eventlist-index { .fcontainer { .felement { display: flex; .fitem { margin-right: 10px; } } } } #page-backup-restore { .backup-sub-section { .activitytable.generaltable td { width: 300px; } } } #page-backup-restore.path-backup { .proceedbutton { margin-left: 0px; } } div.headingcontainer { div.action-menu-trigger { div.dropdown-menu-right { transform: inherit !important; top: 16px !important; left: inherit !important; right: 0px !important; } } } #page-admin-tool-uploadcourse-index { .legend_img { display: none; } } // Hide Moodle update button on the admin index page body#page-admin-index { .checkforupdates, .moodleupdateinfo .box a { display: none; } } //Home page learning path .lpd-lp-detail-body { .lp-course-row { div.lp-icons { i { left: 19px; top: 8px; } } } } #page-admin-tool-lp-edittemplate.path-admin, #page-admin-tool-lp-editcompetency { .headingcontainer+form#mform1 { top: 0px; } legend { background-color: $brand-primary; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .11); border-radius: 3px; font-size: 18px; background-position: right; display: block; padding-top: 12px; padding-bottom: 12px; padding-left: 34px; padding-right: 34px; font-weight: 500; text-decoration: none; height: 49px; } .fcontainer.clearfix { margin-left: auto; margin-right: auto; padding-left: 90px; padding-right: 15px; padding-top: 36px; -webkit-box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .11); box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .11); background-color: #fbfcff; } } //Multitenant ui issues - Bags body#page-blocks-iomad_company_admin-company_managers_form { .fitem { .singleselect { label { width: auto !important; padding-left: 0 !important; } select { margin-left: 0px !important; } } } } #page-local-email-template_list { .form-inline { label { display: initial; } } #region-main-box{ .generaltable{ margin-top: 5px !important; } nav{ margin-top: 2px; } } } body#page-blocks-iomad_company_admin-company_course_users_form { .form-group { .form-autocomplete-downarrow { top: -30px !important; } .form-autocomplete-suggestions { margin-top: -1.5em; } } } //Bags #edit_template_course_notifications { .fcontainer { .checkbox { display: inline-flex; text-align: center !important; margin-left: 34.2%; } } .checkbox input[type="checkbox"] { margin-top: 3px; } } #content_customnav { #nav-drawer { #sidebar { ul.list-unstyled { margin-bottom: 1px; } } } } #page-site-index, #page-my-index { #managerreportdisp { .table_team { th.header { padding-top: 5px !important; padding-bottom: 5px !important; line-height: 1.2; } } } .block_paradiso_team { div#managerreportdisp { margin-top: 15px; display: inline-block; } .card-block .card-title { position: absolute; } .content-search { border: 2px solid $primary !important; i { background-color: $primary !important; } } .team-icon.right i { color: $primary !important; } } .block_team { div#managerreportdisp { margin-top: 32px; display: inline-block; } .card-block .card-title { position: absolute; } .content-search { border: 2px solid $primary !important; i { background-color: $primary !important; } } .team-icon.right i { color: $primary !important; } } } #coursenavigation { .course-content { ul.topics { li.section { padding-bottom: 0px !important; } } } } #page-course-view-paradiso.ie { .navbar-collapse { flex-basis: auto !important; } } body.format-paradiso.ie div#coursenavigation .section li.activity, body.format-paradiso.ie .section_overview li.activity { padding-top: 15px; } #coursenavigation .topics .section_action_menu .dropdown-toggle::after { display: none !important; } @media screen and (max-width: 1440px) { body#page-blocks-iomad_company_admin-company_departments #region-main .form-group.fitem.femptylabel[data-groupname="buttonarray"] .contentlabel { display: none !important; } } @media screen and (max-width: 1400px) { body#page-blocks-iomad_company_admin-company_course_users_form { .form-group { .form-autocomplete-downarrow { top: -0px !important; } .form-autocomplete-suggestions { margin-top: 0; } } } body#page-blocks-iomad_company_admin-company_departments #region-main .form-group.fitem.femptylabel[data-groupname="buttonarray"] .contentlabel { display: none !important; } } #page-course-editsection { div.moodle-dialogue-base.availability-dialogue { div.moodle-dialogue-content { ul.list-unstyled.container-fluid { max-height: 67vh; overflow: auto; } } } #region-main { background: none !important; } } div.autocomplete_selection { position: relative !important; input.form-control { width: 100% !important; border-radius: 3px; border: solid 1px $brand-primary !important; } span.form-autocomplete-downarrow { top: 8px !important; margin-top: 0px !important; right: 6px !important; position: absolute !important; left: inherit; } } .pagelayout-standard { input[id*="form_autocomplete"] { width: 100% !important; } a#add-block { display: none; } } .pagelayout-base, #page-notes-index { a#add-block { display: none; } } #page-blog-edit #id_general { .dndupload-message { display: none; } } #page-blog-edit #id_general { .dndupload-message { display: none; } } div.menu_course_user { .progress { position: static !important; } } div#categoryCourses { button.btn-lw-courses { min-width: initial; } div.listview { div.card-body { padding-top: 10px; span.numportcentage { top: 10px; } } div.setting_layer { display: block !important; } div.image_layer { div.delete_course { a { i { color: #94b7c3 !important; } } } } } div.listview:hover { div.image_layer { div.delete_course { a { i { color: $primary !important; } } } } } .content-card { padding-left: 0px !important; } } #page-course-editsection { ul.list-unstyled { li.clearfix.row { div { label { pointer-events: none; } } } } } #page-course-view-topics, body.format-weeks { .block_search_forums { #searchform_search { width: auto; } .input-group-append { padding-top: 10px; width: 100%; text-align: center; #searchform_button { margin-left: auto; margin-right: auto; } } } } #page-backup-restorefile { input#id_submitbutton { display: none; } } .scroll-width { scrollbar-width: none; } #page-blocks-iomad_company_admin-editcompanies { div.felement[data-fieldtype="submit"] { padding: 10px 10px 10px 54px; } } #page-login-forgot_password { header.navbar-light { div#navbar-nav { div.check-switchrole { display: none; } } } } select[multiple="multiple"]::-webkit-scrollbar { width: 4px; height: 4px; } #studentdashslider { .studentdashboard { .coursesummary { .card-block { padding: 0rem !important; } } .col-md-2 { padding: 0 1rem !important; text-align: left !important; } .studentgradebook p, .studentcompletion p { font-weight: 500; background: none !important; color: #607d8b; padding: 0px !important; } } } select[multiple="multiple"]::-webkit-scrollbar { width: 4px; height: 4px; } div.contentblock { div.blocks_pd { margin-bottom: 15px; padding-left: 8px !important; padding-right: 8px !important; a { border: 1px solid #D3D3D3; border-radius: 3px; padding: 12px 15px; display: block; width: 100% !important; color: #8C8C8C; font-size: 14px; line-height: 24px; } a:hover { border: 1px solid $primary; } span.block_select { display: none; i.wid-icon-checked { color: #FFF; font-size: 5px; } } } div.selected { a { border: 1px solid $primary; } span.block_select { display: flex !important; position: absolute; top: -5px; right: -0px; align-items: center; justify-content: center; background-color: $primary; border-radius: 50%; height: 12px; width: 12px; } } } div.moodle-has-zindex { div.modal-header { border-width: 2px; border-radius: 0; h5.modal-title { // text-align: left; text-transform: initial !important; // font-weight: 600; // font-size: 18px; // padding-right: 40px; } button.close { padding: 0px !important; top: 32px; right: 36px; position: absolute; i.wid-icon-close-x { opacity: 1 !important; } } } div.modal-body { padding-right: 12px; padding-left: 0px; padding-top: 12px; div.contentblock { max-height: 388px; overflow-y: auto; padding: 0 8px 15px 15px; &::-webkit-scrollbar-thumb { background: $primary; } } div.selected { margin-bottom: 8px; padding-left: 8px; } } div.modal-footer { border: 0; display: flex; justify-content: center; margin-bottom: 10px; padding-top: 0; button[data-action="cancel"] { border: solid 1px $lighten; background: $lighten; color: $primary; height: 40px; border-radius: 3px !important; margin: 0; } button[data-action="cancel"]:hover { color: $primary !important; } } div.modal-content { border-radius: 0px !important; } .btn.btn-round { width: 130px; height: 40px; } a.btn.btn-round.btn-secondary.done.active, a.btn.btn-round.btn-secondary.done:hover { background: $primary; border: $primary; border-radius: 3px !important; line-height: 1.8; margin-left: 18px; } a.btn.btn-round.btn-secondary.done.disabled { background: #fff; color: #6c757d; font-style: normal; border-radius: 3px !important; line-height: 1.8; border: solid 1px $primary; margin-left: 18px; } } .contentblock.row { .selected.col-sm-12 { span { display: none; } } } @media (min-width: 992px) { .modal-dialog { max-width: 772px !important; } } div.modal.show.moodle-has-zindex { display: flex; align-items: center; } select[multiple="multiple"]::-webkit-scrollbar { width: 4px; height: 4px; } body#page-blocks-configurable_reports-editplugin { #accordion { h4.panel-title { a.plms-reports-dropdown.active { background-color: $primary !important; color: #ffffff !important; } } } } #course_content { .course-rating-container { justify-content: center; ul { margin: -9px 0rem; padding: 0; li { i { margin: 6px; font-size: 18px !important; } } } } } .course-rating-container { display: flex; ul { margin: 0; padding: 0; li { cursor: pointer; list-style-type: none; display: inline-block; color: #F0F0F0; text-shadow: 0 0 1px #000; i { margin: 2px; font-size: 13px !important; } } } .highlight, .selected { color: #F4B30A !important; text-shadow: 0 0 1px #F48F0A !important; } div.justify-row { align-items: center; height: 40px; } } /* Master empty course catelog Filter & button UI issue */ #page-course-index-category { .search-filters { .coursesearchbox { float: left; } .filter-search { .filter-button { float: left; position: relative; padding-top: 10px; } } .create-buttons { .course { float: right; margin-right: 35px; } span { float: right; } } } .select2-selection { border-radius: 20.5px !important; border: solid 2px $brand-primary !important; } } body[class*='company'] { div#content_customnav { div#nav-drawer.active { div[data-region="drawer-toggle"] { width: 100%; display: none; } div.logo_responsive { height: 63px; display: flex !important; a { padding-right: 10px; padding-left: 10px; } } } } } span[id*='tour-step-tool_usertours'] { div.modal-header { button.close { position: absolute; top: 6px; right: 6px; padding: 0px !important; margin: 0px !important; height: inherit; line-height: 9px; } } } .path-admin-tool-capability { .comparisontable { .allow { background-color: #060 !important; } } } div.modal { div.modal-header { i.wid-icon-close-x { color: #000000; opacity: 0.54; font-size: 14px; } } div.moreless-actions { div.felement { width: 86%; a { float: right; color: $primary; font-size: 14px; font-weight: 500; padding-right: 5px; } } } } #page-course-view-paradiso.modal-open { .modal-dialog { .btn.btn-round[data-action='save'] { width: auto; } legend.ftoggler { color: #465b65; font-size: 18px; margin-left: 1rem; margin-bottom: 10px; font-weight: 500; } .form-autocomplete-selection { margin: 0rem !important; min-height: 1.770833rem !important; } .advanced.show .contentlabel label { width: 110px; } } } div#login_center { align-items: center; justify-content: center; div.loginfooter { max-width: 100%; } } body#page-badges-overview, body#page-badges-badge { #badge-details .headingcontainer h3, #badge-overview .headingcontainer h3 { margin-left: 0; } #badge-image { text-align: center; } } #badge-overview h3.main { margin-left: 0; } #page-admin-cohort-index { #searchcohortquery div.m-b-1 label.m-r-1 { display: none; } #cohorts .leftalign { width: 200px; } } #page-local-iomad-dashboard-index #searchcohortquery div.m-b-1 label.m-r-1 { display: none; } body#page-course-loginas #notice { text-align: center; } body#page-enrol-instances .urlselect { .form-inline { label { display: initial; } } } body#page-enrol-otherusers { .popover { padding: 10px; } .header.popover-title { .close { font-size: 19.5px !important; } } } /*local/paradiso_report*/ body#page-local-reports-index { a.btn.btn-primary.new-button { color: #fff; border-color: $brand-primary; background-color: $brand-primary !important; border-radius: 4px !important; margin-bottom: 10px; } a.btn.btn-primary.new-button:hover { background-color: $brand-primary; border-color: $brand-primary; } .reports-panel h6.panel-title a.plms-reports-dropdown:hover, .reports-panel h6.panel-title a.plms-reports-dropdown.active { background-color: $brand-primary !important; color: choose-contrast-color(darken($brand-primary, 25%)) !important; i.reports-dropdown { color: choose-contrast-color(darken($brand-primary, 25%)) !important; } } div.panel-collapse div.row.item-menu { span.item:hover { background-color: $lighten; a.reportname { color: $brand-primary; } } } } body#page-local-reports-report_schedule-index { ul.nav-pills { li.nav-item { a.active { background-color: $brand-primary; } } } } body#page-mod-book-view { .block.card:not(#mod_book_block_navigation) { display: none; } div [role="main"] { width: 80%; float: left; } aside#block-region-side-pre { width: 20%; float: right; } #mod_book_block_navigation>div { padding-right: 0; margin-right: 0; } aside#mod_book_block_navigation { border: 1px solid #ddd !important; margin-left: 30px; margin-top: 30px; } #mod_book_block_navigation ul li.clearfix { margin-bottom: 20px; } #mod_book_block_navigation .card-block { padding: 20px !important; } @media (max-width: 520px) { div [role="main"], aside#block-region-side-pre { width: 100%; float: left; } } } /*local/paradisolms*/ body { &.drawer-open-left { .freemium-alert { // subsctract left navigation width width: calc(100% - 227px); } } @media(max-width: 767px) { &.drawer-open-left { .freemium-alert { // subsctract left navigation width width: calc(100%); } } } &:not(.drawer-open-left) { .freemium-alert { // subsctract left navigation width width: calc(100% - 80px); } } #buynow-modal { #users { width: 100% !important; } div#status { span { margin-left: 10px; } } } .freemium-alert { bottom: 0; max-width: 100%; position: fixed; z-index: 9; .alert-purple { // background-image: linear-gradient(to right,#00b7f4, #00f796); background-image: linear-gradient(to right, #279bff, #5deaff); border-radius: 0; margin: 0; height: 55px; span, p { color: #fff; margin: 0; font-size: 15px; } a:before { margin-right: 7px; } a.btn-labeled.mar-lft { background-color: #F5FAFF !important; border: 0; color: #40baf2; font-size: 15px; font-weight: 600; } } } } .tab-columns li.highlight { background-color: $brand-primary !important; } body#page-blocks-configurable_reports-viewreport { div.panel-settings div.btn-group button.dropdown-toggle { color: $brand-primary; } div.panel-settings div.btn-group ul#tabs-navbar { li a:hover { background-color: $lighten; color: $brand-primary; } } .add-columns { color: $brand-primary !important; } form#sendemail table.report-table thead th { color: $brand-primary; } ul#showhidecolumns li label.form-checkbox:hover { color: $brand-primary; } ul.dropdown-menu.dark-menu li:hover a { color: $brand-primary !important; } ul#showhidedownload.dropdown-menu { li.list-link>a.link:hover { color: $brand-primary; background: $lighten; } } } .path-blocks-configurable_reports { ul.wz-steps { li.new-tab.active, a.add-tooltip.active { background-color: $brand-primary; } li.new-tab.active p, a.add-tooltip.active p, a.add-tooltip.active span.title-tab, li.new-tab.active span.title-tab { color: choose-contrast-color(darken($brand-primary, 25%)) !important; } } div#plms-course-wizard.create-course { form div.panel-body { div.coursecataloglist div#accordion { div.panel-heading h4.panel-title { a.plms-reports-dropdown[aria-expanded=true] { i { color: darken($brand-primary, 25%); } } a.plms-reports-dropdown.active { i { color: choose-contrast-color(darken($brand-primary, 25%)); } } a.plms-reports-dropdown:hover { background-color: $brand-primary; color: choose-contrast-color(darken($brand-primary, 25%)) !important; box-shadow: 0 2px 6px 0 rgba(58, 110, 205, 0.16); i { color: choose-contrast-color(darken($brand-primary, 25%)); } } } } } } .filter { button.new-button:focus { border: solid 1px $brand-primary; box-shadow: $inputsshadow } } li.ui-sortable-handle:hover, li.active { background-color: $brand-primary !important; div.values, p, i.men-icon-phpencil { color: choose-contrast-color(darken($brand-primary, 25%)) !important; } } button#columns_button { border: 1px solid $brand-primary; background-color: $brand-primary; } .btn-back { color: $brand-primary; } i.fa.fa-chevron-circle-left { color: $brand-primary !important; } input#id_submitbutton:hover, .new-btn-rnd:hover { background-color: $brand-primary; border: solid 1px $brand-primary !important; color: #fff; } div.header-buttons { div.buttons-hesding { div.download ul.dropdown-menu-left { li:hover { color: $brand-primary; } } } button:focus { border: solid 1px $brand-primary; box-shadow: $inputsshadow; } } div.coursecataloglist.second-section { div.panel-group ul#id_column_select { div.values i.men-icon-phpencil { color: $brand-primary; } } li.ui-sortable-handle.active { background-color: $brand-primary; div.values, p { color: choose-contrast-color(darken($brand-primary, 25%)); } } } div.d-inline-block.open { ul#showhidedownload { li:hover { a { color: $brand-primary; } } } } div.keep-open.open { button { border: solid 1px $brand-primary !important; box-shadow: $inputsshadow !important; } } table thead tr th { color: $brand-primary; } form#sendemail table.report-table { tbody { tr:hover { td.lastcol a.edit i { color: $brand-primary; } } } } } .block_course_records { seeall { .goto { font-family: $font-family-sans-serif; } } .course_records_list .coursebox .coursedetails { .coursename { font-family: $font-family-sans-serif; } .activitiesstatus { font-family: $font-family-sans-serif; } .coursefoot { .btn-lw-coursesstart { font-family: $font-family-sans-serif; border-radius: 4px !important; } .btn-lw-coursescontinue { font-family: $font-family-sans-serif; border-radius: 4px !important; } } } } .mynotes_base { input[type="submit"]:hover { background-color: $brand-primary; } .tabs-menu { li.current { background-color: $brand-primary !important; color: choose-contrast-color(darken($brand-primary, 25%)) !important; border: 1px solid $brand-primary; .menu-item { color: choose-contrast-color(darken($brand-primary, 25%)) !important; } } } } .block_currentcourses { th.header { color: $brand-primary; } .table-bordered-lms td a:link { color: $brand-primary; } .table-bordered-lms td a:visited { color: $brand-primary; } .table-bordered-lms td a:hover { color: $brand-primary; } .table-bordered-lms td a:active { color: $brand-primary; } } #page-site-index, #page-my-index { .table_team { th.header { color: $primary; } } } body.userloggedinas { .btn_settings_on { .avatar.current { padding-top: 20px; +.avatar.realuser { padding-top: 6px; } } } } body#page-course-index, body#page-course-index-category { .explore-course-category { cursor: pointer; } .explore-course-category.parentcat .header-category { box-shadow: 0 2px 6px 0 rgba(58, 110, 205, .16); background: #fff; margin: 6px 0; padding: 15px 18px; height: 49px; border-radius: 3px; } .explore-course-category.parentcat .header-category .text-right { text-align: right !important; float: right; display: inline-flex; margin-top: -5px; } .sub-categories .header-category { margin: 0px !important; box-shadow: none !important; } .sub-categories { box-shadow: 0 2px 6px 0 rgba(58, 110, 205, .16); margin-top: -5px; } a.btn.lms-dropdown:after { content: "\f078"; /* fa-chevron-down */ font-family: 'FontAwesome'; left: unset !important; right: unset !important; } a.btn.lms-dropdown[aria-expanded="true"]:after { content: "\f077"; /* fa-chevron-up */ } .sub-categories .sub-categories { background: #fff; box-shadow: none; } .sub-categories .explore-course-category.parentcat.selected.active .header-category { background: #fff; color: $brand-primary; } .explore-course-category.parentcat.selected.active .header-category, .explore-course-category.parentcat.selected.active .header-category { background: $brand-primary !important; color: #fff !important; } .sub-categories .explore-course-category.selected.parentcat.active .header-category, .sub-categories .explore-course-category.selected.parentcat.active, .sub-categories .explore-course-category.selected.parentcat.active i { background: #fff !important; color: $brand-primary !important; } .explore-course-category .text-right a.btn { margin-left: 15px; } .sub-categories .header-category { padding-left: 15px !important; } .sub-categories { box-shadow: none !important; } [id^="category-panel-collapse-"].sub-categories { padding: 1px 10px 0px 10px; margin-top: 0px !important; } [id^="category-panel-collapse-"].sub-categories .sub-categories { padding: 0px; margin-top: 0px !important; } .sub-categories .parentcat.selected.active .btn.lms-dropdown { color: $primary !important; } } #page-mod-game-cross div[id^="id_error_"] { color: #dc3545 !important; } #page-blocks-customnavigation-structure { .list-group-item-action { color: $headingcolor !important; } #clearall { color: $brand-primary; } } .markettiles .market_tile { display: flex; place-content: center; } .markettiles a.market_tile .fa { margin-left: 10px; } #page-course-index { div#page-content { padding-left: 3%; } div#page-header-desc { padding-left: 3%; padding-top: 2%; } } #page-local-coursewizard-createcourse { div#page-content { padding-top: 2%; } } #page-local-download_reports-view { div#page-content { padding-top: 2%; } } #page-local-iomad-dashboard-index { div#page-content { padding-left: 3%; padding-top: 3%; } } #page-local-people-index { div#page-content { padding-top: 15px; } } #page-mod-assign-mod div.modal.show.moodle-has-zindex { display: block; .modal-body { padding: 20px; } .muted, strong { position: relative; top: -2px; } span { position: relative; top: -3px; } } body#page-course-index, body#page-course-index-category { .coursecataloglist { ul { list-style: none; padding: 0; .inner { padding-left: 1em; display: none; background: $lighten; } li { margin: .5em 0; } } } .accordion { .parent.selected.active { color: $brand-primary; height: 45px; padding: 10px 5px 0px 10px; border-radius: 3px; border: solid 2px $brand-primary !important; a.btn { float: right; color: #fff !important; margin-top: -7px; } } .parent { background: #ffffff; box-shadow: 0 2px 6px 0 rgba(58, 110, 205, .16); color: #fff; height: 45px; padding: 13px 15px; border-radius: 3px; color: #607d8b; display: flex; align-content: space-between; flex-wrap: wrap; flex-direction: column; a.btn { float: right; color: #607d8b !important; margin-top: -7px; } } .btn.lms-dropdown.toggle::after { color: #607d8b; right: 45px !important; } .subparent { height: 38px; } .subparent a.btn { float: right; margin-top: -29px; padding: 6px 12px 0px !important; } .subparent a.btn.menu-manage-cat { margin-right: 23px; } .parent.selected.active .btn.lms-dropdown.toggle::after { right: 40px !important; } .inner .explore-course-category { box-shadow: none; padding: 7px 5px; width: 70%; word-wrap: break-word; overflow: hidden; max-height: 28px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } i.fa.fa-cog { color: #607d8b; } .parent .explore-course-category { cursor: pointer; width: 70%; float: left; word-wrap: break-word; overflow: hidden; max-height: 1rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .subparent.selected.active .explore-course-category { color: $brand-primary; } .explore-course-category:focus { outline: unset; } } } @media (max-width: 1025px) { #page-course-index { .accordion { a.btn { float: unset !important; } .subparent a.btn { float: right !important; } .parent { padding: 15px 5px; } } .coursecataloglist { padding: 0px; .all-categories.categorylist>a { padding: 15px 5px; display: block; } } } } @media (max-width: 767px) { #page-course-index { .accordion { a.btn { float: right !important; } .subparent a.btn { float: right !important; } .parent { padding: 15px 18px; } } .coursecataloglist { padding: 15px; .all-categories.categorylist>a { padding: 15px 18px; display: block; } } } body#page-login-forgot_password { form { margin-right: 0px !important; div.form-group.row { margin-left: 0 !important; width: 100% !important; } } .card { width: 100% !important; padding: 0 20px; legend.ftoggler { font-size: 10px; } } div.contentlabel { position: absolute; } } #page-course-index-category { .course_search { margin-left: 0rem !important; margin-bottom: 1rem !important; } #appendalltags { margin-left: 0rem !important; margin-bottom: 1rem !important; } .filter-button { float: right !important; } .coursesearch_icon { right: 20px !important; } .dropdowntagicon { right: 30px !important; } .course_add_new { padding-right: 12% !important; } .cardcoursescontent { .listview { .card-header-image { .content-img { width: 44%; height: auto !important; } } } } div#categoryCourses { div.listview { div.card-body { width: 55% !important; padding-top: 10px; } } } .cardcoursescontent .listview { height: auto !important; margin-bottom: 1rem; } } } #page-mod-quiz-edit .modal.moodle-has-zindex.show .modal-body { padding: 20px; } #page-my-index .breadcrumb-button.row.settings-menu.elements_breadcrumb { height: 50px; justify-content: flex-end; } :focus { outline: unset !important; } #page-calendar-view .modal .modal-body { width: 600px !important; } .pagelayout-course { .mform fieldset.clearfix.collapsible.collapsed { margin-bottom: 0 !important; } } body.pagelayout-coursecategory div.content-card { overflow: hidden; } body.pagelayout-coursecategory #categoryCourses>div .course-hidden { position: absolute; top: 2px; z-index: 8; left: -66px; background-color: rgba(255, 255, 255, 0.8); width: 160px; height: 40px; text-align: center; -webkit-transform: rotate(-43deg); -moz-transform: rotate(-43deg); -ms-transform: rotate(-43deg); -o-transform: rotate(-43deg); transform: rotate(-43deg); padding-top: 18px; } @media screen and (max-width: 768px) { #page-calendar-view .modal .modal-body { width: auto !important; } #page-calendar-view .calendarmonth .hidden-phone { display: none; } body#page-calendar-view .cont-mycourse { display: none !important; } body#page-calendar-view #region-main-box { padding-right: 0px !important; padding-left: 0px !important; .custom-select { padding: 7px 20px 6px 0px !important; } } body#page-calendar-view .has-blocks .card-block { padding: 0 !important; } } body#page-calendar-view .calendarmonth.calendartable td { text-align: center !important; border: 1px dashed #e6e6e6 !important; } #page-calendar-view .containsadvancedelements .felement, #page-paradiso_upcoming-view .containsadvancedelements .felement { display: inline-block !important; } body#page-calendar-view div.fdate_time_selector div.form-group.fitem { width: 32% !important; } @media only screen and (min-width: 1280px) { //For Login Page - IE #page-login-index #login_center .card { width: 450px; } } .formsettingheading a { color: $brand-primary; } body.dark div#nav-drawer { background: #666666 !important; .list-group-item-action { color: #fff !important; } ul li.dropdown.nav-item { background-color: #666 !important; .dropdown.nav-item .accordion-toggle:after { color: #fff !important; } } ul.list-unstyled li.dropdown.nav-item a.active_nav { background-color: $brand-primary !important; color: #fff !important; } ul.list-unstyled li.dropdown.nav-item a.active_nav:hover span.menu-title { color: #fff !important; } #sidebar ul li:not(.tab_active) { a i { color: #fff !important; } a:hover i { color: $primary !important; } } .hidden-print.moodle-has-zindex #sidebar ul li a:hover i { color: $primary !important; } .dropdown.nav-item .dropdown-item { background-color: #666 !important; } ul li.nav-item li:not(.tab_active) a:not(.active_nav) span.menu-title { color: #fff; } #nav-drawer .dropdown.nav-item .accordion-toggle:hover:after { color: $primary !important; } div#element_custom_navigation li { background: #666666 !important; } div#element_custom_navigation li a { color: #fff; } div#element_custom_navigation li:first-child { background-color: $primary; } div#element_custom_navigation .collapse.show a.dropdown-item.active_nav { background: $primary !important; } } /*@author Kalpana Patil */ body .block-region aside.block, body .card, body .card-block, body .card .card-block .content { // background: $block_bg_color !important; } body header.navbar.navbar-full, body.format-paradiso header#navbar-paradiso { background: $header_bg_color !important; div#navbar-nav div.options-header { div.check-switchrole.cont-mycourse button.dropdown-toggle span, div.settings a.btn_settings span, div.check-switchrole div.roletxt, .total-point a.btn_settings span.counter, .total-point a.btn_settings span.counter-txt { color: $header_font_color !important; } } a.btn_settings span { color: $header_bg_color !important; } h3.course-title, .content-button.left-side-content #btn_dashboard, div.siwitch_content .txt_switch { color: $header_font_color !important; } div.custome_theme button span { color: $header_font_color !important; } } body div#nav-drawer.hidden-print.moodle-has-zindex { background: $nav_bg_color; .list-group-item-action { color: $nav_font_color !important; // background-color: $nav_bg_color !important; } .list-group-item-action a, .list-group-item-action h6.icon_text_left_nav { color: $nav_font_color; } ul li.dropdown.nav-item { background-color: transparent; } #sidebar ul li:not(.tab_active) { a i { color: $nav_icon_color; } } ul li.tab_active a { background-color: $nav_bg_color; } ul li.dropdown.nav-item.tab_active_new a { background-color: $nav_bg_color; } #sidebar ul li a:hover { h6.icon_text_left_nav { color: $primary !important; } i { color: $primary !important; } } ul li.dropdown.nav-item .accordion-toggle:after { color: $nav_font_color !important; } ul.list-unstyled li.dropdown.nav-item a.active_nav { // background-color: $nav_custom_hover_bg !important; color: $nav_font_color !important; } ul.list-unstyled li.tab_active a.active_nav span.menu-title { color: $nav_font_color !important; } ul.list-unstyled li.dropdown.nav-item a.active_nav:hover span.menu-title { color: $nav_font_color !important; } ul.list-unstyled li.tab_active a { // border: 1px solid $nav_custom_hover_bg !important; } .dropdown.nav-item .dropdown-item { // background-color: $nav_bg_color; } ul li.nav-item li:not(.tab_active) a:not(.active_nav) span.menu-title { color: $nav_font_color; } #nav-drawer .dropdown.nav-item .accordion-toggle:hover:after { color: $primary !important; } div#element_custom_navigation li { background: #666666 !important; } div#element_custom_navigation li a { color: $nav_font_color; } div#element_custom_navigation li:first-child { background-color: $primary; } div#element_custom_navigation .collapse.show a.dropdown-item.active_nav { //background: $nav_custom_hover_bg !important; } #sidebar ul:not(.in) li:not(.tab_active) a:hover { //background-color: $nav_custom_hover_bg !important; } #sidebar ul:not(.in) li:not(.tab_active) a:hover span.menu-title { color: $nav_font_color !important; } } /* Kalpana End */ body.custom div#nav-drawer { background: $nav_custom_bg !important; .list-group-item-action { color: $nav_custom_font !important; } ul li.tab_active a { background-color: $nav_custom_hover_bg !important; } ul li.dropdown.nav-item { background-color: $nav_custom_bg !important; } ul li.dropdown.nav-item .accordion-toggle:after { color: $nav_custom_font !important; } ul.list-unstyled li.dropdown.nav-item a.active_nav { background-color: $nav_custom_hover_bg !important; color: $nav_custom_font !important; } ul.list-unstyled li.tab_active a.active_nav span.menu-title { color: $nav_custom_font !important; } ul.list-unstyled li.dropdown.nav-item a.active_nav:hover span.menu-title { color: $nav_custom_font !important; } #sidebar ul li:not(.tab_active) { a i { color: $nav_custom_font !important; } a:hover i { color: $nav_custom_font !important; } } ul.list-unstyled li.tab_active a { border: 1px solid $nav_custom_hover_bg !important; } .hidden-print.moodle-has-zindex #sidebar ul li a:hover i { color: $primary !important; } .dropdown.nav-item .dropdown-item { background-color: $nav_custom_bg !important; } ul li.nav-item li:not(.tab_active) a:not(.active_nav) span.menu-title { color: $nav_custom_font; } #nav-drawer .dropdown.nav-item .accordion-toggle:hover:after { color: $primary !important; } div#element_custom_navigation li { background: #666666 !important; } div#element_custom_navigation li a { color: $nav_custom_font; } div#element_custom_navigation li:first-child { background-color: $primary; } div#element_custom_navigation .collapse.show a.dropdown-item.active_nav { background: $nav_custom_hover_bg !important; } #sidebar ul:not(.in) li:not(.tab_active) a:hover { background-color: $nav_custom_hover_bg !important; } #sidebar ul:not(.in) li:not(.tab_active) a:hover span.menu-title { color: $nav_custom_font !important; } } body.custom div#element_custom_navigation { div#item_lefnavigation a.active_nav { background: $nav_custom_hover_bg !important; color: $nav_custom_font !important; border: 1px solid $nav_custom_hover_bg !important; } div#item_lefnavigation a span.menu-title { color: $nav_custom_font !important; } ul li a:not(.active_nav) { color: $nav_custom_font !important; } div#item_lefnavigation { background-color: $nav_custom_bg !important; color: $nav_custom_font !important; } div#item_lefnavigation a.list-group-item { background-color: $nav_custom_bg !important; color: $nav_custom_font !important; } ul li a:not(.active_nav):hover { background-color: $nav_custom_hover_bg !important; } ul li a:not(.active_nav):hover span { color: $nav_custom_font !important; } } #page-blocks-customnavigation-structure #icon-fonts ul li a:hover, #icon-fonts ul li a.selected { background: $brand-primary; } #page-local-learningpaths-view #learningpath-courses-list ul.lpd-courses li.course-description a i { color: $brand-primary !important; } #block_lpd_content .icon_ok { background-color: $primary; border: 2px solid rgba($primary, 0.2); } .coursecatalogtag { a.new-button { color: $brand-primary; border-color: $brand-primary; margin: 2px; border-radius: 7px !important; } a.active { background-color: $brand-primary; color: #fff !important; } } .ie.ie11 { .modal-content { width: 52rem; } #learningpath-notifications-tab div.check form { width: 100rem; } .search-course-learning .searchbox button { min-width: 0px !important; } div.moodle-has-zindex div.modal-body, div.contentblock div.blocks_pd { margin-right: 0px !important; } div.moodle-has-zindex div.modal-body div.contentblock { overflow-y: scroll !important; } } #page-mod-quiz-edit #coursenavigation .topics .section .activity span.actions { background: transparent; } #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance { width: auto !important; } #page-mod-quiz-edit ul.slots .activityinstance span.instancename { top: 0px !important; } #page-mod-quiz-edit ul.slots li.section li.pagenumber.activity { padding: 1.2em 0 5px 0 !important; border-bottom: 0; // padding-bottom: 0 !important; } #page-mod-quiz-edit .mod-quiz-edit-content .section .activity .actions { padding: 3px 0 4px; top: -3px; } #page-course-index .accordion .btn.lms-dropdown.toggle::after { position: relative; left: 72px; right: 0px !important; } #page-local-enroll_by_profile-index table#mortalEngines thead tr th { color: $brand-primary !important; } #course_content #linkmaincontent div.action-menu-trigger a.dropdown-toggle.show-icon { margin-left: 5px !important; } #course_content #linkmaincontent h2>div.buttonhelp { margin-left: 5px !important; display: inline-block; } #page-site-index .header_course.no_course { margin-left: -177px !important; } #page-course-view-paradiso #course_content .mt-3.row strong.no_instructor { margin-right: 5px; } #page-course-view-paradiso #course_content div.instructor { margin-left: 0; padding: 0; } #page-local-system_notifications-system_notifications { #paradiso_notifications { label[for=menucourse-selection] { width: 100%; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px; } } } .underline { text-decoration: underline !important; } #page-mod-ilt-view { .exporttofile { height: 34px; border-radius: 4px !important; margin-left: 5px; } .addnewsession { color: $brand-primary; font-size: 14px; font-weight: 500; } } .moodle-dialogue-base { .chooserdialogue-course-modchooser { .yui3-widget-buttons { padding: 0 !important; .closebutton { width: 60px; height: 60px; border-radius: 0; font-size: 28px; font-weight: 700; color: #000; } } } } .performance-debug { footer#page-footer { height: auto !important; min-height: auto; position: relative; opacity: 1; .performanceinfo.siteinfo { background-color: rgba($brand-primary, 0.2); padding: 15px 10px; } } } header.navbar-light div#navbar-nav div.dropdown_lang { margin-right: 10px; display: inline-flex; align-items: center; position: relative; .dropdown-item:hover { font-weight: unset; } } header.navbar-light div#navbar-nav div.dropdown_lang li.dropdown.nav-item { height: 52px; display: contents !important; } header.navbar-light div#navbar-nav div.dropdown_lang div.dropdown-menu { right: 0% !important; left: unset !important; top: 68%; } @media screen and (max-width: 767px) { header.navbar-light div#navbar-nav div.dropdown_lang div.dropdown-menu { margin-left: -10px; } header.navbar-light a.btn_settings { padding-right: 5px; padding-left: 5px; } header.navbar-light div#navbar-nav div.dropdown_lang { margin-right: 10px; } .choosercontainer.paradisochooser_item #chooseform .alloptions { max-width: 50% !important; } .choosercontainer.paradisochooser_item #chooseform .content { left: 50% !important; } } /* Mod Forum Changes */ .forumheaderlist .topic.starter a { font-size: 14px; font-weight: bold; display: block; padding: 5px; color: $primary; &:hover { text-decoration: underline; } } .forumpost .options .commands { text-align: left; } .path-mod-forum .forumpost { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #dfdfdf; .options .commands a:last-child { background-color: $primary; padding: 5px 10px; border-radius: 25px; color: #fff; } .row { margin-bottom: 5px; } } #page-admin-cohort-index #searchcohortquery select#company-list { width: 10% !important; } #page-local-reports-duplicate_report { .form-group.row.fitem.duplicate-report { display: inline-block; width: 48%; } .duplicate-report .felement { width: 100% !important; flex: 100% !important; max-width: 100%; } .duplicate-report select#id_company { width: 100% !important; } .duplicate-report select#id_report { width: 100% !important; } .fitem.femptylabel .felement { text-align: center; width: 100%; flex: 100%; max-width: 100%; display: block; } #mform1 .felement .form-group.fitem { width: 100%; display: contents; } span.descrp-title { font-weight: 300; font-size: 13px; color: #465b65; } #mform1 .icon.fa-exclamation-circle { display: none; } } span.companylabel { margin-left: 15px; background-color: $brand-primary; color: #fff; } body#page-blocks-iomad_company_admin-company_course_users_form { .form-group .form-autocomplete-downarrow { top: 6px !important; } } .google-chart-error { background-color: rgb(192, 0, 0); color: white; padding: 2px; } #page-report-participation-index { .modal-backdrop+.modal { .modal-body { padding: 0 15px; } .modal-footer { .btn.btn-round { width: auto; min-width: 120px; } } } } .noticeok { width: 80%; margin-left: 1%; } div.form-control-feedback { color: $brand-danger; } #page-course-view-grid, #page-course-view-topics { @media (min-width: 992px) { .modal-dialog { width: 600px; } } div.moodle-has-zindex .btn.btn-round { width: auto !important; } } #page-local-learningpaths-view { .pagination_lp { select#id_userperpage { width: 90% !important; height: 30px !important; } ul { float: right; } } } .pagination_lpdd { margin-top: 15px !important; ul { list-style-type: none; float: right !important; } } #page-local-social_wall-index { .btn-cancel { border: 1px solid $brand-primary; color: $brand-primary; } .comment_button .men.men-send:before { color: $brand-primary; font-size: 2em; } } body.format-paradiso { #enrolled_notification { margin-top: 10%; .modal-header { padding: 1rem !important; .modal-title { font-size: 16px !important; } button.close { top: -16px !important; right: 0 !important; } } .modal-body { strong { font-size: 14px; } ul li a { color: $brand-primary; font-size: 14px; } } } div.moodle-has-zindex { .modal-header { .modal-title { text-align: left !important; font-size: 16px !important; font-weight: 600; .center { text-align: left !important; font-size: 16px !important; font-weight: 600; } } } } } #page-mod-page-mod, #page-mod-page-view { #download_pagepdf, .editor_atto_content_wrap { p { line-height: 1.5; } b, strong { font-weight: bold !important; // Add the correct font weight in Chrome, Edge, and Safari } } } #page-mod-book-edit, #page-mod-book-view { div.tab-pane.active [role=main]>h2 { position: absolute; left: 12px; top: 15px; } [data-blockregion="side-pre"] { float: left !important; position: relative; left: -3%; top: 50px; } } #page-report-participation-index { div.moodle-has-zindex { div.modal-body { padding: 10px; width: 500px !important; max-width: 500px !important; } .modal-footer .btn-primary { width: auto !important; } } } #page-mod-game-view { div.helps { width: 100% !important; position: relative; left: unset !important; text-align: center !important; } } @media screen and (max-width: 500px) { #page-report-participation-index div.moodle-has-zindex div.modal-body { width: 100%; max-width: 100%; } } #userselector_options { #userselector_options_inner .form-check { justify-content: left !important; } } #navbar-nav { .first-content { .float-left { [data-flexitour="step-background"] { left: 0px !important; width: 80px !important; } } .search_lg { [data-flexitour="step-background"] { width: 527.984px !important; height: 49px !important; top: 2px !important; background-color: #fff !important; } } } [data-flexitour="step-background"] { height: 52px !important; background-color: #fff !important; border-radius: 0px !important; width: 0px !important; } } /** *@author Akshay Pingale *@since 21/05/2020 *@Paradiso */ @media screen and (min-width : 769px) and (max-width : 1540px) { [data-flexitour="step-background"] { max-width: 205.617px; margin-left: 162px; } } @media screen and (min-width : 769px) and (max-width : 1300px) { [data-flexitour="step-background"] { max-width: 205.617px; margin-left: 52px; } header.navbar-light div#navbar-nav { flex-wrap: nowrap !important; } } @media screen and (min-width : 769px) and (max-width : 1150px) { [data-flexitour="step-background"] { max-width: 205.617px; margin-left: -71px; } } div.popup_rating { position: absolute; margin-top: 15px; width: 280px; padding: 10px; background: #eeeeee; color: #000000; display: none; } .popup_rating table tr td:first-child { display: flex; } /** *@author Akshay Pingale *@since 10/09/2020 *@Paradiso */ /*iPhone 6/7/8 Portrait*/ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (device-width : 414px) and (device-height : 736px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 3) and (-webkit-device-pixel-ratio : 3) { body.pagelayout-mydashboard { div#page-content.two-sections { padding-left: 1% !important; padding-right: 1% !important; } } body.format-paradiso.has-coursenavigation { div#page-content { padding: 0px !important; } } body.format-paradiso { .activity-progress { display: flex; flex: 0 0 100%; max-width: 100%; width: 100%; } .activitiesstatus { width: 100%; } } } /*iPhone 6/7/8 Landscape*/ @media only screen and (min-device-width : 375px) // or 213.4375em or 3in or 9cm and (max-device-width : 667px) // or 41.6875em and (width : 667px) // or 41.6875em and (height : 375px) // or 23.4375em and (orientation : landscape) and (color : 8) and (device-aspect-ratio : 375/667) and (aspect-ratio : 667/375) and (device-pixel-ratio : 2) and (-webkit-min-device-pixel-ratio : 2) {} // Sidebar responsive CSS header.navbar-full .navbars, #nav-drawer .closemenu, header.navbar-light div#navbar-nav .full_logo { display: none; } @media screen and (max-width: 768px) { body:not(.drawer-open-left), body.drawer-open-left { margin-left: 0; } header.navbar-full .navbars { display: block; } #nav-drawer { display: none; .closemenu { padding: 25px 29px 20px 20px; float: right; span { cursor: pointer; } .fa-times { font-size: 16px; } >span.wid:before { font-size: 15px; opacity: 0.7; } } } header.navbar-light div#navbar-nav { .full_logo { max-width: 60px; display: block; padding: 5px; } .navbars>span { margin: 15px 15px 10px 10px; cursor: pointer; &.fa:before { font-size: 20px; } } } .fullmenu { div[data-region="drawer-toggle"] { display: none; } div#nav-drawer { width: 250px; z-index: 9999999999; transition: all 2s ease 0s !important; -o-transition: all 2s ease 0s !important; -webkit-transition: all 2s ease 0s !important; -ms-transition: all 2s ease 0s !important; button.btn.btn-nav-toggle { display: none; } .helpdesk .help_button { flex-direction: row; } } } } body.format-paradiso { .bootbox.modal { .modal-header { padding: 1rem !important; .close { top: 0px !important; } } } } /** *@author Akshay Pingale *@since 19/03/2020 *@Paradiso */ .margin-top-new { // margin-top: -17px; } @media (min-width: 1280px) and (max-width: 1392px) { #page-local-learningpaths-index .plms-learningpaths #searchbox i.men-search-phx, #page-local-learningpaths-view .plms-learningpaths #searchbox i.men-search-phx { left: 20px; } } @media screen and (max-width: 1392px) { div#nav-drawer #sidebar ul li { /* padding-bottom: 4px;*/ } } @media screen and (min-width: 768px) and (max-width: 992px) { #page-mod-game-view { div.helps { width: 100%; position: relative; left: unset; text-align: center; margin-top: 20px; } div.paradiso_milion div.millionaire_answer_button button.question-millonaire { width: 80%; height: auto; } .results_millionaire_paradiso .col-sm-2 { flex: 0 0 25% !important; max-width: 25% !important; } .results_millionaire_paradiso .col-sm-5 { flex: 0 0 55% !important; max-width: 55% !important; } } } //Next and previous arrow responsive and adjust quiz block and button @media screen and (max-width: 767px) { body#page-mod-quiz-view { #region-main { float: left; width: 100%; } .px-45 { display: flex !important; padding: 10px; } } body#page-mod-quiz-attempt { .px-45 { display: flex !important; padding: 10px; } div.card-block, #page-enrol-users div#filterform { margin-right: 0px; } } body#page-mod-quiz-summary { .px-45 { display: flex !important; } } #page-mod-game-view { div.helps { width: 100% !important; position: relative !important; left: unset !important; text-align: center !important; } div#page-content { padding: 0 0px !important; } .play-mill .content-helps input { width: 100% !important; } div.paradiso_milion div.millionaire_answer_button button.question-millonaire { width: 70% !important; overflow: visible !important; height: auto !important; } } .choosercontainer.paradisochooser_item #chooseform .submitbuttons { position: absolute; bottom: 0 !important; left: 1% !important; top: unset !important; right: unset !important; width: 47vw !important; } } @media (min-width: 360px) and (max-width: 640px) { body#page-mod-quiz-attempt { .card-block, #page-enrol-users #filterform { padding: 0.35rem; } } } @media (min-width: 344px) and (max-width: 646px) { body#page-mod-quiz-attempt { .card-block, #page-enrol-users #filterform { padding: 0rem; } } } @media screen and (max-width: 600px) { body#page-mod-quiz-attempt { .card-block, #page-enrol-users #filterform { padding: 0rem; } } } @media (min-width: 480px) and (max-width : 767px) { #page-mod-game-view { .content-millonaire .col-xs-12.col-sm-12 { display: contents !important; } .results_millionaire_paradiso .col-sm-2 { flex: 0 0 35% !important; max-width: 35% !important; } .results_millionaire_paradiso .col-sm-5 { flex: 0 0 55% !important; max-width: 55% !important; } } } /* @author: Akshay.p @ticket: 141 */ header.navbar-light div#navbar-nav .user_points i { font-size: 24px; } @media screen and (max-width: 600px) { .user_points { width: 43px; } } //Next and previous arrow responsive and adjust quiz block and button @media screen and (max-width: 767px) { body#page-mod-quiz-view { #region-main { float: left; width: 100%; } .px-45 { display: flex !important; } } body#page-mod-quiz-attempt { .px-45 { display: flex !important; padding: 10px; } div.card-block, #page-enrol-users div#filterform { margin-right: 0px; } img.dropbackground { width: 100%; height: auto; } } body#page-mod-quiz-summary { .px-45 { display: flex !important; } } body#page-login-index { div.row.d-block.h-100 { margin: unset; position: static !important; display: flex !important; justify-content: center; align-items: center; } div.content-login { padding: 0 10px !important; } } } /** *@author Sanyogita D. *@since 20/03/2020 *@Paradiso */ //Mobile responsive for home page user profile @media screen and (max-width: 768px) { body#page-site-index, #page-my-index, #page-course-index { // .slide1image, // .slide2image, // .slide3image { // background-size: 100% 100%; // height: 250px; // } body#page-site-index, #page-my-index { header.navbar-light div#navbar-nav .d-inline .dropdown-menu { width: 258px; } } body#page-user-profile, #page-course-index { header.navbar-light div#navbar-nav .d-inline .dropdown-menu { width: 258px; } } body #page-mod-book-view { div.px-45 { display: flex; padding: 5px; margin: 5px; float: right; } } } .closemenu { display: block !important; position: absolute; right: 0px; } body#page-my-index { div.responsive_my_records { width: 25%; } } } @media screen and (max-width: 420px) { body#page-site-index, #page-my-index, #page-course-index, #page-user-profile, body#page-message-output-popup-notifications, #page-user-profile, body#page-grade-report-overview-index, body#page-message-index, body#page-user-preferences { // .slide1image, // .slide2image, // .slide3image { // background-size: 100% 60%; // height: 200px; // } header.navbar-light div#navbar-nav .d-inline .dropdown-menu { width: 258px; } } #page-mod-book-view { div.px-45 { display: flex; padding: 5px; margin: 5px; float: right; } } body#page-login-forgot_password { #region-main { display: block !important; } .card { width: 94% !important; padding: 0 15px; margin: auto; } } #page-login-signup { div.create-title { span.create_account { font-size: 18px !important; b { font-size: 18px !important; } } } .signuploginfooter { font-size: 12px !important; } } } /*css for mobile landscape mode*/ @media screen and (orientation:landscape) { body#page-mod-book-view { aside#block-region-side-pre { width: 30%; float: right; } div [role="main"] { width: 70%; float: left; margin-top: 15px; } div.px-45 { display: flex; padding: 5px; margin: 5px; float: right; } } } /** *@author Sanyogita D. *@since 27/03/2020 *@Paradiso */ //Mobile responsive for home page user profile @media screen and (max-width: 768px) { body#page-site-index, #page-my-index, #page-course-index { // .slide1image, // .slide2image, // .slide3image { // background-size: 100% 100%; // height: 250px; // } body#page-site-index, #page-my-index { header.navbar-light div#navbar-nav .d-inline .dropdown-menu { width: 258px; } } body#page-user-profile, #page-course-index { header.navbar-light div#navbar-nav .d-inline .dropdown-menu { width: 258px; } } body #page-mod-book-view { div.px-45 { display: flex; padding: 5px; margin: 5px; float: right; } } } .closemenu { display: block !important; position: absolute; right: 0px; } body#page-my-index { div.responsive_my_records { width: 25%; } } } @media screen and (max-width: 420px) { body#page-site-index, #page-my-index, #page-course-index, #page-user-profile { // .slide1image, // .slide2image, // .slide3image { // background-size: 100% 60%; // height: 200px; // } header.navbar-light div#navbar-nav .d-inline .dropdown-menu { width: 258px; } } #page-mod-book-view { div.px-45 { display: flex; padding: 5px; margin: 5px; float: right; } } } //css for mobile landscape mode @media screen and (orientation:landscape) { body#page-mod-book-view { aside#block-region-side-pre { width: 30%; float: right; } div [role="main"] { width: 70%; float: left; } div.px-45 { display: flex; padding: 5px; margin: 5px; float: right; } } } .new_button { margin-top: 8px !important; } @media (max-width: 700px) { body.format-paradiso { .activities_navigator { position: absolute !important; right: 15px !important; z-index: 100; margin: 0rem !important; top: -9px !important; display: block !important; .px-45 { margin-top: 23px !important; margin-left: unset !important; margin-right: 15px; } } } } .setposition { position: absolute; top: 10px; left: 5px; right: 5px; bottom: 0; } #hide_on_mobile { cursor: pointer !important; position: absolute; top: 66px; right: 0; background: $brand-primary; padding: 12px; z-index: 99999999; } @media (max-width: 550px) { #hide_on_mobile { top: 20%; } } body.format-paradiso .setposition .course-content .tab-content { margin-top: 30px !important; } body.format-paradiso .setposition div.px-45 { margin-bottom: 20px; margin-left: 0%; } #hide_on_mobile .fa-expand { color: #fff; font-size: 15px; } div#hide_on_mobile.ontop { top: 0px; } @media only screen and (max-width: 1080px) { #page-mod-scorm-player div#page-content { padding: 0 5px !important; } #page-mod-scorm-player .main { font-size: 13px !important; } #page-mod-scorm-player .course-content .tab-content { margin-top: 40px !important; } #page-mod-scorm-player #scormtop { height: auto; } #page-mod-scorm-player #scorm_toc_toggle { display: none !important; } } @media only screen and (min-width: 320px) and (max-width: 1080px) { #page-mod-scorm-player div#learningcontent { height: 10px !important; } #page-mod-scorm-player .course-content .tab-content { margin-top: 0px !important; } #page-mod-scorm-player #scormpage #scorm_object { height: 19rem !important; } } body#page-login-forgot_password .form-control-static { margin-top: -13px !important; } #page-local-social_wall-index { .msg_content { font-weight: 300 !important; color: #555 !important; p { font-weight: 400 !important; color: #484B5A !important; img { margin: 0 auto !important; } } img.wallimage, .wallvideo { display: block; margin: 0 auto; } b { font-weight: 600 !important; color: #555 !important; } img { max-width: 100% !important; } video { max-width: 100% !important; } a.wallfiles { i.fa { font-size: 2em !important; } } } #messageeditable { a.wallfiles { i.fa { font-size: 2em !important; } } } } //Fixed the location of search icon on learning path page #page-local-learningpaths-index, #page-local-learningpaths-view { .input-group-btn { position: absolute; left: -5px; } } //fixed the Numbers from box getting cropped in the pagination .page_num { float: left; width: 60px; } //fix back to dashboard button #btn_dashboard { padding: 10px; } @media only screen and (min-width: 1536px) and (max-width: 1599px) {} header.navbar-light div#navbar-nav .search_lg { left: -11px; } body#page-blocks-configurable_reports-viewreport { header.navbar-light div#navbar-nav .search_lg { margin-top: 18px; } .new_button { margin-top: 16px !important; } .text_men_course { margin-top: 1px; } .margin-top-new { display: flex; align-items: center; } } @media screen and (max-width: 767px) { body#page-mod-quiz-attempt img.dropbackground { width: auto; height: auto; } body#page-mod-quiz-attempt.format-paradiso form#responseform { padding-top: 53px; } #page-mod-quiz-attempt form#responseform.mobwidth { width: 767px !important; } } /* 823 Mobile LMS / Responsive @author Abhishek Vaidya @since 06/05/2020 */ @media screen and (max-width: 767px) and (orientation : landscape) { #content_customnav #nav-drawer #sidebar ul.list-unstyled { height: 200px !important; } } @media screen and (width: 812px) and (orientation : landscape) { body#page-site-index .col-md-3 { max-width: 100%; flex: 0 0 100%; } } // @media screen and (max-width: 1024px) { // body#page-site-index { // .slide1image, // .slide2image, // .slide3image { // height: 260px !important; // } // } // } // @media screen and (max-width: 768px) { // body#page-site-index { // .slide1image, // .slide2image, // .slide3image { // height: 240px !important; // } // } // } // @media screen and (max-width: 767px) { // body#page-site-index { // .slide1image, // .slide2image, // .slide3image { // background-size: 150% 100% !important; // height: 160px !important; // } // } // } body#page-site-index, #page-my-index, #page-course-index, body#page-message-output-popup-notifications, #page-user-profile, body#page-grade-report-overview-index, body#page-message-index, body#page-user-preferences { header.navbar-light div#navbar-nav .d-inline .dropdown-menu { position: absolute; float: left; top: 52px; width: 285px; border-radius: 4px; -webkit-box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .11); box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .11); border: solid 1px #e6ecf2; margin-left: -15px; padding: 0; } } @media screen and (max-width: 768px) { // body#page-site-index { // .slide1image, // .slide2image, // .slide3image { // height: $cardheight; // } // } body#page-site-index, #page-my-index, #page-course-index, body#page-message-output-popup-notifications, #page-user-profile, body#page-grade-report-overview-index, body#page-message-index, body#page-user-preferences { header.navbar-light div#navbar-nav .d-inline .dropdown-menu { position: absolute; float: left; top: 42px; width: 285px; border-radius: 3px; -webkit-box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .11); box-shadow: 0 11px 11px 0 rgba(0, 0, 0, .11); border: solid 1px #e6ecf2; } } } @media screen and (max-width: 576px) { body#page-site-index, #page-my-index, #page-course-index, body#page-message-output-popup-notifications, #page-user-profile, body#page-grade-report-overview-index, body#page-message-index, body#page-user-preferences { header.navbar-light div#navbar-nav div.check-switchrole nav.navbar ul.navbar-nav { padding-right: 0; margin-right: -20px; } header.navbar-light div#navbar-nav button.dropdown-toggle { display: none; } } #page-login-signup { .registrer_rw { width: 94% !important; } input.form-control { width: 100% !important; margin-left: 0px !important; } select.form-control { width: 100% !important; margin-left: 0px !important; } #id_username { width: 100% !important; margin-left: 0px !important; } #id_password { width: 100% !important; margin-left: 0px !important; } label { // padding-left: 20px; } .mform { padding: 0 !important; .felement { padding: 0; .form-control-feedback { margin-left: 0 !important; } } } } } @media screen and (width: 1024px) and (orientation : landscape) { body#page-site-index, #page-my-index, #page-course-index { #nav-drawer { display: block !important; } } } @media screen and (width: 1024px) { body#page-site-index, #page-my-index, #page-course-index { #nav-drawer { display: block !important; } } } @media screen and (width: 1366px) and (orientation : landscape) { body#page-site-index, #page-my-index, #page-course-index { #nav-drawer { display: block !important; } } } @media screen and (width: 812px) and (orientation : landscape) { body#page-site-index, #page-my-index, #page-course-index { #nav-drawer { display: block !important; } } body#page-site-index, #page-my-index, #page-course-index, body#page-message-output-popup-notifications, #page-user-profile, body#page-grade-report-overview-index, body#page-message-index, body#page-user-preferences { header.navbar-light div#navbar-nav button.dropdown-toggle { display: none; } } } @media screen and (max-width: 740px) and (orientation : landscape) { body#page-site-index, #page-my-index, #page-course-index, body#page-message-output-popup-notifications, #page-user-profile, body#page-grade-report-overview-index, body#page-message-index, body#page-user-preferences { header.navbar-light div#navbar-nav button.dropdown-toggle { display: none; } } } /* END */ .section .activity .actions { top: 5px; } body.format-paradiso.editing .course-content div.activityinstance a span.instancename { width: 198px; } body.format-paradiso ul.section li.current_activity span.actions { top: 9px !important; } //fix the no record string location inside a learning path and fix search box body#page-local-learningpaths-index, #page-local-learningpaths-view { #loction_no_record_user { margin-top: -2px; } #loction_no_record_cohort { margin-top: -11px; left: 12px; } #loction_no_record_courses { margin-top: 22px; left: 12px; } .input-group-btn { left: 0px; } .new-course { left: -17px; top: 0px; } .new-cohort { left: 6px; top: -8px; } } //Mobile responsive for Mycourse in student login @media screen and (max-width: 768px) { #page-course-index, #page-course-index-category { div#categoryCourses div.listview div.card-body { width: 55% !important; padding-top: 10px; } } } @media screen and (max-width: 420px) { #page-course-index, #page-course-index-category { div#categoryCourses div.listview div.card-body { padding-top: 10px; } } } @media screen and (width: 812px) and (orientation : landscape) { #content_customnav #nav-drawer #sidebar ul.list-unstyled { height: 200px !important; } } @media screen and (max-width: 420px) { #page-my-index { aside.block.block_courserecords .card-text.content { height: 600px; padding-right: 0; width: 350px; } .myrecords_tbl { display: flex; } .card-block { border-radius: 2px; background-color: #fff; padding-left: 20px; padding-top: 18px; padding-right: 0; } .block_courserecords .final_grade_block { margin-left: 15px; } .block_courserecords .completed_dates { margin-left: 20px; } .block_courserecords .generaltable .header .span-header { width: 100px; } .col-4 { flex: 0 0 33.3333333333%; max-width: 100%; } } body#page-site-index .block_course_records .course_records_list .coursebox { position: relative; border-radius: 4px; background-color: #fbfcff; border: solid 1px #e2ecf1 !important; padding: 0px !important; height: 255px; margin: .8rem 0; margin-bottom: 0.8rem; margin-left: 0px; } } //Fixed ipad issue in COurse overview page. @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* For portrait layouts only */ #page-course-view-paradiso { .course-rating-container { padding: 0px; } .tutor-list { margin-top: 0px; margin-left: 46px; } .activitiesstatus { left: -21px; position: relative; } .activitiesstatus p { width: 60px; } } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For portrait layouts only */ #page-course-view-paradiso { .tutor-list { margin-top: 0px; margin-left: 46px; } } } //Fixed close Button When clicked on student dashboard link in student login @media screen and (max-width: 420px) { body#page-course-view-paradiso { .modal.show .modal-dialog { top: 81px; position: relative; } } } @media screen and (max-width: 411px) { body#page-course-view-paradiso { .modal.show .modal-dialog { top: 82px; position: relative; } } } @media screen and (max-width: 375px) { body#page-course-view-paradiso { .modal.show .modal-dialog { top: 124px; position: relative; } } } @media screen and (max-width: 360px) { body#page-course-view-paradiso { .modal.show .modal-dialog { top: 181px; position: relative; } } body#page-login-signup { &:not(.pagelayout-base) { div[data-groupname=buttonar] { div[data-fieldtype=group] { div.form-group { input.btn-round { padding: 5px !important; } } } } } } } @media screen and (max-width: 320px) { body#page-course-view-paradiso { .modal.show .modal-dialog { top: 274px; position: relative; } } } //Media css for ipad-pro @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { body.format-paradiso { .activitiesstatus p { width: 125px !important; } .activitiesstatus { left: -4px !important; position: relative; } div#page-content { padding: 0px; } div.course-content div.img_content { background-size: 100% 100%; height: 244px !important; } .mt-3 { margin-top: 1rem !important; } .progress { width: 50% !important; left: 41px !important; position: relative; } } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { body.format-paradiso { div#page-content { padding: 0px; } .progress { width: 50% !important; left: 41px !important; position: relative; } } } //Media css for ipad @media only screen and (min-device-width: 481px) and (max-device-width: 768px) and (orientation: portrait) { body.format-paradiso { .activitiesstatus p { width: 125px !important; } .activitiesstatus { left: -4px !important; position: relative; } div#page-content { padding: 0px; } div.course-content div.img_content { background-size: 100% 100%; // height: 233px !important; } .mt-3 { margin-top: 1rem !important; } .progress { width: 50% !important; left: 41px !important; position: relative; } } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { body.format-paradiso { .activitiesstatus p { width: 125px !important; } .activitiesstatus { left: -4px !important; position: relative; } div#page-content { padding: 0px; } div.course-content div.img_content { background-size: 100% 100%; // height: 244px !important; } .mt-3 { margin-top: 1rem !important; } .progress { width: 50% !important; left: 41px !important; position: relative; } } #page-course-index-category { .cardcoursescontent { .card-header-image { margin-bottom: 10px !important; } } } } //Fixed Lock icon position misplaced in left Navigation body.format-paradiso { .section .activity .availabilityinfo { margin-left: 161px !important; } .tooltipelement_html { top: 10px; position: relative; } } @media screen and (max-width: 767px) { body.format-paradiso { .section .activity .availabilityinfo { margin-left: 154px !important; } .tooltipelement_html { top: 9px; position: relative; } } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* For portrait layouts only */ body.format-paradiso { .section .activity .availabilityinfo { margin-left: 160px !important; } .tooltipelement_html { top: 9px; position: relative; } } } //css for mobile landscape mode when we click student dashboard @media screen and (orientation:landscape) { body#page-course-view-paradiso .modal.show .modal-dialog { top: 0px; position: relative; } } //Fixed in IE11 'Sub category arrow icon not seen on course catalog page' #page-course-index.ie.ie11 { a.lms-dropdown.toggle { left: -114px; position: relative; } } #page-local-iomad-dashboard-index.ie.ie11 { #showsuspendedcompanies_label { left: -259px; position: relative; } } @media only screen and (width: 834px) and (orientation:portrait) { #page-course-view-paradiso .activitiesstatus { left: 0px !important; position: relative; } body.format-paradiso div#page-content { padding: 0px; } } @media only screen and (width: 1280px) and (orientation:landscape) { #page-course-view-paradiso .col-md-3 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 10px; } body.format-paradiso div#page-content { padding: 0px; } } @media only screen and (max-width: 740px) and (orientation:landscape) { body.format-paradiso .activity-progress { display: flex !important; flex: 100% !important; max-width: 100% !important; } #page-course-view-paradiso .row { display: flex; flex-wrap: inherit; } body.format-paradiso .activitiesstatus { width: 0px !important; } body.format-paradiso .progress { width: 80% !important; left: 77px !important; position: relative; } } @media only screen and (max-width: 520px) and (orientation:portrait) { body.format-paradiso div#page-content { padding: 0 2px !important; margin-top: -50px; } body.format-paradiso div.course-content div.img_content { height: 150px !important; } } @media only screen and (width: 1920px) and (orientation:landscape) { body.format-paradiso div#page-content { padding: 0 69px; } #page-course-index-category .search_img_content { width: 100% !important; height: 90% !important; } } @media only screen and (width: 1366px) and (orientation:landscape) { body.format-paradiso div#page-content { padding: 0 69px; } } // center alignmen of text with check box in LP #page-local-learningpaths-view { input[type="checkbox"].learningpath-cohort { top: -5px; position: relative; } } @media screen and (max-width: 767px) { body#page-mod-scorm-player { .tab-content>.active { top: 83px; position: relative; } } } /*css for mobile landscape mode*/ @media screen and (orientation:landscape) { body#page-course-view-paradiso { .activitiesstatus { left: -24px !important; position: relative; } } } @media only screen and (max-device-width: 767px) and (orientation:portrait) { header.navbar-light a.btn_settings { display: none; } header.navbar-light div#navbar-nav div.mycourse_icon { font-size: 20px !important; margin-right: 0px; } #page-course-index header.navbar-light div#navbar-nav div.check-switchrole nav.navbar ul.navbar-nav { padding-right: 0; margin-right: 0px; } // My Course Block #page-site-index .block_course_records .course_records_list .coursebox.span3 { border: none; margin-bottom: 0; background: #fff; background-color: rgb(255, 255, 255); min-height: 226px; } body#page-site-index .block_course_records .course_records_list .coursebox { position: relative; border-radius: 4px; background-color: #fbfcff; border: solid 1px #e2ecf1 !important; padding: 0px !important; height: 0px !important; margin: .8rem 0; margin-bottom: 0.8rem; margin-left: 0px; margin-bottom: .8rem; margin-left: 0; } body#page-site-index .block_course_records .course_records_list .coursebox .coursedetails .coursefoot { position: absolute; width: 100%; } // END My Course Block // Language Block header.navbar-light div#navbar-nav .full_logo { max-width: 60px !important; display: block; padding: 5px; margin-left: -25px; } header.navbar-light div#navbar-nav div.dropdown_lang { margin-right: 20px !important; } header.navbar-light div#navbar-nav div.check-switchrole nav.navbar { padding: 0; display: block !important; margin-right: 20px; } header.navbar-light div#navbar-nav div.dropdown_lang div.dropdown-menu { right: 0% !important; left: unset !important; top: 68%; margin-right: -140px !important; } header.navbar-light .dropdown-menu.multi-column { min-width: 100px !important; overflow-x: hidden; margin-left: -50px !important; } // END } header.navbar-light div#navbar-nav div.mycourse_icon { display: none; } @media only screen and (width: 1280px) and (orientation:landscape) { header.navbar-light div#navbar-nav div.dropdown_lang { margin-right: 5px !important; display: inline-flex; align-items: center; position: relative; } #page-course-index-category .search_img_content { width: 130px !important; } } @media only screen and (max-width: 657px) { body#page-user-profile { .badge-name { position: relative; } #region-main-box { padding-right: 7px !important; padding-left: 7px !important; } } } @media only screen and (min-width: 660px) { body#page-user-profile { .badge-description { max-width: none; } } } /*css for mobile landscape mode*/ @media screen and (orientation:landscape) { body#page-course-view-paradiso { #course_content .course-rating-container ul { width: 154px; } .instruc_width { left: 56px; } #course-0 { width: 120px; } .tutor-list { left: 53px; position: relative; } .activitiesstatus p { left: 22px; position: relative; } } } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { body#page-course-view-paradiso { .instruc_width { left: 109px; } .course-rating-container { width: 100px; } #course_content .course-rating-container ul { width: 145px; } .activitiesstatus p { left: 13px; position: relative; } } } @media only screen and (width: 568px) and (orientation:landscape) { header.navbar-light div#navbar-nav div.check-switchrole { padding-right: 20px !important; } } @media only screen and (max-device-width: 1024px) and (orientation:landscape) { .user_points { display: contents; } } @media only screen and (max-device-width: 740px) and (orientation:landscape) { .user_points { display: contents; } header.navbar-light div#navbar-nav div.dropdown_lang { margin-right: 30px; } header.navbar-light div#navbar-nav div.check-switchrole { padding-right: 20px !important; font-size: 20px !important; } } @media only screen and (width: 812px) and (orientation:landscape) { header.navbar-light div#navbar-nav div.mycourse_icon { display: inline-grid; font-size: 20px !important; } .user_points { display: contents; } } @media only screen and (width: 768px) and (orientation:portrait) { .user_points { display: contents; } } @media only screen and (width: 768px) and (orientation:portrait) { .check-switchrole.h-100.pr-0.cont-mycourse { display: none !important; } header.navbar-light div#navbar-nav div.mycourse_icon { display: inline-grid; font-size: 20px !important; margin-left: 20px !important; } .total-point.check-switchrole.h-100.pr-0 { margin-left: 20px; } } @media only screen and (width: 1024px) and (orientation:landscape) { header.navbar-light div#navbar-nav div.mycourse_icon { display: inline-grid; font-size: 20px !important; margin-left: 20px !important; } } ////COurse Overview New UI COde body#page-course-view-paradiso, body#page-enrol-index { #course_content { padding-left: 0px; padding-right: 0px; } .Activities_list { padding: 5px; list-style-type: none; } div#page-content { // padding: 0 0px !important; } .mb-4 { margin-bottom: 0.5rem !important; } .activity-progress { flex: 0 0 100.333333%; max-width: 100.333333%; } #course_content .course-rating-container ul { border-radius: 32px; opacity: 1; display: flex; justify-content: space-evenly; left: unset !important; } .progress { height: 15px; top: unset !important; position: relative; margin: 0px !important; bottom: 0; overflow: visible; } .header-course-title { color: #484B5A !important; padding: 10px; top: -13px; position: relative; padding-right: 52px; display: flow-root; text-transform: capitalize; } .text-center { text-align: left !important; } .space { padding: 15px 7px 7px; border-radius: 10px; margin-right: -4px; margin-left: 8px; border-top: 2px solid #e6e6e6; } .space1 { padding: 7px; border-radius: 10px; margin-left: -19px; margin-right: 8px; margin-bottom: 5px; strong.no_instructor { padding-right: 10px; } } .activitiesstatus { display: none; } .course_tiltle { top: 10px; position: relative; padding-bottom: 10px; } .course_icon { padding-right: 5px; } .course_icon_div { border-bottom: 1px solid #c7bbbb; border-top: 1px solid #c7bbbb; padding: 5px; } .tutor_width { flex: 0 0 100.333333%; max-width: 100.333333%; } .change_UI { position: relative; } .progress-bar { background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0, 0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(right, #00f796, #00b7f4); border-radius: 10px; background-size: 35px 20px, 100% 100%, 100% 100%; position: relative; span.progress-percentage { position: absolute; bottom: 0px; font-size: 9px; line-height: 10px; padding: 2px 3px 2px 4px; right: 11px; border-radius: 2px; &:before { content: '%'; font-size: 9px !important; color: #fff; z-index: 2; position: absolute; right: -5px; bottom: 2px; top: unset !important; } } } .progress_bar_percent:before { content: attr(aria-valuenow)'%'; font-size: 9px !important; right: unset !important; color: #fff; z-index: 2; position: absolute; left: 50%; bottom: -1px; top: unset !important; opacity: 0; } .course_icon:before { content: "ï…„"; padding: 5px; } .carousel-inner { height: 100px; } .carousel-caption { color: #fff; top: 50%; } .carousel-caption-data { color: #edf0f1; position: relative; top: -18px; font-size: 14px; } .profile_img_div img { border-radius: 40px; width: 70px; height: 70px; top: -18px; position: relative; } .tutor { top: -2px; color: $brand-primary; font-size: 18px !important; } div [role=main] { padding: 0 25px; } #linkblock_html { display: none; } #linkblock_paradiso_notifications { margin: 34px 59px; } .slide>div { padding: 0px 0px; } body.nav-open-left .desktop_couse_rate { left: 1198px !important; position: relative; } #region-main { background: none !important; } } /*Media css for ipad-pro*/ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { body#page-course-view-paradiso, body#page-enrol-index { #course_content .drawer_not_activ ul { left: 477px; } .progress { width: 100% !important; left: 0px !important; } } } @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { body#page-course-view-paradiso, body#page-enrol-index { #course_content .drawer_not_activ ul { left: 770px; } .progress { width: 100% !important; left: 0px !important; } } } @media only screen and (max-device-width: 1290px) and (min-device-width: 1200px) and (orientation: landscape) { body#page-course-view-paradiso { #course_content .drawer_not_activ ul { left: 637px; } .nav-open-left .course_rating_list { left: 644px !important; } } } @media only screen and (max-device-width: 768px) and (min-device-width: 481px) and (orientation: portrait) { body#page-course-view-paradiso { .progress { width: 100% !important; left: 0px !important; top: -45px; } } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { body#page-course-view-paradiso { .progress { width: 100% !important; left: 0px !important; } } #page-site-index { #region-main.has-blocks { width: 100% !important; } [data-region="blocks-column"] { width: 100% !important; } #region-main { height: auto !important; } } } body#page-course-view-paradiso { .span_align_overview { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; margin-top: 0px; font-size: 18px; letter-spacing: -.2px; } } @media only screen and (max-width: 767px) { body#page-course-view-paradiso { #course_content .course-rating-container ul li i { font-size: 14px !important; } #course_content { position: relative; padding: 0px; margin-top: 6px; } .space { margin: 7px; } .header-course-title { top: -8px; font-size: 17px !important; } .space1 { margin-left: 9px; } .progress-bar:before { font-size: 11px; top: -9px; left: 154px; } .carousel.slide { background-color: #777570; } .carousel { width: 100%; } .tutor { top: 0px; } .progress_bar_percent:before { font-size: 15px; top: 153px; left: 10; right: 26px; } } } @media screen and (max-width: 767px) and (orientation:landscape) { body#page-course-view-paradiso { div#page-content { padding: 0 0px !important; } #course_content { top: 5px; position: relative; } .header-course-title { top: -12px; } .progress_bar_percent:before { top: 309px; } } } @media screen and (min-width: 360px) and (max-width: 640px) and (orientation:landscape) { body#page-course-view-paradiso { .space { left: 10px; position: relative; } .space1 { right: 10px; position: relative; } } } @media screen and (min-width: 320px) and (max-width: 568px) and (orientation:landscape) { body#page-course-view-paradiso { .space { left: 17px; position: relative; } } } #page-course-index .cardcoursescontent .card-header-image .coursefoot { display: none; } body#page-local-learningpaths-index { .pagination { margin: 0em !important; padding: .5em !important; } } @media only screen and (max-width: 767px) { body#page-local-social_wall-index { #region-main-box { padding-right: 0px; padding-left: 0px; } .rightside-content { padding-right: 0px; padding-left: 0px; } .commentwidth { max-width: 66.666667%; left: -14px; } .men { position: relative; } div#page-content.allone-section div.card.card-block { margin-left: -56px; left: 31px; } #paradiso-chatbot .chatbot-heading { margin-left: -74px; } } } @media (max-width: 375px) { body#page-local-social_wall-index { .commentwidth { max-width: 66.666667%; left: -14px; } } } @media (max-width: 360px) { body#page-local-social_wall-index { .commentwidth { max-width: 64.666667%; left: -14px; } } } @media (max-width: 320px) { body#page-local-social_wall-index { .commentwidth { max-width: 55.666667%; left: -14px; } } } #sectionchild-1 { // top: 5px; } //Make alignment of all fields in social wall user details body#page-local-social_wall-index { .country_social { width: 100% !important; box-sizing: border-box; } } body#page-my-index, body#page-site-index { .block_paradiso_recommendation .course_img_border { border: 2px solid #f1eeee; } .block_paradiso_recommendation .coursename { margin-top: 5%; margin-bottom: 5%; height: 33px; text-transform: capitalize; } .block_paradiso_recommendation .coursedescription { height: 32px; } .block_paradiso_recommendation .card.recommand_card { margin: 5px 0 10px; } .rounded { top: -10px; } .course-rating-container { max-height: 17px; display: block; padding-bottom: 25px; } .left_arrow { position: absolute; top: 0; bottom: 0; width: 34px; height: 34px; margin: auto; border-radius: 50%; font-size: 9px; display: flex; align-items: center; justify-content: center; left: 15px; } .right_arrow { position: absolute; top: 0; bottom: 0; width: 34px; height: 34px; margin: auto; border-radius: 50%; font-size: 9px; display: flex; align-items: center; right: 4px; justify-content: center; } .course-rating-box { padding-left: 40%; } .course-rating-box .course_rating_list { display: -webkit-inline-box; } } div.settings-menu a#cm_setting_btn i { font-size: 14px; margin-right: 6px; color: $brand-primary; } div.settings-menu a#cm_setting_btn { padding-right: 17px; font-size: 14px !important; } body#page-local-learningpaths-view { div.modal-dialog form.mform .checkbox { display: flex; } } @media screen and (max-width: 767px) { .navbar-fixed-top.visible-xs+.row { padding-top: 60px; // height plus padding } .btn .visible-xs { display: inline-block !important; } .sliding-sidebar { position: fixed; z-index: 9999; background: #fff; min-height: 100%; border-right: 1px solid #ccc; top: 52px; display: none; &.collapsing { display: block !important; transform: translate3D(-100%, 0, 0); transition: all 200ms; } &.show { display: block !important; transform: translate3D(0, 0, 0); box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05), 2px 0 0 rgba(0, 0, 0, 0.05), 3px 0 0 rgba(0, 0, 0, 0.05); .card { box-shadow: none !important; } } } } .float_notification { background-color: $primary; } @media only screen and (device-width: 768px) { body#page-mod-videofile-view { div#page-content { top: 72px; position: relative; } } } //show left navigation and course page UI properly @media only screen and (max-device-width: 2560px) and (min-device-width: 768px) { #page-course-index-category .coursecat_mob_view { display: none; } } body#page-course-index-category { #page-wrapper #page { flex: none; } #nav-drawer[aria-hidden=true] .list-group-item { display: inline-flex !important; } } #page-my-index #page-content { // display: block !important; } #region-main { border: none !important; padding: 0px !important; overflow-x: visible; } div#page-content { padding: 0 15px !important; } #page-course-delete .continuebutton { padding: 30px !important; } .usermenu:focus-within { box-shadow: none; } .form-control.is-invalid { background-image: none; } #page-course-index-category .cardcoursescontent .listview .coursefoot, #page-course-index-category .cardcoursescontent .card-header-image .coursefoot { display: none; } body#page-theme-paradiso-pages-course_category-editcategory { div.contentlabel { padding-bottom: 0px; } div#page-content { padding: 0 15px !important; } } body#page-mod-videofile-mod #id_completionexpected_calendar { margin-top: -15px; vertical-align: top; } #page-local-venuemanangement-addvenuemanangement #id_submitbutton { margin-right: 5px; } #page-message-index .options-buttons { display: none; } #page-course-index-category #page-wrapper { display: block } #page-course-index-category #page-header-desc { padding-top: 2%; } body#page-course-view-formattabs { span.actions .autocompletion { position: relative; } span.actions .icon { width: 15px !important; } .modal.show .modal-dialog { width: 600px !important; } div.modal-footer button[type=button].btn-primary { width: 42%; } .set_icon_color .icon { color: #444d51 !important; } .navbar-static-top .dropdown .dropdown-menu { overflow-x: visible !important; } .btn-primary:hover { box-shadow: none !important; } } body.format-formattabs #participants .quickeditlink { display: block !important; } #page-site-index div#page-content { padding: 0 9px !important; } body#page-course-view-formattabs .autocompletion { // left: -18px !important; position: relative; } span[data-fieldtype=submit] { padding-right: 10px; } body#page-course-index-category .accordion .parent a.btn.lms-dropdown.toggle { left: -15px; position: relative; } .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons { position: absolute !important; padding: 8px !important; } body#page-mod-forum-view { label.custom-control-label { left: 58px; top: -4px; } } body#page-login-index div.content-login .center-items_log { border-radius: 10px; } #page-login-signup #id_cancel { left: -139px; position: relative; } #page-mod-quiz-edit .section .activity .actions { position: absolute; } body.format-formattabs { img.iconsmall { left: 7px; position: relative; } .region_main_settings_menu_proxy { position: absolute; right: 0; } } body.format-formattabs.path-user { #region-main-settings-menu.has-blocks { width: 100% !important; } } .userlist table#participants th { vertical-align: middle; background-color: #fff; } .userlist table#participants td { background-color: #fff; } // body#page-site-index { // .slide1image, // .slide2image, // .slide3image { // background-size: 100% 100%; // } // } body#page-local-reports-index { div.panel div.panel-body i { font-size: 14px; } // body#page-site-index { // .slide1image, // .slide2image, // .slide3image { // background-size: 100%; // height: $cardheight; // } // } .row.item-menu:hover a { color: #67747b; } } body#page-login-signup label { margin-bottom: 2px; margin-top: 3px; } body#page-login-signup { &:not(.pagelayout-base) { div.fcontainer.clearfix { margin-top: -4px; } div.form-group.row.femptylabel { display: flex !important; justify-content: center; } .password { div.form-group.row.femptylabel { .felement[data-fieldtype="static"] { flex: 0 0 100%; max-width: 100%; padding: 0 !important; div.form-control-static { width: 100% !important; } } } } .mform { .has-danger.fitem { .felement { .form-control-feedback { margin-left: -15px; } } } } div[data-groupname=buttonar] { div[data-fieldtype=group] { display: flex !important; justify-content: center; div.form-group { input.btn-round { margin-bottom: 55px !important; } } } } } } body#page-login-signup .mform>.form-group { margin-left: 0rem !important; } // Font Upload Setting #page-local-tenant_appearance-index .label_font_setting { width: 120px; height: 22px; font-size: 16px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: normal; text-align: left; color: #484b5a; } #page-local-tenant_appearance-index .form_input_property { width: 384px !important; height: 45px !important; margin-left: -15px; } #page-local-tenant_appearance-index .fonts_upload_btn { border-radius: 4px; width: 384px; height: 50px; } #page-local-tenant_appearance-index .font_list { width: 620px; border: 1px solid #d5d5d5; } #page-local-tenant_appearance-index .font_list_header { background-color: #ecf4ff; border-bottom: 3px solid #d5d5d5; border-top: 2px solid #d5d5d5; } #page-local-tenant_appearance-index .font_trash { font-size: 16px; color: $brand-primary; } #page-local-tenant_appearance-index .active_font_btn { border-radius: 12px; width: 90px; height: 22px; font-family: $font-family-sans-serif; font-size: 12px; font-weight: 600; line-height: 1; text-align: center; color: #ffffff; } #page-local-tenant_appearance-index .custom-file-input:lang(en)~.custom-file-label::after { height: 43px; line-height: 2; } #page-local-tenant_appearance-index .custom-file-label { height: 45px !important; } body#page-local-coursewizard-createcourse { input[type=submit].btn-primary { // height: 33px !important; } } /* Feature 140 New Left Navigation Bar */ .wrapper.w-navigation { padding-top: 15px; } @media screen and (max-width: 767px) { #sidebar>ul>li a { height: 40px !important; } } .slick-prev, .slick-next { z-index: 2; &::before { font-size: 16px !important; color: #526068 !important; display: block; } &.slick-disabled { &::before { display: none; } } } .slick-prev { left: -10px; &::before { content: "\f053" !important; font-family: "FontAwesome"; } } .slick-next { right: -10px !important; &::before { content: "\f054" !important; font-family: "FontAwesome"; } } /*rtl mode slick slider arrow issue*/ [dir=rtl] { .slick-next { left: auto; right: -10px; } .slick-prev { left: -10px; right: auto; } } ul.slick-dots { bottom: -25px; @media (max-width: 767px) { text-align: center; } li button { &:before { font-size: 1.2rem; opacity: 1; z-index: 1; } } li.slick-active button:before { opacity: 1; color: #6d6f71; } } body#page-login-index { input#username, input#password { margin: -5.5px 0 10px 0; } } .icon_text_left_nav { width: 100px; font-family: $font-family-sans-serif; font-size: 12px; font-weight: 600 !important; margin-top: 5px; color: #484b5a; text-align: center; margin-right: -2rem; margin-bottom: 0; display: inline-block !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: ltr; } .caret_right_nav { font-size: 12px !important; margin-right: -85px !important; margin-top: -6px !important; } .left_power_icon { font-size: 24px; color: $brand-primary; } .left_text_power_icon { font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: normal; color: $brand-primary; } body#page-blocks-iomad_company_admin-company_user_create_form, body#page-course-edit { #id_cancel { height: 40px !important; } } body#page-message-index { .custom-radio .custom-control-label::before, .custom-switch .custom-control-label::before, .custom-switch .custom-control-label::after { display: none; } .custom-control-input { position: absolute; left: 0; z-index: 1 !important; width: 1rem; height: 18.75px !important; opacity: 1 !important; } } body#page-site-index { a.left.carousel-control .wid-icon-back-large, a.right.carousel-control .wid-icon-arrowright { display: none; } .carousel-indicators li { background-color: $lighten; margin: 2px; top: 10px; position: relative; } .carousel-indicators .active { background-color: $primary; } .slick-prev::before, .slick-next::before { color: $brand-primary !important; } } #page-my-index { .slick-prev::before, .slick-next::before { color: $brand-primary !important; font-size: 25px !important; display: block; } } body#page-site-index, body#page-my-index { .fa.fa-bullhorn { font-size: 21px; color: $primary; top: 9px; left: 7px; position: relative; transform: rotate(-10deg); } .annoncement_circle { background-color: #f2f5f7; border-radius: 18px; height: 36px; width: 36px; } .post { left: 15px; position: relative; } } body#page-login-index { input#username, input#password { margin: -5.5px 0 10px 0; } div.content-login { border-radius: 20px; } .alert.alert-danger { width: 100%; padding: .75rem 1.25rem !important; } .close { color: #fff; opacity: 1 !important; padding: 0 !important; margin-top: -2px; } } @media screen and (max-width: 770px) { body#page-login-index { div.row.d-block.h-100 { margin: unset; position: static !important; display: flex !important; justify-content: center; align-items: center; } } } #page-course-index-category { .coursesearchbox { .form-control { border-radius: 20.5px; border: solid 2px #2d8dfe; background-color: #fff; font-size: 13px; font-weight: 300; color: #465b65; width: 300px; margin-left: 30px; } .men.men-icon-search { position: absolute; margin: auto; left: 310px; padding: 8px; color: #fff; border-radius: 14px; background-color: $brand-primary !important; top: 4px; } } .filter-button { color: $brand-primary; margin-top: 4px; font-size: 18px !important; } .course_add_new { padding-right: 36px; } div.settings-menu { height: 33px; } .card-curses { height: 100%; } .card-curses::-webkit-scrollbar-thumb { background-color: $brand-primary; border-radius: 11px; } .coursecataloglist::-webkit-scrollbar-thumb { background-color: $brand-primary; border-radius: 11px; } .searchicontag { position: absolute; margin: auto; left: -56px; padding: 8px; color: #fff; border-radius: 14px; background-color: $primary !important; top: 97px; } .taginput { border-radius: 20.5px !important; border: solid 2px $brand-primary !important; } .dropdowntagicon { position: absolute; right: 27px; top: 11px; } .dropdownmenutags { margin-left: -22rem; margin-top: 2rem; width: 350px; overflow-y: scroll; z-index: 1; background-color: #fff; background-clip: padding-box; border: 1px solid #e2e2e2; border-radius: 3px; } #appendalltags { border-radius: 60px; border: solid 2px $brand-primary !important; width: 100%; height: 35px; padding-right: 24px; } .appendtagname { background-color: $brand-primary; margin-top: 6px; color: #fff; border-radius: 6px; display: inline-block; padding: .25em .4em; font-size: 85%; font-weight: 500; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 6px; white-space: nowrap; width: 70px; overflow: hidden; text-overflow: ellipsis; } .tagsearch { width: 300px; border-radius: 60px; border: solid 2px $brand-primary !important; margin-left: 1rem; } .tagnameindropdown { font-size: 14px; text-align: left; padding-left: 20px; padding-top: 10px; color: #484B5A !important; } .course_search { width: 100% !important; border-radius: 60px; border: solid 2px $brand-primary !important; } .coursesearch_icon { position: absolute; margin: auto; left: unset !important; padding: 8px; color: #fff; border-radius: 14px; background-color: $brand-primary !important; top: 4px; right: 20px; } .search_cate_titlename { color: #3F3F3F !important; font-size: 16px; padding: 10px; } .vl { border-left: 2px solid #A9ABB8; height: 450px; } .course_search_div { float: right; height: 500px; overflow-y: auto; } .search_course_titlename { color: #3F3F3F !important; padding: 10px; font-size: 16px; } .search_img_content { width: 130px; padding: 10px; height: 90px; background-color: #fbfcff; border: solid 1px #e2ecf1; border-radius: 7px; margin-bottom: 10px !important; } .search_course_name { color: #3F3F3F !important; font-size: 14px; padding: 10px; padding: 10px 0px 0px 0px; overflow: hidden; max-height: 3.2rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-transform: capitalize; } .search_course_catename { color: #A9ABB8 !important; font-size: 12px; text-align: left; padding: 10px 0px 0px 0px; } .search_viewall { color: $primary; text-align: center; padding: 10px; } .course_search_popup_data { display: none; border: 1px solid lightgray; z-index: 9; background-color: #fff; width: 90%; margin-left: 2rem; box-shadow: lightgray 5px 5px 5px 0px; position: absolute; } .tagname { margin-top: 6px; color: #A9ABB8; position: absolute; width: 70px; text-align: center; } .coursecatbtn_grp .dropdown-item:hover { color: $brand-primary; background-color: $lighten; } .coursecatbtn_grp .btn.btn-primary.dropdown-toggle { border-radius: 4px !important; &:after { display: none; } } .coursecatbtn_grp .btn.btn-primary.dropdown-toggle i.fa { margin-right: 5px; } .close_popup_search_box { float: right; font-size: 18px; padding: 15px; color: $brand-primary; } } //Upcomming Event new design aside.block.block_calendar_upcoming { .row_outer { background-color: $lighten; border-radius: 19px; margin-bottom: 5px; } .date_style { height: 50px; width: 55px; border-radius: 12px; border: 1px solid #eee; background-color: $brand-primary; left: 8px; position: relative; text-align: center; padding: 11px; } .not_date_style { height: 18px; width: 18px; border-radius: 50%; display: inline-block; background-color: $brand-primary; margin-left: 27px; margin-top: 11px; } .not_date_style span.col-lg-2.col-md-2.col-xs-2 { display: none; } .current_date_style { height: 50px; width: 55px; border-radius: 12px; border: 1px solid $brand-primary; left: 8px; position: relative; text-align: center; padding: 11px; z-index: 1; } .current_date_style span.col-lg-2.col-md-2.col-xs-2 { color: $brand-primary !important; font-size: 13px; } .dottedclass { border-left: 2px dotted $brand-primary; height: 36px; position: absolute; top: -1.4rem; left: 2.2rem; } .col-lg-10.col-md-10.col-xs-10.float-right.title-upcoming { border-left: none; } .col_width { flex: 0 0 77.333333%; max-width: 77.333333%; } .event a { padding-left: 0px !important; margin-bottom: 0px !important; color: #000000 !important; } .date { padding-top: 0px !important; color: $brand-primary !important; } span.col-lg-2.col-md-2.col-xs-2 { color: #ffffff !important; font-size: 13px; } } body#page-local-coursewizard-createcourse { .fp-select .fp-thumbnail { margin: 10px 0px 0 0; } .fp-select .fp-fileinfo { padding: 6px; width: 254px; } } .markettiles { a[href=""] { display: none !important; } .container-fluid { .row { .col-md-4 { max-width: 100% !important; padding: 0 7px; } slick-prev { left: -32px !important; } } } } aside.block_lpd { div.headinglpd { padding: .75rem ! important; border: $blocksasideborder !important; margin-bottom: 0px !important; background-color: $lighten !important; opacity: 1; color: $brand-primary !important; } div.lpd-lp-content.itemlpd { border: $blocksasideborder !important; border-top: 0 !important; } div.lpd-lp-content-header:before { color: $brand-primary !important; opacity: 1; } nav { position: absolute; bottom: -4%; display: flex; justify-content: center; width: 100%; } div.card-text { height: 265px !important; } } aside.block_team { .mt-table { thead { background-color: $lighten !important; } } } div.course-myrecords { nav { margin-left: 44%; margin-top: -16px; ui.pagination .page-item a.page-link span { display: none; } } ul.pagination a.page-link { border: none !important; color: #ABB3BC; background-color: transparent; font-size: 16px; } ul.pagination li.page-item { margin-right: 11px; } ul.pagination li.page-item.active a { color: #2D8DFE !important; } } //Admin Home page / student dashboard body#page-site-index, body#page-my-index { div.settings-menu a#add-block { left: -12px; } div.siwitch_content .checkbox.checbox-switch, div.settings-menu a#add-block { // background-color: #ffffff; top: -8px; position: relative; padding: 8px 15px; border-radius: 5px; box-shadow: -1px 2px 14px rgba(206, 206, 206, .37); } } body#page-login-index { .forgotpassCss { color: $brand-primary; font-weight: 500 } .usernameLogin { color: #3f3f3f; font-size: 14px; margin-bottom: 0px !important; } #username { border-radius: 7px; } .placeright { float: right; } } body#page-login-forgot_password { #id_searchbyusername { display: none; } .ftoggler { display: none; } } body.format-paradiso .navbar-light { .row { flex-wrap: unset !important; } } body#page-blocks-configurable_reports-editplugin { #id_cancel { height: 29px !important; padding: 5px 18px !important; } div.buttons-panel .finish.btn { height: 29px !important; } } #page-my-index.editing div.elements_breadcrumb div.singlebutton button { top: -8px; position: relative; } div#element_custom_navigation { .alert-warning.iconcolor { background: #fff !important; border-color: #fff !important; box-shadow: $blocksshadow; span.media-left { display: none !important; } } } body#page-mod-forum-discuss #region-main>.card { // margin-top: 41px; } .m_login_home .boxaligncenter { position: relative !important; } /** *Ticket 468 *@author Akshay Pingale *@since 25/01/2021 *@Paradiso */ body.format-paradiso { #linkblock_xpparadiso { margin: 0 auto; border: 1px solid #d5d5d5; padding-top: 15px; border-radius: 4px; nav { text-align: center; display: flex; flex-wrap: wrap; align-content: stretch; align-items: stretch; .nav-button { border: 1px solid #f5f5f5; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; text-decoration: none; color: #333; font-size: 80%; padding: 10px 0; } } } .block_xpparadiso-level { margin-left: auto; margin-right: auto; } .block_recentlyaccessedcourses .card-block .card-text.content { overflow-x: hidden !important; } #page-site-index .table_team th.header { background-color: $lighten; } div.xp-togo { float: right !important; text-align: right; margin-top: 15px !important; letter-spacing: 0; color: #7d849a !important; opacity: 1; } .xp-total { text-align: center; margin-bottom: 20px; color: $brand-primary !important; } } body#page-course-edit { .moodle-dialogue-wrap.moodle-dialogue-content.yui3-widget-stdmod a .icon { left: -9px; position: relative; } } #page-mod-page-view .printpage-btn-wrap { display: flex; align-items: center; } #page-mod-page-view .download-button-wrapper { padding-right: 10px; } aside.block { .slick-slider { padding-right: 30px !important; padding-left: 15px !important; } .slick-next { right: 4px !important; } .slick-prev { left: -21px !important; } .slick-prev::before .slick-next::before { font-size: 25px !important; display: block; } } #page-course-index-category { .card.card-block.content-shadow { min-height: 83vh; } } #page-local-learningpaths-index { section#region-main { .card.card-block.content-shadow { min-height: 83vh; } } } .moodle-dialogue-wrap { .moodle-dialogue-bd { .fp-navbar { .fp-toolbar { div { position: relative; i.icon { position: absolute; left: 11px; top: 9px; } } } .fp-viewbar { i.icon { position: absolute; left: 11px; top: 9px; } } } } } body#page-local-people-index { .show_tenat_company_records { position: relative; top: -7px; display: flex; justify-content: flex-end; align-items: flex-start; } #show_tenat_company { position: relative; } .show_tenat_company_records label { top: -5px; position: relative; font-size: 14px; font-weight: 600; margin-left: 8px; padding-right: 5px; overflow: hidden; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .icon_css { color: $brand-primary; } a.loadiframe { margin-right: 9px; margin-bottom: 10px; border-radius: 4px !important; line-height: 1.8; } .select2-container--default .select2-selection--single { background-color: #fff; border: 2px solid $brand-primary; border-radius: 22px; } .table { border: 1px solid #f1e9e9; } #txt { border: 1px solid #3aafe2; } .report-left-block-acordeon { border: 1px solid #f1e9e9; border-radius: 4px; } .table-responsive-sm { //overflow-x: auto; } .icon_suspend { color: #f7606e; font-size: 15px; } .icon_active { color: #0ccb38; font-size: 15px; } #reset-form { padding: 3px 7px; color: #fff; background-color: $brand-primary; border-radius: 4px; } } body#page-enrol-index { .coursebox.clearfix { display: none; } .box.py-3.generalbox.info { display: none; } } .path-mod-quiz { #mod_quiz_navblock { .qnbutton { border-radius: 3px !important; overflow: hidden; padding: 5px !important; height: 40px !important; .trafficlight { margin-top: 22px !important; height: 16px; } } .qnbutton.notyetanswered { line-height: 25px; } } .que span.qno { font-size: 1em; margin-left: 0.5em; } .editquestion, .block_quickmail { .icon { margin-right: 0.5rem; } } .moodle-dialogue-base.moodle-dialogue-confirm { .moodle-dialogue-hd h1 { font-size: 13px !important; margin: 0; } .confirmation-dialogue { .confirmation-buttons { text-align: left !important; .btn-secondary, input[name=cancel] { height: unset !important; } } } } } a:not([class]):focus { background-color: transparent !important; } body:not(.userloggedinas) div#navbar-nav .boton_settings_off .usermenu {} //active tenant icon issue resolve. .slimScrollDiv { height: calc(100vh - 180px); } body#page-my-index .block-region .slimScrollDiv { overflow-y: hidden !important; } /** * Feature 562 Left Course New Design *Ticket 562 *@author Abhishek V *@since 23/02/2021 *@Paradiso */ body.format-paradiso { .header_bar_left_course { font-size: 25px; color: #ffffff; background: $brand-primary; padding: 4px 7px; border-radius: 4px; margin-right: 25px; } .section_search #search_activities { // border: solid 2px $brand-primary !important; } .activity_btn { background-color: $brand-primary; padding: 6px; border-radius: 100%; color: #fff; font-size: 14px; width: 25px; height: 24px; font-weight: 200; } .activity_btn_nm { color: #000; font-weight: 600; } .custom-select:disabled { color: #A7A7A7; background-color: #e9ecef; border: solid 1px $brand-primary !important; border-radius: 3px; } .custom-select { color: #A7A7A7; border: solid 1px $brand-primary !important; border-radius: 3px; } header#navbar-paradiso div.headertabs ul.nav-tabs li .header_bar_left_course { margin-top: 4px; } .Activities_list .coursefea_count { float: right; color: $brand-primary; } .Activities_list .coursefea_name { margin-left: 10px; } } aside.block_tags { .tag_cloud .inline-list li { font-size: 12px !important; background: #f5fbfe; margin: 5px; border-radius: 5px 5px 5px 5px; padding: 5px; display: inline-block; a { font-size: 12px !important; color: $brand-primary !important; } } } /** *Ticket 617 *@author Akshay P *@since 22/03/2021 *@Hide section in admin logos setting */ body#page-admin-setting-logos { div#admin-logocompact { display: none; } } //badges image UI body#page-badges-badge { img { width: 100px; height: 100px; } } /** * Feature 54 Login page Lang dropdown *Ticket 54 *@author Akshay P *@since 3/03/2021 *@Paradiso */ body#page-login-index { div.dropdown_lang { display: flex; justify-content: center; list-style: none; i.fa-language { color: $brand-primary !important; } li.dropdown.nav-item a { color: $brand-primary !important; padding: 0.5rem 0.5rem !important; margin-top: -3px !important; } } } /* Ticket : 611 Issue : Course format Format tab section text align issue */ body#page-course-view-formattabs { .section { .activity { .activityinstance { a { text-indent: 0px !important; } } } } } /** #643 Student Home | Click on Profile Image | Messages */ #page-message-index { .icon.fa.fa-smile-o.fa-fw { margin-left: -8px; font-size: 17px !important; } .icon.fa.fa-paper-plane.fa-fw { margin-left: -9px; font-size: 17px !important; } .icon.fa-trash.fa-fw { margin-left: -8px; } } body#page-user-profile { //fa icons added using content code .. a::before { padding-right: 10px; font-family: "FontAwesome" } .notes a::before { content: "\f249"; // content code for fa-sticky-note-o } .mycustomcerts a::before { content: "\f0a3"; // content code for fa-certificate } .forumposts a::before { content: "\f0ce"; // content code for fa-table } .forumdiscussions a::before { content: "\f1cd"; // content code for fa-ife-ring } .learningplans a::before { content: "\f018"; // content code for fa-road } .hsuforumposts a::before { content: "\f0db"; // content code for fa-columns } .hsuforumdiscussions a::before { content: "\f086"; // content code for fa-comments } } /** * 574 UI Issues left navigation highlight icon for Manage courses /Get Reports section */ #nav-drawer ul li.dropdown.nav-item.tab_active_new { color: $brand-primary !important; border-left: 0 !important; background-color: transparent !important; border-top: none !important; a { background-color: $brand-primary !important; // border-radius: 0 35px 35px 0px!important; border-left: 5px solid $lighten !important; i, h6 { color: $lighten !important; } } } #sidebar .tab_active_new .media-left i { color: $brand-primary !important; } ul li.tab_active_new a h6 { color: $brand-primary !important; } body#page-local-people-index { .table-people { th.header { text-transform: capitalize !important; } } .panel-title { text-transform: capitalize !important; } .dropdwn_people { margin-bottom: 10px; } } body.format-site { .block_statistics { div.graph-parent { a span { text-transform: capitalize !important; } } } .page-title { text-transform: capitalize !important; } } body#page-blocks-customnavigation-structure { div.form-group { text-transform: capitalize !important; } } body#page-local-social_wall-index { .title-learning { text-transform: capitalize !important; } } /** #562 Left Course New Design @author Abhishek V @since 06-04-2021 @paradiso */ //.choosercontainer.paradisochooser_item .searchmod .searchmodicon { // position: absolute; // margin: auto; // left: unset !important; // padding: 8px; // color: #fff; // border-radius: 50px; // background-color: $brand-primary !important; // top: 0px; // right: 4px; // height: 27px; //} .choosercontainer #chooseform .selected { background-color: $lighten !important; // border: solid 2px $brand-primary !important; } #page-course-view-paradiso { .moodle-dialogue-hd.yui3-widget-hd { text-align: left !important; letter-spacing: 0px !important; font-size: 15px !important; color: #484B5A !important; text-transform: none !important; font-weight: 600; } .course_rating_txt { bottom: 15px; position: absolute; color: #FFFFFF; font-size: 12px; left: 24px; } } /** #651 Report New Design */ #page-local-reports-index { .active_rep_name { color: $brand-primary !important; } .table thead th { background-color: $lighten !important; color: $brand-primary !important; } .reportsearch_icon { background-color: $brand-primary !important; } #txt { border: solid 2px $brand-primary !important; } .paginate_active { color: $brand-primary !important; font-size: 16px; padding: 10px; } .new-button-create_report { float: right; background-color: $lighten !important; border-color: #fff !important; color: $brand-primary !important; border-radius: 4px !important; margin-top: -2px !important; box-shadow: none !important; line-height: 1.6; } .report_cat_name { cursor: pointer; } } #page-blocks-configurable_reports-viewreport { ul.nav-tabs a.nav-link.active { border-bottom: 4px solid $brand-primary !important; color: $brand-primary !important; background-color: #fff !important; font-weight: 600; font-size: 14px; height: 40px; } form#sendemail table.report-table thead th { background-color: $lighten !important; } .totalrecordsnum { color: $brand-primary !important; } .filter button.new-button i { color: $brand-primary !important; } .new-button-line-reset { float: right; color: $brand-primary ; background-color: $lighten ; border-color: #fff; border-radius: 4px !important; } nav { ul.pagination { li.page-item { font-size: 14px; } li.page-item.active { background-color: unset !important; a.page-link { background-color: unset !important; color: $brand-primary !important; font-weight: 600; } } } } } // END #page-local-people-index { .select2-container--default .select2-results__group { font-weight: 500 !important; background-color: $lighten !important; border: 1px solid $brand-primary !important; border-radius: 8px; color: $brand-primary !important; } #send { color: $brand-primary !important; } .close_icon_search { background-color: $brand-primary !important; } } #page-local-enroll_by_profile-index { a.rules_btn { background: $brand-primary 0% 0% no-repeat padding-box; border-radius: 4px !important; } div.card-block { i.men-search-phx { background-color: $brand-primary !important; } i.delete_icon, i.disable_icon { color: $brand-primary !important; } } table#mortalEngines thead { background-color: $lighten !important; } .generaltable { tbody { tr { border: 1px solid $gray-lighter; &:hover { background-color: $table_tr_hover !important; } } } } table.generaltable { border: 1px solid $gray-lighter !important; } a.delete_rule_all, a.disable_rule_all { background-color: $lighten !important; } .modal-footer button.close_lms_mod { background-color: $lighten !important; color: $brand-primary !important; } input#search { border: 2px solid $brand-primary; } } #page-enrol-editenrolment { div.contentlabel { display: none; } .editlabelname { color: #484B5A; font-size: 14px; } .fdate_time_selector { width: 500px; } select.form-control { width: 100% !important; } form.mform { .form-group[data-groupname="buttonar"] { margin: 0; } } } body.format-paradiso div.activities_navigator a i { color: $brand-primary !important; ; } #page-local-social_wall-index #social-container-1 { background-color: $lighten !important; } #page-course-index-category { .cardcoursescontent .card-header-image { min-height: 234px; } } /** #625 forget password lables @author Akshay P @since 15-04-2021 @paradiso */ body#page-login-forgot_password { label[for="id_username"] { display: none !important; } label[for="id_email"] { display: none !important; margin-left: 108px !important; } #id_searchbyemail, #id_searchbyusername { .fcontainer.clearfix { label { padding-left: 15px; font-size: 14px; } } } input#id_submitbuttonemail, input#id_submitbuttonusername { margin-top: 1em; } input#id_password { margin-top: -12px !important; } input#id_password2 { margin-top: -10px; } div.continuebutton { margin-left: 25px !important; } abbr[data-inputid='id_password'] { margin-top: 6px; margin-left: 9px; position: absolute; } abbr[data-inputid='id_password2'] { margin-top: -25; margin-left: 10px; position: absolute; } div.box.py-3.generalbox.boxwidthnormal.boxaligncenter { margin: 15px 0 !important; width: 543px !important; } div.form-control-feedback { text-align: left; padding: 5px 0 0; } } body#page-site-index { .block_course_records .content .notice { display: none; } } #page-blocks-xpparadiso-index .moreless-actions { margin-left: 20px; } body#page-user-profile { .pagination { display: none; } } body#page-user-profile { .select2-container--default .select2-selection--single { border: 2px solid $brand-primary; border-radius: 20.5px; } div.user-panel div.tab-content div.contentnode>span:first-child { font-size: 13px; font-weight: 500; color: $brand-primary; text-transform: capitalize; } .select2-selection__arrow { top: -9px !important; } .select2-container { display: table-cell; } } #page-course-index-category { .accordion { .parent { a.btn { opacity: 0; } } } } #page-course-index-category { .accordion { li:hover { .parent { a.btn { opacity: 1; } } } } } body#page-blocks-configurable_reports-viewreport { .dropdown-item:hover { color: $brand-primary !important; background-color: #fff; } .dropdown-toggle::after { font-size: 14px; color: #fff; } .new-button-line-reset.dropdown-toggle::after { font-size: 14px; color: $brand-primary; } .dropdown-menu.show { display: block; border-radius: 8px; background-color: #fff; border-color: #fff; box-shadow: 0px 5px 27px #B0B0B05E; } .dropdown-item { padding-top: 10px; } } body.lang-ar { #item_lefnavigation { left: 114px !important; } } body#page-calendar-managesubscriptions { #importformins { display: none; } label { width: 393px !important; } } body.format-site { div.total-point { a.btn_settings { margin-top: 0px !important; } } } body#page-block-quickmail { table.emailtable { .custom-select { border-radius: unset !important; } td.cell.c1 { p { text-align: center; } } } [data-groupname="buttons"] { .felement { display: flex !important; } } } header { .search-nabvar { #results { .category_name_global_search { text-align: center; color: #fff; height: 30px; display: flex; align-items: center; padding-left: 15px; background-color: $brand-primary; } .searchheader_name { align-content: center; cursor: pointer; text-align: left; height: 10px; display: flex; align-items: center; text-decoration: none; padding-left: 6px !important; color: #3F3F3F !important; font-size: 16px !important; padding-top: 20px !important; padding-bottom: 20px !important; font-weight: 600; } .fa_icon_search_category { position: absolute !important; padding-left: 14px; padding-top: 12px; font-size: 18px; top: unset !important; left: unset !important; } .close_global_search_icon { position: absolute; right: 0; color: #000; border-radius: 10px; padding: 6px 8px 2px 2px; z-index: 1; font-size: 14px; } .global_search_heading { a { &:after { content: "\f078"; font-family: 'FontAwesome'; position: absolute; right: 27px; font-weight: 400; font-size: 14px; } } a.collapsed { &:after { content: "\f077"; } } } .fa_icon_search_category:before { position: absolute; width: 29px; height: 29px; background: $lighten; border-radius: 50%; left: 6px; padding: 7px; font-size: 17px; top: 6px; } img.search_user_pic { position: absolute; width: 29px; height: 29px; left: 9px; margin-top: 5px; } #accordionExample { padding: 10px; .card { padding-bottom: 5px; } } } } } body#page-report-competency-index { .iconsmall { margin-right: 10px; } } #page-message-index .view_conver_status { border: 1px solid #fff; background-color: $brand-primary; position: absolute; top: 20px; width: 8px; height: 8px; border-radius: 50%; } #page-blocks-xpparadiso-index { .dataTables_paginate { position: relative; margin: auto; width: 100%; text-align: center; } .paginate_button { font-size: 16px; color: #ABB3BC !important; padding: 10px; } .paginate_active { color: $brand-primary !important; font-size: 16px; padding: 10px; } .dataTables_paginate a { cursor: pointer; } } aside.block_calendar_upcoming { table.generaltable.f2fsession { border-collapse: collapse; border-radius: 5px; border-style: hidden; box-shadow: 0 0 0 1px #eee; height: auto !important; tbody tr td { display: contents !important; padding: 5px !important; } tr { display: block !important; padding: 5px !important; } } } body#page-course-index-category { div.singlebutton { .btn.btn-round.btn-secondary { background: none !important; } } } body#page-mod-ilt-view { .dropdown-menu { min-width: 8rem !important; left: -21px !important; } } #page-admin-user-user_bulk select.form-control { width: 100% !important; } #page-local-reports-index .reportclear_icon { display: none; margin: auto; left: unset !important; padding: 8px; color: #fff; border-radius: 14px; top: 4px; right: 20px; position: absolute; background-color: $brand-primary !important; } body#page-local-people-actions-user_bulk_suspend_unsuspend .box.py-3.generalbox { padding-top: 0.50rem !important; } .path-local-people div.applied_rule, div.removed_rule { display: none !important; } body.format-site { div#categoryCourses { p.card-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } } /** *@author Akshay Pingale *@since 7/07/2021 *@Ticket 870 course activity zoom for desktop view */ body.format-paradiso { background-color: #fff !important; } div#coursenavigation.course-navigation-focus { transition: transform ease-out 0.5s; transform: translateX(-150%); } body.format-paradiso.course-focus-view { margin-left: 0px !important; div#learningcontent { height: unset !important; } div#page-wrapper #page #page-content { margin: -14px 0 0 !important; } } body#page-login-signup { .required-field::after { content: "*"; color: #f55145; padding: 5px; } } .fulscrrenstyle { height: 100% !important; } body#page-course-index-category { .filterstyle { cursor: pointer; } } /** *@author Akshay Pingale *@since 27/07/2021 *@Ticket 918 progress bar UI issue */ .progress-chart-container { height: 70px; width: 70px; } .progress-chart-container .progress-doughnut { position: relative; height: 70px; width: 70px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 15px solid #dee2e6; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } .progress-chart-container .progress-doughnut .progress-text.has-percent { color: #ff9e0f; } .progress-chart-container .progress-doughnut .progress-indicator { position: absolute; top: -15px; left: -15px; height: 70px; width: 70px; } .progress-chart-container .progress-doughnut .progress-indicator svg { position: relative; height: 100%; width: 100%; } .progress-chart-container .progress-doughnut .progress-indicator svg .circle { stroke-width: 15px; stroke: #ff9e0f; fill: none; stroke-dasharray: 173; stroke-dashoffset: 173; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); transform-origin: center center; } .progress-chart-container .progress-doughnut .progress-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #dee2e6; } #page-mod-quiz-edit.select-multiple#page-mod-quiz-edit .maxgrade, #page-mod-quiz-edit.select-multiple .mod-quiz-edit-content .last-add-menu { display: block !important; } #page-mod-quiz-edit.select-multiple .content .sectionname .right.side .dropdown { position: absolute !important; margin-left: -52px !important; margin-top: 4px !important; } aside.block_lpd { .lpd-lp-body-column.credits { cursor: pointer; } } #page-admin-tool-lp-plan { .dataTables_paginate { position: relative; margin: auto; width: 100%; text-align: center; } .paginate_button { font-size: 16px; color: #ABB3BC !important; padding: 10px; } .dataTables_paginate a { cursor: pointer; } .paginate_active { color: $brand-primary !important; font-size: 16px; padding: 10px; } } #page-mod-quiz-attempt { .activities_navigator { display: none; } .flag_cls { left: 600px; position: relative; padding-bottom: 10px; cursor: pointer; width: 100px; } } /** *@author Sanyogita Dhakane *@since 17/08/2021 *@Ticket 954 -Header | Move Language Switcher to user menu */ .dropdown_lang { top: -18px; .dropdown-menu { width: 200px !important; top: 27px !important; right: -17px; } .showicon { display: block !important; } a.dropdown-toggle { color: $brand-primary; left: 43px; position: relative; font-size: 15px !important; width: 136px !important; font-weight: 500 !important; } a.dropdown-toggle:before { display: none; } .dropdown-toggle { white-space: normal; } .languagecls { padding: 10px; } } .lang_text { color: #768c94 !important; top: -18px; position: relative; } .dropdown-item:hover { .lang_text { color: $brand-primary !important; } div.dropdown_lang { a.dropdown-toggle { color: $brand-primary !important; } } } #page-admin-tool-lp-plan .learn_now_spider { color: $brand-primary !important; } /** *@author Akshay Pingale *@since 13/08/2021 *@Ticket 963 content bank / hading text/ view */ body#page-contentbank { a.icon-no-margin { background-color: $lighten !important; } .dropdown-item.active, .dropdown-item:active { background-color: #fff !important; color: $brand-primary !important; } .icon-no-margin.btn.active { color: $brand-primary !important; } .button-view { div.menu_view_chooser { position: absolute; transform: translate3d(-118px, 32px, 0px); top: 0px; left: 0px; will-change: transform; } padding-top: 0 !important; } .icon-no-margin.btn:hover { box-shadow: unset !important; } #region-main { div.py-3.generalbox { padding-top: 0 !important; } } a.btn-secondary.mr-1 { // margin-right: 8px !important; } } #page-backup-restore { div.fdate_time_selector div.form-group.fitem { width: 30% !important; } div.fdate_time_selector div.form-group.fitem .form-control { width: 80px !important; } } /** * Changed Select box of Tags in Course catalog. * @author Sanyogita D. * @since 20-08-2021 * @ticket #973 */ body#page-course-index-category { span.select2.select2-container.select2-container--default { width: 100% !important; } .filter-button { padding: 6px; margin-top: 0px; position: relative; } ::-webkit-scrollbar { height: 5px; width: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { margin-top: -8px !important; } .select2-selection { padding: 10px !important; } } #page-admin-tool-lp-plan { ul.linkedcourses_list { list-style-type: none; } span.learn_now_spider.ml-1 { position: absolute; left: 35px; width: 100px; font-size: 13px; cursor: pointer; } .managerate { position: absolute; left: 20px; color: #919191; } } #page-admin-tool-lp-plan .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd { border-bottom: 0px solid #dee2e6; } #page-local-venuemanangement-listresource, #page-local-venuemanangement-listbu, #page-local-venuemanangement-locations, #page-local-venuemanangement-index { .btn-success { background-color: $brand-primary !important; border-color: $brand-primary !important; } .btn-info { background-color: $lighten !important; border-color: $lighten !important; color: $brand-primary !important; } input.btn.btn-default { margin-right: .25rem !important; margin-bottom: 1rem !important; background-color: $lighten !important; border-color: $lighten !important; color: $brand-primary !important; } .form-group { // margin-top: 10px; // margin-bottom: 10px; } label.modicon { padding-right: 10px; } } #page-local-venuemanangement-index, #page-local-venuemanangement-locations { .btn-success { background-color: $brand-primary !important; border-color: $brand-primary !important; } } /** * Changed the accordion icon direction. * @author Sanyogita D. * @since 06-09-2021 * @ticket #1005 */ header .search-nabvar #results .global_search_heading { a.collapsed:after { content: "\f078" !important; } a:after { content: "\f077" !important; } } #page-course-index-category { .select2-selection { color: $brand-primary !important; } } #page-local-email-notification-index { .back_email_notifiy { position: absolute; font-size: 19px; color: $brand-primary !important; } .email_header_name { margin-left: 30px; } } #page-mod-quiz-attempt { .slick-slider .slick-slide { min-width: auto; display: flex; justify-content: center; } .slick-prev { left: 105px !important; top: 29px; } .slick-next { right: 10px !important; top: 29px; } .slick-prev::before, .slick-next::before { color: $brand-primary !important; font-size: 20px !important; display: block; } } body:not(#page-local-coursewizard-createcourse) ul.nav-tabs .nav-link span { font-size: 15px !important; font-weight: 700 !important; } #page-mod-ilt-view { #page-content .box.generalbox .Add_new_session { background-color: $brand-primary; } .Add_new_session { width: auto; float: right; padding: 10px; border-radius: 3px; margin-top: 17px; } .addnewsession { color: $brand-primary; font-size: 14px; font-weight: 500; } .addnewsession { color: #fff !important; } } #page-local-external_trainer-listvender { .dataTables_paginate { position: relative; margin: auto; width: 100%; text-align: center; } .dataTables_paginate a { cursor: pointer; } .paginate_button { font-size: 16px; color: #ABB3BC !important; padding: 10px; } .paginate_active { color: $brand-primary !important; font-size: 16px; padding: 10px; } } #page-local-coursewizard-createcourse textarea.form-control { height: 116px !important; border-radius: 3px; border: solid 1px #c9dce2; width: 80%; } #page-local-reports-index .first { display: none; } /** * @description Griffin DEV/ Appearance setting/ Custom image setting/ Favicon setting * @author :Sonali B * @since :02-02-2022 * @task :Bug#1381 * @paradiso */ div#admin-favicon div.dndupload-message, div#admin-loginimage div.dndupload-message { display: block !important; } #page-local-reports-report_schedule-index .schedule_report_charcount { position: relative; padding-left: calc(16.666667% + 15px); margin-bottom: 15px; } /** * @description When the admin deletes any badge then delete buttons are not centralized and the cancel button is not centralized. * @author :Sandip R * @since :04-02-2022 * @task :Bug#1440 * @paradiso */ #page-badges-index #linkmaincontent .generalbox p~.singlebutton, #page-badges-index #linkmaincontent .generalbox~a { display: flex !important; justify-content: center !important; } #page-badges-award #recipientform #existingrecipients_wrapper { margin: 0px 50px 0px 0px !important; } #page-badges-award #recipientform #potentialrecipients_wrapper { margin: 0px 0px 0px 50px !important; } #page-badges-award #recipientform #existingrecipients_wrapper #existingrecipients { width: 100% !important; } #page-badges-award #recipientform #existingrecipients_wrapper #potentialrecipients { width: 100% !important; } #page-badges-award #recipientform table.recipienttable .actions { padding-top: 5% !important } #page-badges-award #recipientform table.recipienttable .form-inline label { justify-content: flex-start !important; } #page-blocks-configurable_reports-viewreport { form#sendemail { width: 100%; overflow-x: auto; } } .section-modchooser-link .disabled { cursor: not-allowed; } .section-modchooser-link .disabled .activity_btn_nm { color: #B1BFC6; } .section-modchooser-link .disabled .activity_btn { background-color: #B1BFC6; } body#page-calendar-view div.eventlist { div[data-event-component=mod_ilt] { div.description-content { >a { color: $brand-primary !important; } } } } #page-grade-report-grader-index { .accesshide { position: inherit !important; } th.cell.topleft.cell.c0 { text-align: left; } } #page-badges-overview button[type="submit"] { //background-color: $brand-primary !important; //color: #fff; } aside.block_course_records div.course_records_list { .owl-prev, .owl-next { color: $brand-primary !important; } } // LXP SCSS //Overrride End div.add_playlist_btn { display: inline-flex; align-items: center; justify-content: flex-end; height: 52px !important; } .resend-alert { background: #E9A100 0% 0% no-repeat padding-box; box-shadow: 0px 2px 10px #cbcdd05e; opacity: 1; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 20px; border-radius: 7px; gap: 10px; .grid-box { display: grid !important; grid-template-columns: 43px 100%; @media screen and (max-width: 576px) { grid-template-columns: 32px 92%; } i.fa.fa-exclamation-triangle { font-size: 24px; color: #000; padding-top: 6px; } p.resend_mail { padding: 0; margin: 0; font-size: 16px; font-weight: 300; line-height: 1.4; color: #000000; flex: 2; strong { font-weight: 600; } } } button.btn.btn-warning { background-color: #e9a100; border: 1px solid #000; border-radius: 4px; font-size: 16px; color: #000; } } .resend-alert.send { font-size: 16px !important; font-weight: 600; color: #000; flex-wrap: nowrap; .grid-box { font-size: 16px !important; @media screen and (max-width: 576px) { grid-template-columns: 40px 81%; } i.fa.fa-check-circle { font-size: 24px; color: #000; } } i.fa.fa-times { color: #000; cursor: pointer; } } .shareuser_iconh5p { position: absolute; margin: auto; left: unset !important; padding: 8px; color: #fff; border-radius: 14px; background-color: $brand-primary !important; top: 4px; right: 65px; } #h5pcontent_popup .modal-content { width: 500px; } .grouph5pdata { padding-top: 40px; } span.new_button.d-inline-block { display: none !important; } #page-local-workspaces-workspaces { .back-icon { background: $brand-primary; } .defaultsnext { #cohortsearchval { border: 2px solid $brand-primary !important; } .shareuser_icon2 { background-color: $brand-primary !important; } } a.deletework { line-height: 1.7; color: $brand-primary; } .modal#workspacedropdownMenuLink, .modal#deleteworkspacemodal { .modal-content { border-radius: 0.8rem; h5.modal-title { text-align: left; font-size: 18px; font-weight: 600; text-transform: capitalize; padding-left: 25px; } .deletewokspacepopup { max-height: 76vh; height: 100%; text-align: left; overflow: auto; padding: 10px 25px 30px; .btn { line-height: 1.7; color: $brand-primary; } .btn.btn-primary { color: #fff; } } } } } .workspace_divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .show>.btn-secondary.dropdown-toggle { color: $brand-primary !important; } button.active_workspace { width: 250px !important; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .workspace_dropdown ul.dropdown-menu.multi-level.show { overflow: unset !important; overflow-x: unset !important; overflow-y: unset !important; } /** *@author Kalpana T *@since 12 Jan 2022 *@Paradiso .rec-container{ position: fixed; bottom: 10px; background: #000000; width: max-content; padding: 8px; border-radius: 4px; z-index: 1000; } #screen_recorder_new .recMessage{ font-size: 80px !important; text-align: center; display: none; } */ .save-video video { display: block; height: 100%; width: 100%; } body#page-local-playlist-route { form.search-form { .recent-user, .recent-cohorts { .append_data, .append_cohorts_data { .userbackcolor, div.cohortbackcolor { border: 1px solid $brand-primary !important; i.cohort-fa, .user-fa { color: $brand-primary !important; } } } } } } .content-details .main-con .item-is-marked .isclick { border: 1px solid $brand-primary !important; } .cssanimation { animation-duration: 5s; animation-fill-mode: both; } .fadeInBottom { animation-name: fadeInBottom } @keyframes fadeInBottom { from { opacity: 1; transform: translateY(100%); } to { opacity: 0 } } .pointfade { position: absolute; bottom: 0; right: 16px; button { background: #ffbd07 !important; color: #fff !important; border: none !important; font-size: 13px; width: 100% !important; padding: 7px 15px !important; height: auto !important; i { font-size: 13px !important } } } table.block_xpparadiso-table { .trophy-success, .trophy-congratulations, .user-prfile { display: none !important; } } aside.block_xpparadiso { .trophy-success, .trophy-congratulations, .user-prfile { display: none !important; } } body#page-blocks-xpparadiso-index { .trophy-success, .trophy-congratulations, .user-prfile { display: none !important; } } body#page-admin-cohort-index { table#cohorts { .lastcol .dropdown-item { color: #000 !important; font-weight: 500 !important; background-color: #fff !important; } .lastcol .dropdown-item:hover { color: $brand-primary !important; background-color: $lighten !important; } .lastcol .dropdown-toggle::after { border: none !important; } } form#searchcohortquery { label[for="cohort_search_q"] { display: inline-block; margin-right: 10px !important; } .searchcohortdiv { position: relative; width: 300px; input#cohort_search_q { display: inline-block; width: 300px; vertical-align: middle; height: 36px !important; position: relative; font-size: 13px; padding: 2px 35px 2px 18.5px; border-radius: 32.5px !important; border: 2px solid $brand-primary; background-color: #fff; } i.search-cohort { position: absolute; margin: auto; padding: 7px; color: #fff; border-radius: 25px; background-color: $brand-primary; right: 4px; top: 4px; } } } } body#page-cohort-edit { select#id_contextid { width: 80% !important; } } //header.navbar-light { // div#navbar-nav { .workspace_dropdown { button.dropdown-toggle { width: auto !important; border: 0 !important; padding: 0 !important; font-weight: 600; span.big-letter { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 4px; color: #fff !important; background-color: $brand-primary; margin-bottom: 0 !important; } span.name { font-size: 13px !important; color: #484b5a !important; font-weight: 600; } .up-word { display: flex; flex-direction: column; align-items: flex-start; color: #A9ABB8; font-size: 11px !important; font-weight: 400; } } i { color: #465b65 !important; font-size: 12px; margin-left: 6px; margin-top: -2px; } .dropdown-item1.dropdown-menu-right { .dropdownWorkspaceMenuLink { i { font-size: 17px !important; margin-top: 11px !important; } } .dropdown-menu.dropdown-menu-right { padding: 0 !important; .dropdown-item { a { padding: 0 !important; width: 100%; display: grid !important; grid-template-columns: 20px 80%; white-space: unset; height: unset; font-size: 13px !important; color: #484b5a !important; font-weight: 600; text-decoration: none; i { margin: 0; } &:hover, &:focus { color: $brand-primary !important; background-color: $lighten !important; i { color: $brand-primary !important; } } } } } } div.workspaces_menu { padding: 0; min-width: 260px; max-width: 290% !important; // overflow-x: unset !important; // overflow-y: visible !important; .no-overflow { overflow-x: auto; max-height: 365px; &::-webkit-scrollbar-thumb { background-color: $brand-primary; } .dropdown-item1 { &:nth-child(n+7) { .dropdown-menu { position: absolute; top: -43px; } } .dropdown-menu { min-width: 120px !important; right: 15px; .dropdown-item { padding: 10px 0 10px 15px !important; } } } } p.workspaces { padding: 15px 10px; font-size: 14px; color: #484B5A; border-bottom: 1px solid #ebebeb; margin: 0 7px; display: none; } div.dropdown-item1.dropdown-menu-right { display: flex; position: relative; } .dropdown-menu>a:after { display: none !important; } .dropdown-item.workspace_apply span { font-size: 14px !important; } div.dropdown-menu { a.dropdown-item.workspace_apply { padding: 15px !important; display: flex; height: 58px; &:hover, &:active { background-color: #F6F6F6 !important; color: #484B5A !important; font-weight: 600; } span.name { font-size: 13px !important; color: #484B5A !important; font-weight: 400; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 70%; &:hover, &:active { font-weight: 600; } } } div.dropdown-menu { padding: 0; div.dropdown-item { padding: 15px !important; &:hover, &:active { background-color: #F6F6F6 !important; color: #484B5A !important; font-weight: 600; a { color: #484B5A !important; } } } } } div.create_workspaces { border-top: 1px solid #ebebeb; margin: 0 7px; a.dropdown-item { font-size: 14px; text-align: center; padding: 15px !important; color: $brand-primary !important; height: 50px; display: flex; align-items: center; justify-content: center; gap: 5px; i { color: $brand-primary !important; margin-top: 0; } &:hover { background-color: transparent !important; } } } span.big-letter { width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; color: #fff !important; background-color: #c70084; } } } // } //} body#page-my { .workspace_dropdown { button.dropdown-toggle { span.big-letter { margin-bottom: 0.25rem !important; } } } } header.navbar-light { div#navbar-nav { padding-left: 0; .first-content { display: flex; justify-content: flex-start; a.navbar-brand.logo_left_menu.has-logo { display: none; } } } } #page-local-learningpaths-view { .prerequisites-popup li { width: 200px; height: 35px; box-shadow: 0 2px 6px 0 rgb(58 110 205 / 16%); background-color: #fff; margin: 5px 15px; padding: 0px; } li.name.active { background-color: $brand-primary !important; } .prerequisites-popup li:hover { background-color: $brand-primary !important; } } .block_recommendation .btn_start { background-color: $lighten; color: $brand-primary !important; -webkit-box-shadow: 0 2px 8px 0 #d5d5d5 !important; box-shadow: 0 2px 8px 0 #d5d5d5 !important; float: right; border-radius: 16px; border-radius: 4px; background-color: #e2f4fa; width: 100%; font-size: 14px; font-weight: 500; border: none; height: 35px; } body.format-paradiso { ul.topics { li.student-hidden { display: none !important; } } } #page-login-forgot_password a.loginlink { color: $brand-primary !important; padding: 0px; // margin-left: 200px; // position: absolute; // margin-top: -30px; text-align: center; width: 100%; display: block; } #page-login-forgot_password { input#id_submitbutton { width: auto; margin-top: 10px; } button#id_cancel, input#id_cancel { width: auto; margin-top: 10px; } } #page-blocks-configurable_reports-editplugin i.fa.fa-star { color: #ebad56; } // div#learningcontent { // background-color: $body-color-other-pages; // } body#page-course-index-category, body#page-site-index, body#page-my-index { background-color: $body-bg !important; } body { background-color: $body-color-other-pages !important; } // body:not(#page-site-index,#page-course-index-category){ // background-color: unset !important; // } .ui-tooltip { display: none !important; } #page-theme-paradiso-pages-course_management-management { .ml li { color: black; cursor: move; margin: 5px; padding: 5px; font-size: 1.2em; } } #page-local-overflow-index { .btnred { color: white; background-color: red; } } div.editor_atto_content td, div.editor_atto_content caption { border: 1px dashed #bbb !important; } //Blinker popup start $pulse-color : rgba($lighten, 0.6); @keyframes pulse { 0% { box-shadow: 0 0 0 0 $pulse-color; } 100% { box-shadow: 0 0 0 16px $pulse-color; } } /* 2007 Blinker setting @author Akshay P @since 09/20/2022 */ $pulse-blue-color1 : rgba($explosion_blinker_color, 0.6); $pulse-blue-color2 : rgba($explosion_blinker_color, 0.0); @keyframes pulse-blue { 0% { transform: scale(1); box-shadow: 0 0 0 0 $pulse-blue-color1; } 70% { transform: scale(0.75); box-shadow: 0 0 0 16px $pulse-blue-color2; } 100% { transform: scale(1); box-shadow: 0 0 0 2px $pulse-blue-color2; } } //Common Part .dot.popup.binker { background: $blinker_color !important; border-radius: 50%; box-shadow: 0 0 0 0 rgb(0 0 0); margin: 10px; height: 16px; width: 16px; transform: scale(1); cursor: pointer; box-shadow: 0 0 0 0 rgba(52, 172, 224, 1); animation: pulse-blue 3s infinite; display: none; top: unset; } //Course catelog Page #page-course-index-category { .course_add_new { .coursecatbtn_grp { .dot.popup.binker { display: block !important; margin-top: -7px; margin-right: -7px; z-index: 2; } } } } //Left Course .format-paradiso { div.section_search { ul.overview-item { .dot.popup.binker { display: block !important; float: right; z-index: 2; position: relative; top: 5px; left: 4px; } } } } //Learning Paths #page-local-learningpaths-index { .content-title { .dot.popup.binker { display: block !important; cursor: pointer; z-index: 2; position: absolute; top: 5px; left: 190px; } } } //People #page-local-people-index { .titepeople { .dot.popup.binker { display: block !important; z-index: 2; position: absolute; top: 0px; left: 204px; } } #binker-popup { #myModal-videopopup { button.close { top: unset !important; right: unset !important; } } } } //Front page admin #page-site-index { .dot.popup.binker.admin { display: block !important; z-index: 2; position: absolute; top: -30px; left: 20px; } } //Front page student #page-site-index.userloggedinas { .region-sidepre { .dot.popup.binker.student { display: block !important; z-index: 2; position: absolute; top: -30px; left: 20px; } } } //Report page #page-local-paradiso_reports-index { .reports-both-blocks { .dot.popup.binker { display: block !important; z-index: 2; position: absolute; top: -1px; left: 360px; } } } //Left Navigation #nav-drawer { .dot.popup.binker { display: block !important; z-index: 4; position: absolute; bottom: 36px; left: 1px; } } .userloggedinas { #nav-drawer { .dot.popup.binker { display: none !important; } } } //Blinker popup modal #binker-popup { .popup-head { margin-bottom: 10px; padding: 0; font-size: 18px; font-weight: 600; overflow: hidden; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; letter-spacing: 0; width: 90%; } i.fa.fa-play-circle.th-icon { position: absolute; top: 47%; left: 50%; font-weight: 900; font-size: 60px; color: #fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; } .thumbnail-contant { &::after { content: "Watch Now"; position: absolute; top: 65%; left: 50%; font-size: 15px; color: #fff; transform: translate(-50%, -50%); cursor: pointer; } } .modal-body { /*padding: 0;*/ background: transparent !important; } .modal-content { padding: 10px 20px 20px; border: 0; } #myModal-videopopup { .modal-content { background: transparent !important; } .modal-header { border: 0; /*padding: 8px!important; position: absolute; right: 0px; background: #fff; border-radius: 52%; top: -13px; z-index: 2; box-shadow: 0px 0px 23px 0 rgb(216 216 216); */ } button.btn-close { font-size: 29px; padding: 0 !important; line-height: .7; top: unset; right: unset; opacity: .7; margin: 0 !important; } .modal-dialog { max-width: auto !important; width: auto; } .modal-body { .btn-close { /*position: relative; float: right; background-color: transparent; border: 0; font-weight: 700; color: #000; text-shadow: 0 1px 0 #fff;*/ position: absolute; background: #fff; border-radius: 52%; right: -17px; top: -17px; box-shadow: 0 0 23px 0 #d8d8d8; padding: 5px !important; border: none; } iframe#blink_video { min-height: 400px; } .people-binker { top: -3px; } .frontpage-admin-binker { top: -5px; } } } .close { &:not(:disabled) { &:not(.disabled) { &:focus { outline: 0px auto -webkit-focus-ring-color; } } } } #myModal-thumbnail { margin: 11% auto; .modal-content { padding: 15px; border: 0; } .modal-header { border: 0; padding: 0; } button.close { font-size: 29px; padding: 0 15px 0px !important; top: -18px; right: unset; opacity: 0.7; } img.thumbnail { width: 100%; cursor: pointer; } .modal-dialog { max-width: 455px !important; } } } @media only screen and (max-width: 2600px) and (min-width: 1951px) { #binker-popup #myModal-videopopup .modal-dialog { /*max-width: 42%!important;*/ } } @media only screen and (max-width: 1950px) and (min-width: 1751px) { #binker-popup #myModal-videopopup .modal-dialog { /*max-width: 55%!important;*/ } } @media only screen and (max-width: 1750px) and (min-width: 1600px) { #binker-popup #myModal-videopopup .modal-dialog { /*max-width: 60%!important;*/ } } @media only screen and (max-width: 1400px) and (min-width: 1300px) { #binker-popup #myModal-videopopup .modal-dialog { /*max-width: 78%!important;*/ } } @media only screen and (max-width: 1160px) and (min-width: 901px) { #binker-popup #myModal-videopopup .modal-dialog { /*max-width: 97%!important;*/ } } @media only screen and (max-width: 900px) { #binker-popup #myModal-videopopup .modal-dialog { /*max-width: 98%!important;*/ } #binker-popup .modal-body { background: transparent !important; } #binker-popup #myModal-videopopup .modal-header { right: 8px; top: 25px; } } @media only screen and (max-width: 567px) { #binker-popup #myModal-videopopup .modal-header { /*top: 29%;*/ } } @media only screen and (max-width: 480px) { #binker-popup .popup-head { font-size: 15px; } #binker-popup i.fa.fa-play-circle.th-icon { font-size: 52px; } } @media screen and (max-width: 429px) { #page-local-paradiso_reports-index .reports-both-blocks .dot.popup.binker { left: 264px; } } //Blinker popup end div.workspace_dropdown { display: inline-flex; align-items: center; justify-content: flex-end; height: 52px !important; button.dropdown-toggle { width: auto !important; border: 0 !important; padding: 0 !important; font-weight: 600; vertical-align: initial !important; display: flex; align-items: center; height: 36.5px; margin: 0.5px 11.5px 0.5px 11px; border-radius: 24px; // span.big-letter { // width: 35px; // height: 35px; // display: flex; // align-items: center; // justify-content: center; // border-radius: 4px; // color: #fff!important; // background-color: #1ba2dd; // font-weight: 500; // font-size: 16px; // } .up-word { display: flex; flex-direction: column; align-items: flex-start; color: #a9abb8; font-size: 11px !important; font-weight: 400; } span.name { font-size: 13px !important; color: #484b5a !important; font-weight: 600; } } i { color: #465b65 !important; font-size: 12px; margin-left: 6px; margin-top: -2px; } div.workspaces_menu { padding: 0; min-width: 260px; max-width: 290% !important; float: left; margin-top: 0; border-radius: 3px; background-color: #fff; overflow-x: hidden; overflow-y: auto; .no-overflow { overflow-x: auto; max-height: 365px; } p.workspaces { padding: 15px 10px; font-size: 14px; color: #484b5a; border-bottom: 1px solid #ebebeb; margin: 0 7px; display: none; } div.dropdown-item1.dropdown-menu-right { display: flex; position: relative; } div.dropdown-menu-right { padding-left: 0; padding-right: 0; right: 0; left: auto; a:first-child { display: flex; align-items: center; height: 60px; } .dropdown-item { padding: 14px 0 14px 24px !important; margin: 0; margin-left: 0; workspace_apply span { font-size: 14px !important; } } } // span.big-letter { // width: 35px; // height: 35px; // display: inline-flex; // align-items: center; // justify-content: center; // border-radius: 4px; // color: #fff!important; // background-color: #c70084; // } } .dropdown-item1 .dropdownWorkspaceMenuLink { width: 47.15px; } } body#page-local-trial-buy_plan .trial_highlight { color: $primary; } label.topic_rule { margin-left: 50px; } #page-theme-paradiso-pages-course_management-management { #course-category-listings .listing-pagination .yui3-button { background-color: #fff !important; border-color: #fff !important; font-size: 15px; border: 0 !important; font-weight: 400; position: relative; display: inline-block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #67747b; background-color: #fff; box-shadow: none; background-image: none !important; text-decoration: none; } #course-category-listings .listing-pagination a.yui3-button.active-page { color: $brand-primary !important; font-weight: 600; } } body#page-login-forgot_password form.mform fieldset#id_setpassword { div.submit-change { display: flex; align-items: center; justify-content: center; gap: 10px; div.form-group.row { display: inline-block; width: auto; input#id_submitbutton, button#id_cancel { width: auto; margin-top: 10px; } } div.contentlabel { padding: 0; } } } /** #2118 - Default image of course to be change with course name **/ .course_search_div .course-bg-title, aside.block_recommendation .recommand_card .course-bg-title, #navbar-nav .dropdown .course-bg-title, aside.block_course_records .image_wrap .course-bg-title, .carditem .carditem__body .image .course-bg-title, #course_content .img_content .course-bg-title, #categoryCourses .content-img .course-bg-title { position: absolute; top: 50%; left: 5%; z-index: 99; font-size: 14px; font-weight: 600; color: #707070; background-color: none !important; padding: 0 10px; text-transform: capitalize; overflow: hidden; max-height: 4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 40%; transform: translateY(-50%); text-align: left; padding: 0; } .course-bg-title .first-word { color: $brand-primary; font-size: inherit !important; display: block !important; } #course_content .img_content .course-bg-title { font-size: 50px !important; max-height: 22rem !important; -webkit-line-clamp: 2 !important } // #course_content .img_content .course-bg-title .first-word {font-size: 50px!important;} // .carditem .carditem__body .image .course-bg-title {font-size: 15px; font-weight: 300;} // .carditem .carditem__body .image .course-bg-title .first-word {font-size: 15px!important;} #navbar-nav .dropdown .course-bg-title { font-size: 9px !important; padding: 5px 5px !important; max-width: 80% !important; } // #navbar-nav .dropdown .course-bg-title .first-word {font-size: 9px!important;} #categoryCourses .content-img .course-bg-title { z-index: 1 !important; } .course_search_div .course-bg-title { font-size: 8px !important; left: 20% !important; -webkit-line-clamp: 2 !important; max-height: 4rem !important; max-width: 28%; } // .course_search_div .course-bg-title .first-word {font-size: 12px!important;} aside.block_recommendation .recommand_card.card .course-bg-title { top: 25% !important } #page-mod-quiz-edit .section-heading .editing_section, #page-mod-quiz-edit .section-heading .editing_delete { margin-left: 10px; background-color: $brand-primary !important; height: 25px; width: 25px; border-radius: 50%; display: inline-block; } #page-mod-quiz-edit { span.add-menu { background-color: $brand-primary !important; color: white; padding: 5px 12px; } .add-menu i.fa.fa-plus { color: white !important; } .editing_section .editicon { margin-right: 0px !important; color: #FFFFFF; padding: 6px; vertical-align: sub; } .editing_delete .fa-trash-o { margin-right: 0px !important; color: #FFFFFF; vertical-align: middle; // padding-left: 7px; font-size: 15px; // padding-top: 5px; } .actions .fa-trash-o { color: black; } // #selectmultipledeletecommand{ // background-color : $body-bg!important; // color: $brand-primary !important; // border-color: $body-bg!important; // } .btn-secondary:disabled { background-color: $body-bg !important; color: $brand-primary !important; border-color: $body-bg !important; } .section-heading { .editing_delete { .fa-trash-o { padding-left: 7px; padding-top: 5px; } } } } body#page-local-trial-index { div.card-color { ul.nav.nav-tabs { li.nav-item.active { background-color: $brand-primary; a.nav-link { color: #fff; p { color: #fff; } } } } } } #page-blocks-lp-competencies_to_review { .dataTables_paginate { position: relative; margin: auto; width: 100%; text-align: center; } .paginate_active { color: $brand-primary !important; font-size: 16px; padding: 10px; } .first { display: none; } .paginate_button { font-size: 16px; color: #ABB3BC !important; padding: 10px; } .dataTables_paginate a { cursor: pointer; } } body#page-user-profile div.user-panel div.tab-content .contentnode .generaltable .pagination { display: flex !important; } /** * @desc Overwrite border color of dropdown * @author Sameer A. * @ticket #2146-Add change password in profile dropdown. (mentioned in comment) */ .badge-info { color: #fff !important; background-color: $brand-primary !important; } body#page-user-editadvanced div.autocomplete_selection input.form-control { border: 1px solid #ced4da !important; } body#page-contentbank { .core_contentbank_viewcontent { .content-button { flex: 1; a.back_page { display: inline-flex; &:hover { -webkit-box-shadow: none; box-shadow: none; } } } } div.content-bank-container { .cb-navbar { .cb-navbar-breadbrumb { font-size: 20px !important; i { font-size: 20px !important; } } } div.cb-content-wrapper { padding: 1rem !important; min-height: 140px; max-height: unset; display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 15px; @media only screen and (max-width: 1360px) { grid-template-columns: repeat(5, 1fr); div.cb-listitem { // max-height: 170px; } } @media only screen and (max-width: 1110px) { grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 991px) { grid-template-columns: repeat(3, 1fr); } @media only screen and (max-width: 767px) { grid-template-columns: repeat(2, 1fr); } @media only screen and (max-width: 375px) { grid-template-columns: repeat(1, 1fr); } div.cb-listitem { // border: 1px solid #d8d8d8; border-radius: 4px; font-size: 14px; color: #484b5a; padding: 0 !important; // height: 20vh; // min-height: 145px; // display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: unset; min-width: unset; margin-bottom: 0; position: relative; .controls { position: absolute; right: 7px; top: 6px; opacity: 0; z-index: 999; button#dropdown-actions { padding: 0 !important; background: #00000096; width: 22px; height: 22px; display: block; border-radius: 50%; color: #fff; padding-top: 2px !important; line-height: unset; border: 1px solid; } .dropdown-menu { padding: 0; .dropdown-item { padding: 14px 20px !important; font-size: 14px; &:hover { color: $brand-primary !important; background-color: $lighten !important; } } } } &:hover { .controls { opacity: 1; } } } .cb-listitem.showonlistview{ display: none; } .cb-listitem.showonlistview.droping{ background: $brand-primary; } } div#navigation-filters { .modal-dialog { width: 535px; h5.modal-title { text-transform: capitalize; font-size: 16px; color: $brand-primary; } .modal-body { .dropdown { button#dropdownMenuButton { width: 85%; text-align: left; background-color: #fff; color: #A7A7A7; border: 1px solid #DEE2E6; border-radius: 3px; height: 41px; margin: 0 auto; display: flex; line-height: 1.8; font-size: 14px; position: relative; } button#dropdownMenuButton[aria-expanded="false"]::before { content: "\f0dd"; font-family: FontAwesome; position: absolute; top: 1px; right: 10px; width: 20px; color: $brand-primary; font-size: 19px; } button#dropdownMenuButton[aria-expanded="true"]::before { content: "\f0de"; font-family: FontAwesome; position: absolute; top: 7px; right: 10px; width: 20px; color: $brand-primary; font-size: 19px; } .dropdown-menu.show { width: 85%; position: relative !important; transform: translate3d(37px, -1px, 0px) !important; box-shadow: 0px 0px 6px #00000029; border-radius: 4px; border: 0; &::-webkit-scrollbar-thumb { background-color: $brand-primary; border-radius: 11px; } &::-webkit-scrollbar { width: 5px; opacity: 0 !important; visibility: hidden; height: 5px; } a.dropdown-item.main_grp { color: var(--text-color); font-size: 14px; font-weight: 600; } a.dropdown-item.filter_sub_cate { font-size: 13px; padding-left: 45px; color: var(--text-color); text-transform: capitalize; } } } } } } } .content-bank-container.view-list { div.cb-content-wrapper { display: unset !important; padding: 0 !important; div.cb-listitem { height: unset !important; min-height: unset !important; display: flex; flex-direction: unset !important; align-items: unset !important; justify-content: unset !important; } .cb-listitem.showonlistview{ display: flex; } } .cb-column { align-items: center; flex: 1; } .cb-file { flex: 2 !important; } .cb-column.last { display: inline-flex !important; } .cb-listitem { .cb-file { display: grid !important; -ms-grid-columns: 43px 65%; grid-template-columns: 35px 86%; } } .notfolders{ display: flex!important; } .folder-group,.view-all-content{ display: none!important; } } ul.pagination { justify-content: flex-end; margin-right: 20px; li.page-item.active a { color: $brand-primary !important; } a.page-link { border: none !important; color: #abb3bc !important; background-color: transparent !important; font-size: 16px; cursor: pointer !important; } } div#h5pcontent_popup1 { .modal-dialog { // max-width: 980px!important; //new-part max-width: 800px !important; width: 100%; display: flex; justify-content: center; align-items: center; height: 100vh; margin: auto; top: unset; .modal-content { width: 100% !important; border-radius: 10px 10px 10px 10px; } .modal-title { text-align: left; font-size: 16px; font-weight: 600; text-transform: capitalize; } } .modal-header { border: 0 !important; padding: 0rem !important; box-shadow: 0px 2px 20px #00000030; padding: 7px 0; h5.modal-title { padding: 18px 30px 5px !important; } button.close { top: -36px; right: 12px; } .title-search { display: flex; align-items: flex-end; h5.modal-title { width: 300px; } .search_content { position: relative; i.icon { position: absolute; top: 11px; left: 44px; font-size: 15px; font-weight: 900; color: #A7A7A7; } input#contenttype_search { background: #F5F5F5; border-radius: 3px; border: 0; width: 256px; padding: 5px 10px 5px 37px; margin-left: 34px; height: 36px !important; } } } } .close.interactive { font-size: 25px; padding: 20px !important; padding-bottom: 0 !important; } div.modal-body.h5pcontentbody { overflow: unset !important; padding-top: 0 !important; padding-bottom: 0; padding-left: 0; // min-height: 72vh; //new-part min-height: auto; .container { padding: 0; margin: 0; .main_box_shadow { padding: 0; //new-part margin: 0 auto; div#v-pills-tab { box-shadow: 0px 2px 20px #00000029; padding: 15px 0; height: 72vh; .list-group-item { padding: 0.87rem 1.25rem; font-size: 14px; color: #484B5A; } .list-group-item.active { color: #FFFFFF; } } div#v-pills-tabContent { margin-top: 15px; .grouph5pdata { max-height: 68vh; //new-part margin: 10% 0 13%; .row { //new-part gap: 30px; } &::-webkit-scrollbar-thumb { background-color: $brand-primary; border-radius: 15px; } &::-webkit-scrollbar-track { background-color: #F6F6F6; border-radius: 15px; } &::-webkit-scrollbar { width: 6px; } .content-list { width: 30% !important; min-width: 177px; flex-wrap: wrap; .dropdown-item.h5pcontentname { background: #F5F5F5 !important; border: 0; height: 157px; img { height: 60%; width: 60%; } p { padding-top: 15px; margin-bottom: 0; color: #272727; font-size: 14px; } } } } } } } } div.modal-body.h5pcontentbody .grouph5pdata { padding: 0 13px; max-height: 73vh; height: 100%; text-align: left; overflow: auto; } div.modal-body.h5pcontentbody .grouph5pdata>.row { display: flex; justify-content: center; gap: 10px; } div.modal-body.h5pcontentbody .grouph5pdata .dropdown-item { border: 1px solid #d8d8d8; border-radius: 5px; font-size: 14px; color: #484b5a; padding: 0 !important; height: 130px; display: flex; flex-direction: column; align-items: center; justify-content: center; // margin: 5px; } } .content-bank-container.view-grid { .content-bank { .cb-content-wrapper { .cb-file { padding: 0; width: 100%; height: auto; .cb-img { padding: 0; height: 100%; width: 100%; position: relative; border-radius: 4px; /* aspect-ratio: 16 / 9; */ padding-top: 56.25%; overflow: hidden; .cb-thumbnail { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } } .cb-link.stretched-link { text-decoration: none; div.word-break-all { text-align: center; padding: 20px 10px; background: #F4F5F6; color: #484B5A; font-weight: 600; font-size: 15px !important; .cb-name { font-size: 15px; font-weight: 600; text-transform: capitalize; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: auto; } .cb-date { font-size: 12px; } } } .cb-link.stretched-link.edting::after{ top: auto!important; } } .cb-listitem.dragging{ opacity: 0.2; } } } } } body#page-contentbank-edit { .h5p-editor-wrapper { iframe.h5p-editor-iframe { margin: 0 auto; } } .moreeditdrp { display: flex; justify-content: right; } .dropdown-toggle::after { display: none !important; } } #page-course-view-paradiso { #customuser_create { .modal-body { max-height: 620px; overflow-y: auto; } .ftoggler { display: none !important; } .modal-title { text-align: left; text-transform: none; font-size: 18px; font-weight: 600; } fieldset#id_moodle.collapsible { .contentlabel { align-items: center; display: flex; justify-content: space-between; .col-form-label { font-size: 14px; font-weight: 600; color: #212121; } } div.fcontainer.clearfix { padding-top: 10px !important; padding: 0; input.form-control, div#password-group, div.form-control-static { width: 100% !important; } } } } .modal-backdrop.show { opacity: 0.3; } } .tooltip-inner { background-color: #f3eded !important; color: #000 !important; border-radius: unset !important; border: 1px solid #000 !important; } .arrow::before { border-top-color: transparent !important; } a.dropdown-item.workspace_apply:hover { background-color: $lighten !important; } .search-nabvar .loadersmall { display: none; } /* 2150 Create a user directly while enrolling the course @author Akshay p @since 09/13/2022 */ body#page-course-view-paradiso.path-user div.moodle-has-zindex form.mform fieldset#id_main.containsadvancedelements .form-group.row.fitem:nth-child(1) ul.form-autocomplete-suggestions { .span-no-records { display: none !important; } button { display: inline-block !important; } } ul.form-autocomplete-suggestions { .btn.btn-light { display: none !important; } .customuser_createmodal { display: none !important; } } body#page-contentbank { .dropdown-toggle::after { display: none !important; } .no_result_found { font-size: 15px; text-align: center; display: grid !important; } .filterstyle { color: $brand-primary !important; margin-top: 7px; font-size: 20px !important; // position: absolute; // left: 15rem; cursor: pointer; } input:checked+.slider { background-color: $brand-primary !important; } } textarea.form-control { width: 80%; } /* 2429 LXP- Share content POP-UP @author Akshay p @since 09/15/2022 */ body#page-local-playlist-route { span.press-enter { background-color: $brand-primary !important; border: none !important; } } body#page-contentbank-edit { #pixabay_search { border: solid 2px $brand-primary !important; width: 100% !important; border-radius: 60px; padding-left: 16px !important; } .pixabay_search_icon { margin: auto; padding: 8px; color: #fff; border-radius: 14px; top: 20px; right: 34rem; position: absolute; background-color: $brand-primary !important; } } /* 2558 griffin dev/setting @author Akshay p @since 09/30/2022 */ i.adminsettingsearchicon { position: absolute; margin: auto; padding: 8px; color: #fff; border-radius: 14px; background-color: $brand-primary !important; right: 4px; cursor: pointer; } /* 2643 griffin dev/course catelog/learning path @author Akshay p @since 10/03/2022 */ body#page-course-index-category { .row.course-catalog-lp { align-items: center; margin-top: 10px; } .col-xs-6.col-sm-6.text-left.lp-title { font-size: 18px !important; font-weight: 500; color: #3f3f3f; } #enrollme { color: #fff !important; } } /* 2658 Griffin-qa/Course/ Activity - String issue & Restrict access UI issue @author Akshay p @since 10/06/2022 */ span.availability_completion.availability-plugincontrols { span.availability-group { :first-child { padding: 4px !important; } } } /* 2477 Learning Path/Self Enrol lp description css @author Akshay p @since 10/11/2022 */ body#page-course-index-category { div#categoryCourses { a.img-courses.lp_cat { .card-body { h4#yModalLabel { font-size: 12px; font-weight: 400; text-transform: capitalize; } p { margin-bottom: 0; } } } } } .ontop .fa-expand:before { display: none; } .ontop i:after { content: "\f066"; font-family: 'FontAwesome'; } /* 2666 Onboarding Checklist @author Akshay p @since 10/10/2022 */ .onboarding { width: 358px; height: 50px; background: #f5f5f5ba; border-radius: 5px; padding: 7px; text-align: center; margin: 0 0 10px 0; overflow: hidden; opacity: 0; } .onboarding.open { height: 308px; opacity: 1; overflow: visible; } .onboarding.popup-ani { -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .onboarding .ba-logo { width: 65px; height: 25px; background-position: 0px; margin: 0 auto; opacity: .5; cursor: pointer; } .onboarding .ba-logo:hover { opacity: 1; } .onboarding-fab { width: 55px; height: 55px; background-color: #00aeef; border-radius: 30px; float: right; box-shadow: 0px 12px 45px rgba(0, 0, 0, .3); z-index: 5; position: relative; display: flex; align-items: center; justify-content: center; } .onboarding-fab .img-fab { cursor: pointer; font-size: 30px; color: #fff; margin-top: 4px; opacity: 1; position: relative; } .onboarding-fab .img-fab::before { content: url([[pix:theme|checklistcancel]]); font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } .onboarding-fab .wrap { transform: rotate(0deg); -webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); } .onboarding-fab .ani { transform: rotate(45deg); -webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23); } .onboarding-fab .close:before { content: url([[pix:theme|checklisttick]]); font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; opacity: 1; } .onboarding-fab .close { /* background-position: -2px 1px;*/ transform: rotate(-45deg); float: none; /*Bootstrap Overide*/ opacity: 1; /*Bootstrap Overide*/ } .onboarding-wrap { position: fixed; right: 25px; bottom: 113px; z-index: 1000; } .onboarding .card-title-box { height: 76px; background-color: $brand-primary; padding: 22px; box-shadow: 0px 2px 10px #CBCDD05E; border-radius: 7px 7px 0px 0px; } .onboarding h2.title { color: #FFFFFF !important; text-transform: capitalize !important; font-size: 20px !important; margin: 0 !important; } .onboarding svg.radial-progress { height: auto; max-width: 56px; padding: 0; transform: rotate(-90deg); width: 100%; background-image: linear-gradient(to right, #00f796, #00b7f4); border-radius: 50%; } .onboarding section.svg-container svg.radial-progress:nth-child(even) { margin: 0 15px; } .onboarding svg.radial-progress circle { fill: $brand-primary; stroke: #fff; } .onboarding svg.radial-progress circle.bar-static { stroke: #d5d5d5 !important; stroke-width: 9px; } .onboarding svg.radial-progress circle.bar-static-inner { fill: transparent; stroke: #F0F6FF; stroke-width: 4px; } .onboarding svg.radial-progress circle.bar-static-outer { fill: $brand-primary; stroke: $brand-primary; stroke-width: 6px; } .onboarding svg.radial-progress circle.bar--animated { stroke-dasharray: 219.91148575129; stroke: url(#linear); stroke-dashoffset: 219.91148575129; stroke-width: 7px; stroke-linecap: round; } .onboarding svg.radial-progress text { fill: #fafafa; font-family: Roboto; font-size: 16px; font-weight: 700; text-anchor: middle; text-shadow: 0 0 5px #0000007a; } .onboarding .progress-block { /* width: 420px;*/ /* height: 340px;*/ display: flex; justify-content: center; background: url(../images/progress.png); background-repeat: no-repeat; background-size: 100% 100%; margin: 0 auto; } .onboarding .card-data { background-color: #fff; padding: 20px 0; box-shadow: 0px 2px 10px #cbcdd05e; border-radius: 0 0 7px 7px; } .onboarding .checklist-icon { position: relative; list-style: none; } .onboarding .checklist-icon:before { content: url([[pix:theme|checked]]); width: 20px; height: 20px; position: absolute; top: 5px; left: 5px; } .onboarding .checklist-icon-blank:before { content: " "; width: 20px; height: 20px; background-color: #E4E4E4; border-radius: 50%; position: absolute; top: 5px; left: 5px; } .onboarding .card-data li.checklist-icon-blank { color: #434343; } .onboarding .card-data ul.checklist-ul { padding-left: 10px; a[href=""] { cursor: not-allowed; } } .onboarding .card-data li { position: relative; list-style: none; text-align: left; padding-left: 35px; margin-bottom: 10px; font-size: 19px; color: #858585; text-transform: capitalize; } .onboarding span.dis-check { font-size: 12px; color: #9C9C9C; text-transform: capitalize; text-align: right; display: block; padding: 0 15px; } .onboarding .card-data li .arrow { border: solid #858585; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; float: right; margin: 10px 20px 0 0; } .onboarding .card-data li .arrow.right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .onboarding .card-data a:hover { text-decoration: none; } .onboarding svg.radial-progress text { transform: translateX(77px) translateY(79px) rotateX(171deg) rotateY(-330deg) rotateZ(-269deg); } section.svg-container { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .onboarding-fab { span.checklist-count { position: absolute; top: -3px; right: 0; width: 18px; height: 18px; background-color: #FF0000; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; } } /* calender autocomplete MG */ #page-paradiso_upcoming-view .form-autocomplete-suggestions { width: 100% !important; } #page-course-index-category .button-view .view_button .viewitem.active:hover { background-color: $lighten !important; color: $brand-primary; } #page-course-index-category .button-view .view_button .viewitem:hover { background-color: $lighten !important; color: $brand-primary; } @keyframes bounceRight { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateX(0); transform: translateX(0); } 40% { -ms-transform: translateX(-30px); transform: translateX(-30px); } 60% { -ms-transform: translateX(-15px); transform: translateX(-15px); } } /* /right bounce */ /* assign bounce */ .fa-arrow-right {} .onboarding-wrap .fa-arrow-right::after { content: "\f061"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: red; -webkit-animation: bounceRight 2s infinite; animation: bounceRight 2s infinite; float: left; position: absolute; left: -14px; } .onboarding.goodby { height: 165px !important; } /* 2846 griffin qa/manage courses/UI @author Akshay p @since 11/1/2022 */ #course-category-listings #course-listing .listitem { .coursename { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } span.categoryname { width: 185px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } } body#page-theme-paradiso-pages-course_management-management { .coursecat-management-div { display: flex; justify-content: space-between; align-items: flex-start; } } /** * @ticket : #2666 onboarding checklist * @author : Akshay P * @since : 4 Nov 2022 */ .img-fab.img.close.fa-success { transform: none; } .checklist-main { i.icon.fa-fw { display: none !important; } } #page-contentbank-edit { label#thumbstatus { display: flex; color: green; font-size: 14px; justify-content: center; width: 100%; padding: 25px 0 0; } } #page-contentbank { .content-bank-container { .listview-button { border: 1px solid #a7a7a7; border-radius: 10px; display: flex; button.icon-no-margin { padding: 0 !important; i { font-size: 21px !important; color: #a7a7a7 !important; padding: 7px 11px 7px 8px; border-radius: 10px 0 0 10px !important; } .fa-th:before { position: relative; top: -1px; } } button.icon-no-margin.active { background: #e4e4e4; } button.icon-no-margin.active[data-action="viewgrid"] { border-radius: 10px 0 0 10px !important; } button.icon-no-margin.active[data-action="viewlist"] { border-radius: 0 10px 10px 0 !important; } } } } form.logselecform div { flex-flow: wrap; display: flex; gap: 10px; margin-bottom: 10px; width: 100%; } /* * Theme settings page CSS */ .buttoncontainer { position: absolute; right: 40px; margin-top: 10px; z-index: 999; } #theme_paradiso_colours .form-item:before { content: ""; width: 52%; position: absolute; height: 1px; left: 0; right: 0; top: 0; } #page-admin-setting-themesettingparadiso .form-item { width: 70%; padding: 20px 0; position: relative; } div#admin-themeselect:before { display: none; } div#admin-themeselect { border: none !important; } #theme_paradiso_colours .formsettingheading p { padding: 0 14px; font-size: 10px; color: #BFBFBF; } #page-admin-setting-themesettingparadiso .admin_colourpicker { display: none; } #adminsettings .form-control[type=color] { width: 200px; } #page-admin-setting-themesettingparadiso .modal-dialog { max-width: 772px !important; width: 40%; /* padding: 10px; */ } #page-admin-setting-themesettingparadiso .modal-content { text-align: center; } #page-admin-setting-themesettingparadiso .modal-content input#themenamesel { margin-left: 2%; } #theme_paradiso_colours .form-defaultinfo { display: none; } #theme_paradiso_colours .form-shortname { display: none !important; } #theme_paradiso_colours .form-description { display: none; } .buttoncontainer i { font-size: 25px; vertical-align: middle; } .options.d-flex.float-right { text-align: center; margin-left: 8px; } header.navbar.navbar-full div#navbar-nav div.options-header .custome_theme button.dropdown-toggle { vertical-align: unset !important; display: unset; align-items: unset; width: unset; height: unset; margin: unset; padding: unset; border-radius: unset; border: unset; margin-top: 0; padding: 0 !important; } div.modal-footer button[type=button].btn-primary { height: 40px; } #theme_paradiso_colours .form-item label { max-width: 70%; line-height: 18px; font-weight: 400; text-align: left; float: left; } #theme_paradiso_colours textarea.form-control { width: 100%; margin-bottom: 5px !important; } select#id_s_theme_paradiso_themeselect { width: 205px !important; } #theme_paradiso_colours .options.d-flex.float-right { text-align: center; margin-left: 8px; display: inline-block !important; } .deletethemebutton, .savethemebutton { cursor: pointer; display: inline-block; } #adminsettings .form-control[type=color] { width: 27px; padding: 0; border: 0; border-radius: 5px; border-color: transparent; } body #adminsettings .form-colourpicker input[type=text] { margin-left: -2px; margin-top: 3px; position: absolute; height: 28px !important; padding: 0 10px; } #adminsettings #theme_paradiso_colours h3 { text-align: left; font-weight: bold; } #navbar-nav { .select-theme { max-height: 267px; } } body#page-admin-setting-themesettingparadiso { div#theme_paradiso_colours { div.form-item.row { .col-sm-3 { flex: 0 0 50% !important; max-width: 50% !important; } .col-sm-9 { flex: 0 0 50% !important; max-width: 50% !important; } } } } div.themenamepopup { div.modal-header { padding: 1rem !important; h5.modal-title { font-size: 1.21875rem !important; text-align: left !important; padding: 5px !important; } .close { Display: none !important; } } .modal-body { border-bottom: 1px solid lightgray; text-align: left !important; padding-left: 12px !important; } .modal-footer { padding-top: 2rem !important; justify-content: right !important; button { min-width: 160px; height: 40px; } } div.modal-content { border-radius: 0.3rem !important; } } .checkbox.checbox-switch.switch-primary.theme_mode_switch { background-color: unset !important; box-shadow: unset !important; } body#page-admin-setting-themesettingparadiso { form#adminsettings { button[type=submit] { display: none; } } div.modal.saveasthemenamepopup { div.modal-body { .saveasthemefields { padding: 20px; label { flex: 1; } input[type=text] { flex: 4; } } } .modal-header { .modal-title { text-align: left !important; font-size: 16px !important; } } div.modal-footer { justify-content: right !important; padding-right: 33px !important; button { min-width: 160px; height: 40px; } } p#theme_name_length_erorr { color: #f55145; margin-top: -17px; display: none; } } } body.path-local-coursewizard { #step0 { .custom-grid { &::-webkit-scrollbar { width: 5px !important; background-color: #fff !important; height: 5px !important; } &::-webkit-scrollbar-track { display: block !important; background-color: #eee !important; width: 5px !important; } &::-webkit-scrollbar-thumb { background-color: $brand-primary !important; color: #fff !important; } .carditem:hover { border: 1px solid $brand-primary; } } } } body#page-user-profile .search-external-credit input{ border: solid 2px $brand-primary !important; } #page-contentbank .rounded { padding-bottom: 3px; } #page-contentbank .mr-2 { margin-right: 0.3rem !important; } body#page-user-profile .search-external-credit input { border: solid 2px $brand-primary !important; } body#page-contentbank .cb-toolbar-container #converttoscrom { display: none; } .brand-color { color: $brand-primary; } body#page-contentbank div#h5pcontent_popup1 div.modal-body.h5pcontentbody .container .main_box_shadow div#v-pills-tabContent .grouph5pdata { max-height: 68vh; margin: 10% 0; } body#page-user-profile { .filtered-courses.externalcertificate { .pagination { li.page-item.active { .page-link { color: $brand-primary !important; background-color: #fff !important; border-color: #fff; font-weight: 600; } } li.page-item { .page-link { font-size: 15px; border: 0 !important; font-weight: 400; } } justify-content: center; } } } body#page-local-download_reports-view .input-group-btn .form-control.input-lg { border: solid 2px $brand-primary !important; border-radius: 30px !important; } body#page-backup-import .unresponsive.mform #id_rootsettings .ftoggler { color: $nav_font_color !important; } body#page-backup-backup .unresponsive.mform #id_rootsettings .ftoggler { color: $nav_font_color !important; } @media screen and (max-width: 1460px) { #page-local-people-index .report-left-block-acordeon .aply-filtter .content-apply button#send { font-size: 10px !important; padding: 4px 10px !important; } #page-local-people-index .report-left-block-acordeon .aply-filtter .icon-filter a.clear-button { font-size: 10px !important; padding: 4px 10px !important; } } #page-contentbank-edit #generate_course .modal-dialog { max-width: 575px !important; } #page-contentbank-edit #generate_course .modal-header { font-weight: 900; font-size: 18px !important; padding: 10px 10px 10px 15px !important; } #page-contentbank-edit #generate_course .modal-footer { background-color: #fafafa; width: 100%; } #page-contentbank-edit #generate_course .modal-footer button { margin: auto; } #page-contentbank-edit #generate_course .modal-body .success-msg { font-size: 17px; padding: 11px; line-height: 28px; } div#nav-drawer #sidebar ul li.hidethis { display: none; } #page-mod-assign-grader .moodle-has-zindex .modal-footer button[type=button].btn-primary{ color:white !important; } #page-mod-assign-grader div[data-region="overlay"] h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50%); } #page-mod-assign-grader .assignfeedback_editpdf_widget .pageheader select{ background-color: unset !important; } #page-blocks-paradiso_upcoming-manage_event #page #learningcontent #page-content #region-main-box .row .event-list .info .desc .generaltable{ width: 100% !important; } #page-blocks-paradiso_upcoming-manage_event #page #learningcontent #page-content #region-main-box .row .event-list .info .desc .generaltable tbody{ display: flex !important; justify-content: space-between !important; } #page-blocks-paradiso_upcoming-manage_event #page #learningcontent #page-content #region-main-box .row .event-list .info .desc .generaltable tr{ width: 100% !important; } #page-blocks-paradiso_upcoming-manage_event #page #learningcontent #page-content #region-main-box .row .event-list .info .desc .generaltable tr.lastrow { width: 100% !important; } #page-paradiso_upcoming-view #page-wrapper .container-fluid div.moreless-actions div.felement{ width: 55% !important; } body.format-paradiso{ #page-content{ #region-main-box{ #linkmaincontent{ .availability-children{ .availability-group label,input{ align-items: center !important; margin-left: 5px !important; margin-bottom: 0 !important; } } } } #id_availabilityconditionsheader{ .availability-field{ .form-inline{ align-items: center !important; display: flex !important; .availability-group.form-group input[name="minval"]{ width: 50px !important; } .availability-group.form-group input[name="maxval"]{ width: 50px !important; } } .availability_date{ align-items: center !important; display: flex !important; } } .col-xl-4{ flex: 0 0 20% !important; max-width: 20% !important; } .col-xl-8{ flex: 0 0 80% !important; max-width: 80% !important; } } } } body#page-contentbank{ div.content-bank-container{ .Folders{ .folder-grid-box { padding: 1rem!important; min-height: 140px; max-height: unset; display: grid!important; grid-template-columns: repeat(5,1fr); gap: 20px; @media only screen and (max-width: 1110px) { grid-template-columns: repeat(4, 1fr); } @media only screen and (max-width: 991px) { grid-template-columns: repeat(3, 1fr); } @media only screen and (max-width: 767px) { grid-template-columns: repeat(2, 1fr); } @media only screen and (max-width: 375px) { grid-template-columns: repeat(1, 1fr); } .cb-listitem-folder { border-radius: 4px; font-size: 14px; color: var(--text-color); padding: 0!important; flex-direction: column; align-items: center; justify-content: center; max-width: unset !important; min-width: unset !important; margin-bottom: 0; position: relative; background: var(--card-bank-bg); border:0.5px solid var(--card-bank-border); box-shadow: -1px 2px 6px 0 rgb(45 111 188 / 23%); cursor: pointer; .cb-folder.position-relative { padding: 0; width: 100%; height: auto; .cb-folder-icon { padding: 0; height: 100%; width: 100%; position: relative; border-radius: 4px; padding-top: 56.25%; overflow: hidden; // background: #EBF7FD; img { display: block; position: absolute; top: 56%; left: 50%; transform: translate(-50%, -50%); width: 80px; margin-left: auto; margin-right: auto; margin-bottom: 0.5rem; font-size: 88px; display: flex; justify-content: center; align-items: center; color: $brand-primary; } } .naming { text-align: center; padding: 5px 10px 25px; // background: #ebf7fd; color: #484b5a; border-radius: 0 0 4px 4px; .cb-folder-title{ font-size: 14px; font-weight: 600; text-transform: capitalize; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 5px; text-align: center; } p{ font-size: 12px; margin: 0; } } .cb-link { text-decoration: none; } .cb-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0); } .cb-link.edting::after { top: auto!important; } } .controls { position: absolute; right: 7px; top: 6px; opacity: 0; z-index: 999; button#dropdown-actions { padding: 0 !important; background: #00000096; width: 22px; height: 22px; display: block; border-radius: 50%; color: #fff; padding-top: 2px !important; line-height: unset; border: 1px solid; } .dropdown-menu { padding: 0; .dropdown-item { padding: 14px 20px !important; font-size: 14px; &:hover { color: $brand-primary !important; background-color: $lighten !important; } } } } &:hover { .controls { opacity: 1; } } } .cb-listitem-folder.droping{ background: $brand-primary; } .view-less-folder{ display: none; } } .view .fa{ font-size: 14px; } } .Folders.show-less .cb-listitem-folder:nth-child(n+6) { display: none; } .Folders.show-less nav { display: none; } } h3.folder-group { font-size: 14px; font-weight: 600; padding-left: 1rem; margin: 0; } a.view { font-size: 12px; padding-right: 1rem; margin: 0; color: $brand-primary; cursor: pointer; .fa{ font-size: 14px; } } div.content-bank-container.view-list { .Folders{ display: none; } .pb-3{ border: 1px solid #dee2e6!important; } } .folder-page{ .page-flow { background:var(--header-block-color); padding: 13px; font-size: 16px !important; line-height: 1.2; span.prev { color:var(--header-text-color); } a{ color:var(--header-text-color); } span.arrow{ font-size: 20px; color:var(--header-text-color); } } .folder-page-content { display: flex; justify-content: center; align-items: center; height: 60vh; .empty-text{ font-size: 22px; font-weight: 600; } } } } #page-login-index #region-main #login_center .text_to_html{ padding-bottom: 4px !important; } #page-my-index .current-courses .generaltable td.cell a.btn{ height: 50px !important; } #page-course-view-singleactivity .block_badges .card-block .card-text.content { height: 350px !important; } #page-login-index{ #login_center { .rememberpass { margin-top: 0px !important; } .newacoount{ padding-bottom: 1rem !important; } .loginerrors{ .alert{ margin-bottom: 0px !important; padding: 0px !important; } } .contentcontentlogo{ margin-bottom: 0px !important; } .newacoount{ padding-bottom: 0px !important; } } } #page-course-view-paradiso .modal-dialog textarea.form-control{ margin-left: 5px !important; } #page-blocks-configurable_reports-editplugin { #edit-reports-form{ #edit-plugin-form { .input_field_paradiso{ i.men-search-phx { padding: 6px!important; left: 5px !important; color: #a7a7a7 !important; } #search_in_availables{ padding-left: 48px !important; } } } } } #page-my-index { #region-main-box { #block-region-content { .generaltable { td.cell a.btn { padding-top: 15px !important; } } .course_des{ margin-bottom: 10px !important; } } } } #page-my-index #block-region-content .set-space{ margin-top: 0.5rem !important; } #page-course-view-singleactivity .block_xpparadiso .card-block div.xp-togo{ margin-top: 12px !important; } #page-course-view-singleactivity { .current-courses { .generaltable { td.cell { a.btn{ height: 50px !important; } } } .pagination{ align-items: center !important; justify-content: center !important; } } .course-myrecords { .generaltable { min-width: 800px !important; .header.row { height: 45px !important; } .items-content{ height: auto !important; } } .pagination{ align-items: center !important; justify-content: center !important; } } } #page-local-email-template_list { #ReportTable { .switch { height: 25px !important; } .slider:before { height: 20px !important; width: 20px !important; left: 10px !important; bottom: 3px !important; } } } #page-site-index { .block_calendar_month{ .col-5{ text-align: right; } .calendar-title{ padding: 7px 12px !important; height: auto !important; font-size: 12px !important; } } } #page-my-index{ .block_calendar_month{ .col-5{ text-align: right; } .calendar-title{ padding: 7px 12px !important; height: auto !important; font-size: 12px !important; } } } #page-report-participation-index #participantsform .selectbuttons{ margin-top: 5px !important; } #page-calendar-view span#sessionnominatebtn{display: none !important;} .block_calendar_month .card-text.content { clear: both;} body#page-mod-ilt-editattendees{ table.generaltable{ .form-inline{ label[for="removeselect_searchtext"]{ display: inline-block; } label[for="addselectattendee_searchtext"]{ display: inline-block; } } } } #page-mod-ilt-view_session { .container-fluid { .modal-dialog { height: auto !important; .modal-header{ margin-left: 5px; } } } } #page-mod-ilt-cancelsession #cancel_session_form #id_general .custom-margin { margin-top: 30px; } #page-blocks-iomad_company_admin-company_competency_frameworks_form { #potentialcell{ #potentialframeworks + div{ float: left; } } table.addremovetable{ #buttonscell{ .arrow_button{ margin-top: 13em!important; input{ width: 100% !important; } } } } input#NaN_clearbutton{ height:36px !important; background-color: #e9f6fc!important; border: 1px solid #1BA2DD !important; color: #1BA2DD !important; margin: 2px 2px !important; border-radius: 4px; width: 70px; } #frameworkselector_options_inner{ p{ display: flex; align-items: flex-start; } } input[type="checkbox"]{ margin: 2px; } input#currentframeworks_searchtext{ border-radius: 3px; border: 1px solid #ced4da; margin-left: 5px !important; } input#potentialframeworks_searchtext{ border-radius: 3px; border: 1px solid #ced4da; margin-left:5px !important; } select[multiple="multiple"] { width: 100% !important; height: 100% !important; border: 1px solid #ced4da !important; border-radius: 3px; } } #page-report-participation-index{ .participationselectform{ .set-button{ display: flex; flex-flow: wrap; gap: 10px; align-items: center; } } } #page-my-index #region-main-box{ #block-region-content{ .upcoming-training-box { .generaltable { td.cell { a.btn { padding-top: 7px !important; } } } } } } #page-admin-tool-iomadmerge-index{ #id_selectusers { .contentlabel { display: none !important; } .felement{ flex: 0 0 100% !important; max-width: 100% !important; } .form-control-static{ width: 100% !important; } } } #page-blocks-xpparadiso-index{ .block_xpparadiso-rulepicker{ .rule { .btn-default { background-color: #1BA2DD !important; border: solid 1px #1BA2DD !important; } } .moodle-dialogue-hd{ h1{ font-size: 1rem !important; } } } } #page-course-view-paradiso{ #coursenavigation{ .input_field_paradiso { i.men-search-phx{ background-color: transparent !important; } } .section_search { #search_activities{ border:none !important; } } } } #page-blocks-configurable_reports-editplugin{ .coursecataloglist{ fieldset.input_field_paradiso{ i.men-search-phx{ background-color: transparent !important; } } } } #page-my-index{ #navbar-nav{ .first-content { .form-inline { .form-control { border: none !important; } } } } } #page-course-view-paradiso #participantsform nav:first-of-type ul.pagination { display: none; }