:root {
  --primary-color: #555d8b;
  /* --hover-color: #000; */
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

[data-title="grades,grades"]:hover .filter {
  filter: brightness(0) invert(1);
}


.progress-text {
  display: none;
}

#page-message-notificationpreferences h4 {
  text-transform: capitalize !important;
}

#page-message-notificationpreferences .preference-name {
  text-transform: capitalize !important;
}


.usertext {
  color: var(--primary-color) !important;
}


body {
  margin: 0;
  font-family: 'Libre Franklin',
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #717171;
  text-align: left;
  background-color: #f7f7f7;
  overflow-x: hidden;
}

/*27-10-2022 css*/
#page-local-userreports-index select[size], select[multiple]{
  overflow-x: hidden !important;
}
.select-dropdown:after{
  display: none;
}
.page-header-headings h1{
      font-size: 25px;
    font-weight: 800;
}
/*27-10-2022 css end*/
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--primary-color) !important;
}

#local-studentcourse-index .banner.student-course-main h1 {
  display: none;
}

.navbar-light .has-logo .d-md-inline {
  display: none !important;
}

/*All button hover color*/
#id_submitbutton:hover,
#id_saveanddisplay:hover,
.modal-footer>[data-action="save"]:hover,
[type="submit"]:hover,
.modal-footer>[onclick="Remove()"]:hover,
#goto-top-link a:hover,
.fp-btn-choose:hover,
.download:hover,
[data-target="#uploadbanner"]:hover,
[role="main"]>.btn:hover,
.btn-secondary:hover,
.custom-table+button:hover,
.fp-upload-btn:hover,
.search-icon:hover,
[data-filteraction="apply"]:hover,
[value="Enter"]:hover,
.user_bulk:hover,
.uploaduser:hover,
.add_new_user_url:hover,
.main-btn a:hover,
.back-btn:hover,
input#id_addfilter:hover,
.btn-primary:hover,
.addnewuser:hover,
.fitem>[data-fieldtype="submit"]>#id_submitbutton:hover,
.felement>.main_btn_login>.cst_btn:hover {
  /* background-color: #FFCD2D !important; */
  background-color: var(--hover-color) !important;
}

/*End All button hover color*/

.main_btn_login>.primary_btn,
.main_btn_login>.cst_btn,
.fitem>[data-fieldtype="submit"]>#id_submitbutton,
.felement> {
  background-color: #64307e !important;
}


/*My css*/
.btn-secondary {
  border: none !important;
}


#page-local-studentcourse-index .banner.student-course-main h1 {
  display: none !important;
}

#page-local-studentcourse-index .drpdwn-head {
  font-size: 14px;
}

.btn-primary {
  border: none !important;
}

#goto-top-link a {
  border: none !important;
}

.list-unstyled {
  margin-left: 0px !important;
}

.btn {
  border: none !important;
  background: var(--course-color) !important;

}

.page-link {
  border: none !important;
  margin-left: 0px !important;
}

[href="#linkmodules"] {
  display: block !important;
}

.studentclass .fa-bars:before {
  content: "\f015";
}

#backdiv {
  position: absolute;
  webkit-top: -10 !important;
  top: -10 !important;
  right: 50px;
}

/* #page-login-change_password #backdiv{
  display: none !important;
}
#page-user-language #backdiv{
  display: none !important;
}
#page-message-edit #backdiv{
  display: none !important;
}
#page-message-notificationpreferences #backdiv{
  display: none !important;
} */
#backdiv a {
  font-size: 15px;
}

#page-login-index .login_box .login_logo {
  border-radius: 10px;
}

#page-local-admincourse-index .title-main {
  margin: 40px 0px 0px 0px;
}

.back-btn i {
  margin-right: 5px;
}

.back-btn {
  background: var(--course-color) !important;
  color: #fff;
  width: 110px;
  /*position: absolute;
  top: 7px;
  display: inline-block;*/
  padding: 6px 0;
  text-align: center;
  border-radius: 4px !important;
}

body.drawer-open-left {
  margin-left: 0px;
}

#id_submitbutton:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
}

[data-region=right-hand-drawer].drawer {
  z-index: 999999999 !important;
}

#id_saveanddisplay:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
}

.primary-menu ul li a {

  display: none;
}

.fa-search {
  display: none;
}

#id_password {
  position: relative !important;
  width: 100%;
}

[data-passwordunmaskid="id_password"] {
  display: block;
  width: 100%;
}

.modal-footer>[data-action="save"]:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
}

[type="submit"] {
  color: #fff;
  background: var(--primary-color);
  border-color: var(--primary-color);
}

[type="submit"]:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff;
}

.modal-footer>[onclick="Remove()"] {
  color: #fff;
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.modal-footer>[onclick="Remove()"]:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff;
}

#goto-top-link a {
  color: #fff;
  background: var(--primary-color);
  border-color: var(--primary-color);
}

#goto-top-link a:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff;
}

.fp-btn-choose {
  color: #fff;
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.fp-btn-choose:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff;
}

.download {
  color: #fff !important;
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.download:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff;
}

/* #action-menu-toggle-3{
 color: #fff !important;
  background: var(--primary-color); 
  border-color: var(--primary-color);
} */
/* #action-menu-toggle-3:hover{
background-color: #FFCD2D !important;
   border: none !important;
    color: #fff;
} */
[data-target="#uploadbanner"] {
  color: #fff !important;
  background: var(--course-color);
  border-color: var(--primary-color);
}

[title="Add..."] {
  background-color: #ced4da !important;
  border-color: #ced4da !important;
}

[data-target="#uploadbanner"]:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff;
}

[role="main"]>.btn {
  color: #fff !important;
  background: var(--primary-color);
  border-color: var(--primary-color);
}

[role="main"]>.btn:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff;
}

.custom-table+button {
  color: #fff !important;
  background: var(--primary-color);
  border-color: var(--primary-color);
  text-align: center;
  border-radius: 4px;
  padding: 6px;
  border: none;
}

outline-primary:disabled {
  color: #fff;
  background-color: inherit;
}

.btn-secondary {
  color: #fff !important;
  background: var(--course-color);
  border-color: var(--primary-color);
}

.btn-secondary:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff;
}

.custom-table+button:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 6px;
  border: none;
}

.fp-upload-btn:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
}

.search-icon:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
}

[data-filteraction="apply"]:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
}

[value="Enter"]:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
}

#region-main-settings-menu>div {
  position: absolute;
  right: 12px;
  z-index: 100;
  top: 4px;
  margin: inherit !important;
}

.login_form form .login_main_input span {
  width: 42px;
  display: inline-block;
  height: 42px;
  position: absolute;
  top: 30% !important;
  left: 0;
  line-height: 42px;
  text-align: center;
}

[href="#linkmodules"] {
  display: none;
}

[href="#linkappearance"] {
  display: none;
}

.none {
  display: none;
}

.fitem {
  padding: 0px 0px 0px 0px;
}

/* .felement{
  padding: 0px 10px !important;
} */
.felement[data-fieldtype="text"] {
  padding: 0px !important;
}

/* #total-user ~ form #id_newfilter .fcontainer {
  display: inherit !important;
  grid-template-columns: inherit !important;
  align-items: inherit !important;
  margin-bottom: inherit !important;
} */
[for="id_lastname_op"],
[for="id_lastname"],
[for="id_firstname_op"],
[for="id_firstname"],
[for="id_username_op"],
[for="id_username"],
[for="id_email"],
[for="id_city_op"],
[for="id_city"],
[for="id_country_op"],
[for="id_country"],
[for="id_email_op"],
[for="id_profile_fld"],
[for="id_profile_op"],
[for="id_profile"],
[for="id_courserole_ct"],
[for="id_courserole_rl"],
[for="id_courserole"],
[for="id_cohort_op"],
[for="id_cohort"],
[for="id_firstaccess_sdt_month"],
[for="id_firstaccess_sdt_year"],
[for="id_firstaccess_edt_month"],
[for="id_firstaccess_edt_year"],
[for="id_lastaccess_sdt_month"],
[for="id_lastaccess_sdt_year"],
[for="id_lastaccess_edt_month"],
[for="id_lastaccess_edt_year"],
[for="id_timemodified_sdt_month"],
[for="id_timemodified_sdt_year"],
[for="id_timemodified_edt_month"],
[for="id_timemodified_edt_year"],
[for="id_idnumber_op"],
[for="id_idnumber"],
[for="id_institution_op"],
[for="id_institution"],
[for="id_department_op"],
[for="id_department"],
[for="id_lastip_op"],
[for="id_lastip"],
[for="id_firstaccess_sdt_day"],
[for="id_firstaccess_edt_day"],
[for="id_lastaccess_sdt_day"],
[for="id_lastaccess_edt_day"],
[for="id_timemodified_sdt_day"],
[for="id_timemodified_edt_day"] {
  display: none !important;
}

.word-break {
  display: block !important;
}

.lead::parent {
  display: none !important;
}

/* [name="neveraccessed"],[name="nevermodified"]{
    margin-top: -8px !important;
} */
/* [name="addfilter"]{
  position: absolute;
  right: 421px;
  top: -40px;
} */
/* .moreless-toggler{
  position: absolute;
  right: 620px;
  top: 50px;
} */
[data-filterfield="join"] {
  background: inherit !important;
}

/* .boxwidthnormal + .mform{
    background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgb(112 112 112 / 50%);
  width: 100%;
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
} */
/* .sr-only{
  position:inherit !important;
} */
/* .fa-fw{
  display: none;
} */
.fa-fw+.sr-only {
  position: inherit !important;
}

.forgot_passowrd {
  margin-top: 40px !important;
}

#course-category-listings .listitem[data-selected='1'] {
  border-left: calc(1px + 5px) solid var(--primary-color) !important;
}

.for {
  margin-top: 60px !important;
  max-width: 500px;
}

/* [data-fieldtype="submit"]{
    margin: 0px 0px 20px 0px !important;
} */
/* .eye_button {
  position: relative;
  top: -35px;
  right: -245px;
  display: inline-block;
  opacity: 0;
  z-index: 1;
  height: 12px;
  cursor: pointer;
}

.icon_eye {
  position: relative;
  top: -36px;
  right: -230px;
  display: inline-block;
  font-size: 16px;
}
.icon_eye .hide_eye_icon{
  display: none;
} */
#page-course-view-singleactivity #page-content {
  margin-top: 90px;
}

.back-btn-2 {
  top: -28px;
}

.felement>[data-passwordunmaskid="id_password"]>[data-passwordunmask="unmask"]>.fa-eye {
  position: absolute;
  right: 10;
  top: 10;
  color: #7f7f7f;
  font-size: 18px;
}

.felement>[data-passwordunmaskid="id_password"]>[data-passwordunmask="edit"]>.fa-pencil {
  display: none;
}

.felement>[data-passwordunmaskid="id_password"]>[data-passwordunmask="edit"]>[data-passwordunmask="displayvalue"]>span>em {
  display: none;
}

.felement>[data-passwordunmaskid="id_password"]>[data-passwordunmask="unmask"]>span {
  display: none;
}

[data-passwordunmask="edit"]:hover {
  cursor: auto !important;
}

#tolltip {
  width: 315px;
  padding: 10px !important;
  background-color: #efefef;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 53%;
  display: none;
  left: 60%;
}

#id_password_instructions {
  display: none !important;
}

#page-login-forgot_password div#page-content {
  margin-top: 0px !important;
}

.fa-exclamation-circle {
  display: none;
}

.pasword {
  display: block;
}

/* .main-btn a{
    background: var(--primary-color) !important;
} */
#total-user-2 {
  color: var(--primary-color);
}

#total-user h2 {
  font-weight: bold;
  font-size: 20px;
}

/* .add_new_user_url{
    color: #fff;
  background: var(--primary-color);
  padding: 10px;
  border-radius: 4px;
    position: absolute;
  right: 0;
  top: 44px;
}
.uploaduser{
   
  color: #fff;
  background: var(--primary-color);
  padding: 10px;
  border-radius: 4px;
  position: absolute;
  right: 250px;
  top: 44px;

}
.user_bulk{
     color: #fff;
  background: var(--primary-color);
  padding: 10px;
  border-radius: 4px;
  position: absolute;
  top: 44px;
  right: 117px;
} */
.main_user_filterbtn .user_bulk {
  margin: 0 8px 0 4px;
}

.user_bulk:hover {
  /* background-color: #FFCD2D !important; */
  color: #fff;
}

.uploaduser:hover {
  /* background-color: #FFCD2D !important; */
  color: #fff;
}

.add_new_user_url:hover {
  /* background-color: #FFCD2D !important; */
  color: #fff;
}

/*.pr-md-0{
  display: none !important;
}*/
/* .col-form-label{
  display: none !important;
} */
/* input#id_addfilter {
  position: absolute;
  top: -55px;
  right: 320px !important;
} */
/*End my css*/
ul,
ol,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  color: var(--primary-color);
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #444;
}

/*header {
  display: flex;
  align-items: center;
  padding: 6px 20px;
  box-shadow: 0px 0px 5px rgb(144 144 144 / 50%);
  height: 62px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  background: #fff;
}*/

header .action-menu-trigger {
  margin-left: auto;
}

header .logo {
  margin-left: 25px;
}

header .logo img {
  width: 180px;
}

.hamburger i {
  font-size: 20px;
  cursor: pointer;
  width: 36px;
  height: 36px;
  background: #eef4f5;
  border-radius: 6px;
  text-align: center;
  line-height: 36px;
  color: #968ca0;
}

.navbar-brand {
  margin-left: 25px;
}

#region-main {
  padding: 0;
}

#page {
  margin-top: 0px;
}

#page-wrapper #page {
  padding: 0;
}

#region-main {
  border: 0;
}
#page-content{
  margin-block: auto !important;
}
header .action-menu-trigger .dropdown-anchor {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

div#page-content {
  margin-top: 62px;
  margin-left: 240px;
  padding: 20px;
}

header .action-menu-trigger a img.userpicture {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 6px 0 6px;
}

.side-menu {
  top: 62px;
  width: 240px;
  background: #fff;
  height: 100vh;
  position: fixed;
  left: 0;
  z-index: 1;
}

.side-menu {
  display: block;
}

#page-local-studentcourse_details-index .back-btn {
  position: absolute !important;
  top: 120px !important;
}

#page-local-studentcourse_details-index .details {
  padding-top: 50px;
}

#page-enrol-otherusers .side-menu {
  display: block !important;
}

#page-enrol-otherusers .hamburger {
  display: block !important;
}

/* #page-enrol-otherusers #page-content{
    margin-left:0px !important;
    margin-top:0px !important;
}
#page-enrol-otherusers .navbar-light{
   display: none !important;
} */


#page-admin-roles-check .side-menu {
  display: block !important;
}

#page-admin-roles-check .hamburger {
  display: block !important;
}

/* #page-admin-roles-check #page-content{
    margin-left:0px !important;
    margin-top:0px !important;
}
#page-admin-roles-check .navbar-light{
   display: none !important;
} */


#page-admin-roles-permissions .side-menu {
  display: block !important;
}

#page-admin-roles-permissions .hamburger {
  display: block !important;
}

/* #page-admin-roles-permissions #page-content{
    margin-left:0px !important;
    margin-top:0px !important;
}
#page-admin-roles-permissions .navbar-light{
   display: none !important;
} */


#page-group-index .side-menu {
  display: block !important;
}

#page-group-index .hamburger {
  display: block !important;
}

/* #page-group-index #page-content{
    margin-left:0px !important;
    margin-top:0px !important;
}
#page-group-index .navbar-light{
   display: none !important;
} */


#page-enrol-editinstance .side-menu {
  display: block !important;
}

#page-enrol-editinstance .hamburger {
  display: block !important;
}

/* #page-enrol-editinstance #page-content{
    margin-left:0px !important;
    margin-top:0px !important;
}
#page-enrol-editinstance .navbar-light{
   display: none !important;
} */


#page-course-view-singleactivity .side-menu {
  display: block !important;
}

#page-course-view-singleactivity .hamburger {
  display: block !important;
}

/* #page-course-view-singleactivity #page-content{
    margin-left:0px !important;
    margin-top:0px !important;
} */
/* #page-course-view-singleactivity .navbar-light{
    display: block !important;
} */



#page-enrol-instances .side-menu {
  display: block !important;
}

#page-enrol-instances .hamburger {
  display: block !important;
}

/* #page-enrol-instances #page-content{
    margin-left:0px !important;
     margin-top:0px !important;
} */
/* #page-enrol-instances .navbar-light{
    display: block !important;
} */


/* #page-mod-scorm-mod .side-menu{
    display: none !important;
}
#page-mod-scorm-mod .navbar-light{
    display: none !important;
}
#page-mod-scorm-mod .hamburger{
    display: none !important;
}
#page-mod-scorm-mod #page-content{
    margin-left:0px !important;
    margin-top:0px !important;
} */

/* #page-mod-scorm-view .side-menu{
    display: none !important;
}
#page-mod-scorm-view .hamburger{
    display: none !important;
}
#page-mod-scorm-view #page-content{
    margin-left:0px !important;
    margin-top:0px !important;
}
#page-mod-scorm-view .navbar-light{
    display: none !important;
} */
.side-menu__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 22px 12px 10px;
  font-size: 20px;
  font-weight: 600;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  border-left: 5px solid transparent;
}




.side-menu .side-menu__icon {
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  padding: 8px;
  color: #717171;
}

.side-menu__label {
  white-space: nowrap;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .6px;
  opacity: 1;
  height: auto;
  -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: width 0.3s cubic-bezier(0, 0, 0.2, 1);
  color: #717171;
}

a.side-menu__item.active .side-menu__label,
a.side-menu__item.active .side-menu__icon {
  color: var(--admin-sidebar-color);
  font-weight: bold;
}

.expand-toggle .side-menu__label {
  display: none;
}

/* .side-menu {
  display: block !important;
} */
.hamburger {
  display: block !important;
}

.expand-toggle .side-menu__item {
  display: block;
  margin: 0 auto;
  text-align: center;
}


.expand-toggle .side-menu {
  width: 75px;
}

.side-menu__item.active,
.side-menu__item:hover,
.side-menu__item:focus {
  background: #f2f0f5;
  color: var(--admin-sidebar-color);
  border-left: 5px solid;
}



#region-main {
  background: transparent;
}

.node_category:nth-child(5) {
  display: none !important;
}

/*
#page-header {
  display: none;
}*/

.side-menu.expand-toggle~.main-containt {
  margin-left: 75px;
}

/* search start */
.sa-search {
  height: 2.25rem;
  position: relative;
  width: 100%;
}

.sa-search__body {
  display: flex;
  height: 42px;
  position: relative;
  z-index: 0;
  width: 100%;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.sa-search__icon {
  fill: #212529;
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: center;
  opacity: .35;
  pointer-events: none;
  position: absolute;
  width: 2.25rem;
}

[dir=ltr] .sa-search__icon {
  margin-left: 1px;
  margin-right: -1px;
}

.sa-search__input {
  background: #0000;
  color: #212529;
  flex-basis: 0;
  flex-grow: 1;
  font-family: inherit;
  font-size: .9375rem;
  margin: 0;
  border: 1px solid #cecece;
  border-radius: 4px;
  padding: 8px 32px;
}

[dir=ltr] .sa-search__input {
  padding-left: 2.25rem;
  padding-right: .75rem;
}



.main-containt a {
  text-decoration: none;
}

.course-header {
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.title-main h3 {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: bold;
}

/* .back-btn{
   width: 140px !important;
} */
#page-local-enrolluser-index .search-flx a {
  width: 110px !important;
}

#page-local-enrolluser-index .main-btn a {
  width: 110px !important;
}

.back-btn-2 {
  width: 110px !important;
}

/* :root {
  --primary-color: #ed0c0c !important;
} */
.main-btn a {
  background: var(--course-color) !important;
  color: #fff;
  width: 140px;
  display: inline-block;
  padding: 6px 0;
  text-align: center;
  border-radius: 4px;
}

.main-btn a i {
  margin-right: 5px;
  font-size: 18px;
}

.sa-search__input::placeholder {
  color: rgb(150, 150, 150);
}

.course-items-main .main-box .box {
  display: grid;
  grid-template-columns: 270px auto;
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  grid-gap: 2%;
  align-items: center;
  margin-bottom: 15px;
  box-shadow: 0px 0px 5px rgb(224 224 224 / 50%);
  -webkit-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
  -o-transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
  transition: 1.2s cubic-bezier(0.17, 0.85, 0.438, 0.99);
}

.course-items-main .main-box .box:hover {
  box-shadow: 0px 0px 15px rgb(195 195 195 / 50%);
  transform: translateY(-5px);
}

.course-items-main .main-box .box img {
  width: 100%;
  height: 190px;
  border-radius: 10px;
  object-fit: cover;
}

.course-items-main .main-box .box .details {
  margin: 0px 40px 20px 20px;
  position: relative;
  padding-top: 20px;
}

.course-items-main .main-box .box .details p {
  margin: 6px 0 12px;
  text-align: justify;
}

.course-items-main .main-box .box .details h4 {
  font-size: 21px;
  font-weight: 600;
  color: #000;
}

.custom-select:focus {
  border-color: var(--primary-color) !important;
  outline: 0;
  box-shadow: inherit !important;
}

.course-items-main .main-box .box .details .main-btn a {
  width: 120px;
  padding: 5px 0;
}

.duration-course {
  position: absolute;
  top: 0;
  right: 65px;
  font-size: 11px;
  font-style: italic;
}

.course-modules {
  text-align: right;
  position: absolute;

  right: 0;
  font-size: 11px;
  font-style: italic;
  top: 0px;
}

.main-btn a {
  border: none !important;
}

.main-btn a:hover {
  color: var(--primary-color);
  border: none !important;
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff !important;
}

.main-btn a:focus {
  color: var(--primary-color);
  border: none !important;
  /*background-color: #FFCD2D !important; */
  color: #fff !important;
}

.main-btn a:active {
  color: var(--primary-color);
  border: none !important;
 /*  background-color: #FFCD2D !important;*/
  color: #fff !important;
}

/* #actionmenuaction-3 {
  display: none;
} */
a[href*="http://148.72.245.159/kl_moodle/moodle/user/preferences.php"] {
  display: block !important;
}

/* 
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--primary-color);
} */
















.back-btn:hover {
  color: var(--primary-color);
  border: none !important;
  /* background-color: #FFCD2D !important; */
  color: #fff !important;
}

input#id_addfilter:hover {
  color: var(--primary-color);
  border: none !important;
  /* background-color: #FFCD2D !important; */
  color: #fff !important;
}

.title-main .user-number {
  color: var(--primary-color);
  margin-left: 8px;
}

[data-filterfield="join"] {
  padding: inherit !important;
  width: 60px !important;
  text-align: center;
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  /* padding: .375rem 1.75rem .375rem .75rem; */
  font-size: .9375rem;
  font-weight: 400;

  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("../../pix/select-dropdown-img.PNG") no-repeat right 0.5rem center/21px 27px;
  border: 1px solid #d6d6d6;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
}

/* #yui_3_17_2_1_1633521233520_22{
  display: none;
} */
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

select.select.custom-select.cal_courses_flt {
  width: 200px;
}

.custom-select {
  word-wrap: normal;
  height: 38px;
}

.cal_courses_flt {
  color: #525252;
  font-weight: 600;
}

.main-btn.add-user a {
  width: 120px;
}

input {
  /* height: 38px; */
  border-radius: 4px;
  padding: 5px 10px;
  border: 1px solid #d6d6d6;
}

.user-main-box {
  padding: 16px;
  background: #fff;
}

.user-main-box .top-user {
  display: grid;
  align-items: center;
  grid-template-columns: 75% auto;
}

.user-main-box .top-user .right-content {
  margin-left: auto;
}

.user-main-box .top-user form .left-content {
  display: flex;
  align-items: center;
}

.user-main-box .top-user .userinput-main {
  margin-left: 16px;
  margin-right: 10px;
}

.user-main-box .top-user .userinput-main label {
  font-weight: 600;
  color: #525252;
  margin-right: 4px;
}

.cst-btn {
  padding: 7px 15px;
  font-size: 16px;
  border-radius: 4px;
  box-shadow: none;
  border: none;
}

.userinput-main+.cst-btn {
  margin: 0 10px 0 0;
}

.cst-btn.primary-color {
  color: #fff;
  background: var(--primary-color);
}

.user-main-box .main-pagination {
  text-align: center;
  margin: 20px 0;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: var(--primary-color);
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.user-main-box .main-pagination .pagination {
  justify-content: center;
}

[aria-controls="id_newfilter"] {
  display: none;
}

.cst-maintable table {
  font-size: 13px;
}

.cst-maintable table thead {
  color: var(--primary-color);
}

th.edit-th {
  color: #444444;
}

.user-main-box .cst-maintable td,
.user-main-box .cst-maintable th {
  padding: 10px;
}

.user-main-box .cst-maintable td.action-td i {
  font-size: 14px;
  margin: 0 6px 0 0;
}

.user-main-box .cst-maintable td a {
  font-weight: 500;
}

.user-main-box .cst-maintable td.action-td i.eye-icon {
  color: #3381d2;
}

.cst-maintable table tbody tr:nth-child(odd) {
  background: #f7f7f7;
}

.anchor-cst.filter-adv {
  font-weight: 600;
}

.reports-main-box {
  padding: 16px;
  background: #fff;
}

.select-dropdown,
.select-dropdown * {
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}

.select-dropdown {
  position: relative;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #cecece;
}

.select-dropdown select {
  font-size: 15px;
  font-weight: normal;
  width: 100%;
  padding: 7px 24px 7px 10px;
  border: none;
  background-color: transparent;
/*  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
  color: #929292;
}

.select-dropdown select:active,
.select-dropdown select:focus {
  outline: none;
  box-shadow: none;
}

.select-dropdown:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-top: 5px solid #aaa;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.reports-main-box .main-box {
  width: 100%;
}

#frame body {
  background-color: #ffffff !important;
}

.modal-lg,
.modal-xl {
  max-width: 845px;
}

.reports-main-box .main-box .box {
  display: grid;
  grid-template-columns: 48.5% 48.5%;
  align-items: center;
  grid-gap: 3%;
  margin-bottom: 8px;
}

.reports-main-box .main-box .box .sa-search__body {
  width: 100%;
  height: 38px;
}

.cst-maintablereports {
  background: #fff;
  margin-top: 35px;
  padding-bottom: 30px;
  margin-bottom: 15px;
  overflow-x: scroll;
}

.reports-main-box .main-box .box .select-main {
  display: grid;
  grid-template-columns: 150px auto;
  grid-gap: 2%;
  align-items: center;
}

.reports-main-box .main-box .box .select-main label {
  margin-bottom: 0;
}

.cst-maintablereports thead {
  background: #ececec;
}

.reports-main-box .main-box .box.last {
  grid-template-columns: 48.5% 48.5% auto;
}

.cst-maintablereports td,
.cst-maintablereports th {
  padding: 10px;
}

.cst-maintablereports .table thead th {
  font-weight: 600;
}

.cst-maintablereports table {
  font-size: 13px;
}

.main-btn.export-btn {
  text-align: right;
}

.side-menu__item svg {
  margin-right: 8px;
  color: #717171;
}

.side-menu__item.active svg {
  color: var(--admin-sidebar-color);
}

.main-btn svg {
  vertical-align: sub;
  margin-right: 5px;
}

.course-header.branding .main-btn a {
  width: 90px;
  margin-left: 16px;
}

.course-header.branding .sa-search {
  display: flex;
}

.course-header.branding .sa-search__body {
  width: 25%;
}

.save-customise .main-btn a {
  width: 90px;
}

.menu-siteadmin {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px solid #dee2e6;
}

.menu-siteadmin ul li {
  display: inline-block;
}

.menu-siteadmin ul li a {
  display: inline-block;
  padding: .5rem 1rem;
  color: inherit;
  color: var(--primary-color);
  border: 1px solid transparent;
}

.menu-siteadmin ul li.active a {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.main-box-branding {
  padding: 20px;
  background: #fff;
}

.main-box-branding .save-customise {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.main-box-branding .save-customise .main-btn {
  margin-left: 12px;
}

.main-box-branding .main-box {
  display: grid;
  grid-template-columns: 48% 48%;
  grid-gap: 4%;
  margin-top: 25px;
}

.main-box-branding .main-box h3 {
  font-size: 19px;
}

.main-box-branding .main-box .main-logo-upload img {
  width: 100%;
  height: auto;
}

.main-box-branding .main-box .main-logo-upload {
  display: flex;
  margin: 20px 0 40px;
}

.main-box-branding .main-box .main-logo-upload .logo-upload {
  width: 220px;
  height: 90px;
  background: #fff;
  box-shadow: 0px 0px 5px rgb(214 214 214);
  padding: 15px;
  position: relative;
  margin-right: 22px;
  display: flex;
  align-items: center;
}

.upload-text {
  font-size: 12px;
  font-style: italic;
}

.banner-img-upload img {
  width: 100%;
  margin-bottom: 15px;
}

.box.course-banner button.btn-cst {
  display: block;
  width: 100px;
  margin-top: 12px;
  border: 1px solid #cecece;
  padding: 4px 0;
  cursor: pointer;
  border-radius: 5px;
}

.color-text-name {
  font-size: 15px;
  font-weight: 600;
  margin-right: 25px;
}

.main-box-branding .save-customise>span {
  color: var(--primary-color);
  font-weight: 500;
  font-style: italic;
}

.main-box-color .color-items {
  display: flex;
  align-items: center;
}

.color-pic-box .btn-pic {
  width: 18px;
  height: 18px;
  border: none;
  cursor: pointer;
}

.color-pic-box .btn-pic.gray {
  background: #585858;
}

.color-pic-box .btn-pic.blue {
  background: #11218e;
}

.color-pic-box .btn-pic.light-violet {
  background: #002bff;
}

.color-pic-box .btn-pic.pink {
  background: #b400ff;
}

.color-pic-box .btn-pic.blue-sky {
  background: #0d5094;
}

.color-pic-box .btn-pic.light-blue {
  background: #60bdff;
}

.color-pic-box .btn-pic.yellow {
  background: #b9c315;
}

.color-pic-box .btn-pic.orange {
  background: #ff5e00;
}

.palIcoColorPicker {
  display: block;
  border-radius: 4px;
  border: 0 transparent;
  width: 0px;
  height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  cursor: pointer;
}

.palIcoColorPicker::before {
  display: block;
  border-radius: 4px;
  height: 30px;
  width: 30px;
  font-family: 'FontAwesome';
  font-size: 18px;
  content: "\f1fb";
  background: #d8d8d8;
  border: 1px solid #cccccc;
  color: #4a4a4a;
  text-align: center;
  line-height: 30px;
  position: relative;
  top: 10px;
}

.color-scheme.main-box-color p {
  margin-bottom: 8px;
}

.color-pic-box {
  position: relative;
  top: -8px;
}

.eyedrop-colorpic {
  display: inline-block;
  margin-left: 4px;
}

.eyedrop-colorpic input {
  padding: 2px;
}

.expand-toggle #page-content {
  margin-left: 75px;
}

.main-box-branding .main-box .main-box-color {
  margin-bottom: 40px;
}

.main-box-branding .main-box .main-box-color p {
  margin-bottom: 5px;
}

.main-box-branding .main-box .main-logo-upload .logo-upload .edit-file-logo {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #fff;
  width: 34px;
  display: inline-block;
  height: 34px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #c7c7c7;
  z-index: 9;
  line-height: 34px;
  font-size: 18px;
}

#nav-drawer a,
#nav-drawer,
.list-group-item {
  color: var(--admin-sidebar-color);
}

.fixed-top {
  min-height: 62px;
}

#nav-drawer a:hover {
  text-decoration: none;
}

[data-region="drawer"] {
  position: fixed;
  width: 240px;
  top: 62px;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: var(--admin-sidebar-color);
  border-color: var(--admin-sidebar-color);
}

#nav-drawer .list-group-item-action.active,
#nav-drawer .list-group-item.active {
  color: #fff;
}

.dropdown-item:hover,
.dropdown-item:active,
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:focus-within {
  outline: 0;
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.aabtn.focus,
.aabtn:focus,
.btn-link.focus,
.btn-link:focus,
.nav-link.focus,
.nav-link:focus,
.editor_atto_toolbar button.focus,
.editor_atto_toolbar button:focus,
[role="button"].focus,
[role="button"]:focus,
.list-group-item-action.focus,
.list-group-item-action:focus,
input[type="checkbox"].focus,
input[type="checkbox"]:focus,
input[type="radio"].focus,
input[type="radio"]:focus,
input[type="file"].focus,
input[type="file"]:focus,
input[type="image"].focus,
input[type="image"]:focus,
.sr-only-focusable.focus,
.sr-only-focusable:focus,
a.dropdown-toggle.focus,
a.dropdown-toggle:focus,
.modal-dialog[tabindex="0"].focus,
.modal-dialog[tabindex="0"]:focus,
.moodle-dialogue-base .closebutton.focus,
.moodle-dialogue-base .closebutton:focus,
button.close.focus,
button.close:focus,
.form-autocomplete-selection.focus,
.form-autocomplete-selection:focus {
  box-shadow: none;
}

iframe#frame {
  border: none !important;
}

.modal-footer.text-center {
  justify-content: center;
}

.banner-img-upload img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}




a[data-key=local_report-list],
a[data-key=sitesettings] {
  display: block !important;
}

#page-footer,
.nav.usernav .nav-item .popover-region,
.site-name {
  display: none !important;
}

#page-header {
  display: block;
  margin-top: 62px;
  margin-left: 75px;
}

#region-main-box,
.mform {
  padding: 15px !important;
}

.justify-content-end {
  justify-content: flex-start !important;
}

.lastinitial+h2 {
  margin: 15px 0px !important;
}

/* #page-course-edit > #page-wrapper > .app-sidebar3{
  display: none !important;
}
#page-course-view-singleactivity> #page-wrapper > .app-sidebar3{
  display: none !important;
}
.rmv-modl-ul > .yui3-js-enabled > #page-course-edit > #page-wrapper > #page > #page-content{
  margin-right: 0px !important;
} */
.allowedroles {
  display: flex;
}

.form-autocomplete-suggestions {
  position: absolute;
  background-color: #fff;
  border: 1px solid #8f959e;
  min-width: 206px;
  max-height: 8em;
  overflow: auto;
  margin: .125rem 0 0;
  padding: .5rem 0;
  z-index: 1;
}

/* [data-fieldtype="select"]{
  padding-left: 0px;
} */

/*Login page button css*/
/* .main_btn_login > .primary_btn{
  background-color: #2fa2ba !important;
}
.main_btn_login > .cst_btn{
  background-color: #2fa2ba !important;
}

.fitem > [data-fieldtype="submit"] > #id_submitbutton{
  background-color: #2fa2ba !important;
  border: none;
}
.felement > #id_submitbuttonemail{
   background-color: #2fa2ba !important;
}
.fitem > [data-fieldtype="submit"] > #id_submitbutton:hover{
  background-color: #c1d63d !important;
}
.felement > #id_submitbuttonemail:hover{
   background-color: #c1d63d !important;
}
.main_btn_login > .cst_btn:hover{
  background-color: #c1d63d !important;
} */
*/

/*End Login page button css*/
/* .d-inline-block{
  display: flex !important;
}
[data-fieldtype="text"] > [id="id_email"]{
  margin-bottom: 1rem;
}
/* .pr-md-0 > [for="id_password"]{
    margin-left: 12px !important;
} */
.pr-md-0>[for="id_password2"] {
  margin-left: 12px;
}

/* [autocomplete="off"]{
  width: 100% !important;
} */
.fitem>.pr-md-0>span {

  width: 100%;
  font-weight: 600 !important;
  font-size: 20px;
}

.m_form {
  padding: 0px;
}

#id_setpassword>.fcontainer {
  padding: 0px 15px 15px 15px;
}

[data-fieldtype="group"]>fieldset>.flex-wrap {
  padding: 15px;
}

.m_form>#id_setpassword>legend.ftoggler {
  font-weight: 600;
  margin-bottom: 0px;
}

[data-fieldtype="static"]>.form-control-static {
  text-align: center;
  width: 100%;
  font-weight: 600;
}

[data-fieldtype="password"]>#id_password2 {
  width: 100% !important;
}

#id_setpassword>.ftoggler {
  padding: 15px;
  box-shadow: 0px 2px 2px rgb(230 230 230 / 50%);

}

#id_replacefilters {
  display: none;
}

.student-course-main>.container>h1 {
  font-weight: 600;
}

.student-course-main-details>.container>.details>h1,
h2 {
  font-weight: 600;
}

.form-autocomplete-suggestions li:hover,
.form-autocomplete-suggestions li:focus,
.form-autocomplete-suggestions li[aria-selected="true"] {
  background-color: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem var(--primary-color) !important;
}

@media screen and (max-width: 767px) {
  #backdiv {
    right: 20px;
    top: -25px !important;
  }

  #page-user-edit #page-content {
    margin-top: 20px !important;
  }

  #page-login-change_password #page-content {
    margin-top: 20px !important;
  }

  #page-user-language #page-content {
    margin-top: 20px !important;
  }

  #page-message-edit #page-content {
    margin-top: 20px !important;
  }

  #page-message-notificationpreferences #page-content {
    margin-top: 20px !important;
  }

  #page-local-studentcourse_details-index .back-btn {
    position: absolute !important;
    top: 53px !important;
  }

  #page-local-studentcourse-index .banner.student-course-main {
    margin-top: 12px;
  }

  #page-login-forgot_password .felement>#id_submitbuttonemail {
    margin: 15px auto 15px !important;
  }

  #page-user-profile #page-content {
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  #page-message-index #page-content {
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  #page-user-preferences #page-content {
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  #page-user-editadvanced #page-content {
    margin-left: 0px !important;
    margin-top: 0px;
  }

  #page-user-editadvanced .felement[data-fieldtype="text"] {
    padding-right: 0px !important;
  }

  #page-login-change_password #id_password {
    width: 100% !important;
  }

  #page-login-change_password #page-content {
    margin-left: 0px !important;
    margin-top: 0px;
  }

  #page-user-language #page-content {
    margin-left: 0px !important;
    margin-top: 0px;
  }

  #page-user-language [data-fieldtype="group"]>fieldset>.flex-wrap {
    padding: 0px;
  }

  #page-local-admincourse-index .bd-example-modal-lg {
    padding-right: 0px !important;
  }

  #page-course-view-singleactivity [data-filterfield="join"] {
    width: 100px !important;
  }

  #page-admin-user-editadvanced #page-content {
    margin-left: 0px !important;
    margin-top: 0px !important;
  }

  #page-admin-user .form-inline .form-check {
    display: inline-block !important;
    width: 0 !important;
  }

  #page-admin-registration-index .felement[data-fieldtype="text"] {
    padding-right: 0px !important;
  }

  #page-admin-setting-analyticssite #adminsettings .form-control[size] {
    width: 100%;
  }

  #page-admin-setting-analyticssettings #adminsettings .form-control[size] {
    width: 100%;
  }

  #page-admin-setting-userpolicies #adminsettings .form-control[size] {
    width: 100%;
  }

  #page-admin-tool-capability-index #id_capability {
    width: 100% !important;
  }

  #page-admin-setting-policysettings #adminsettings .form-control[size] {
    width: 100%;
  }

  #page-admin-setting-coursesettings #adminsettings .form-control[size] {
    width: 100%;
  }

  #page-admin-setting-importgeneralsettings #adminsettings .form-control[size] {
    width: 100%;
  }

  #page-admin-setting-gradessettings #adminsettings .form-control[size] {
    width: 100%;
  }

  #page-admin-setting-gradeitemsettings #adminsettings .form-control[size] {
    width: 100%;
  }

  #page-admin-grade-edit-letter-index [data-fieldtype="group"]>fieldset>div.d-flex {
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  #page-admin-report-eventlist-index .yui3-datatable-content {
    overflow-y: scroll;
  }

  #page-admin-report-eventlist-index [data-fieldtype="group"]>fieldset>div.d-flex {
    display: flex !important;
  }

  #page-admin-report-eventlist-index .felement[data-fieldtype="text"] {
    padding-right: 0px !important;
  }

  #page-admin-tool-behat-index a {
    word-break: break-all;
  }

  #page-admin-setting-experimentalsettings #adminsettings .form-control[size] {
    width: 100%;
  }

  .main-box-color .color-items {
    display: block;
    align-items: center;
  }

  [data-fieldtype="group"]>fieldset>div.d-flex {
    display: block !important;
    padding-bottom: 0px;
  }

  .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col,
  .col-auto,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm,
  .col-sm-auto,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md,
  .col-md-auto,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg,
  .col-lg-auto,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl,
  .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }

  [name="addsel"] {
    width: 100%;
  }

  [name="removesel"] {
    width: 100%;
  }

  [name="addall"] {
    width: 100%;
  }

  [name="removeall"] {
    width: 100%;
  }

  [name="doaction"] {
    width: 100%;
    margin-top: 15px;
  }

  .form-group {
    margin-bottom: 0px;
  }

  .felement[data-fieldtype="text"] {
    padding-left: 15px;
    padding-right: 15px !important;
  }

  .moodle-exception-param {
    overflow-x: scroll;
  }

  #page-wrapper {
    overflow-y: scroll;
  }

  .moodle-dialogue {
    width: 100% !important;
  }

  #fitem_id_maildisplay>.felement {
    padding-right: 0px !important;
  }

  #fitem_id_country>.felement {
    padding-right: 0px !important;
  }

  #fitem_id_timezone>.felement {
    padding-right: 0px !important;
  }

  [data-fieldtype="text"]>[id="id_email"] {
    margin-bottom: 0px;
  }

  div#fitem_id_email {
    margin-right: -15px !important;
  }

  span.logo {
    display: inline-block !important;
  }

  .menu-span {
    display: none;
  }

  #tolltip {
    left: 70% !important;
  }

  #page-login-forgot_password div#page-content {
    margin-top: 0px !important;
  }

  #region-main-box,
  .mform {
    padding: 0px !important;
  }
}

.icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  box-sizing: content-box;
  margin-right: .5rem;
}

.menu-siteadmin ul li.active a {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}


.btn-primary {
  background: var(--course-color);
}

.btn-primary:hover {
  /* background-color: #FFCD2D !important; */
  border: none;
}


/* sign up start */
#page-login-signup h3 {
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  color: #7f7f7f;
  margin: 15px 0;
}

#page-login-signup .card-body {
  padding: 0;
}

.main_signup_box {
  margin-top: 60px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgb(112 112 112 / 50%);
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#page-login-signup .logo_form {
  text-align: center;
  padding: 15px 0;
  box-shadow: 0px 2px 2px rgb(230 230 230 / 50%);
}

#page-login-signup .logo_form img {
  width: 190px;
}



#page-login-signup .icon:before {
  display: block;
}

#page-login-signup .mform>.form-group {
  margin: 0;
  display: grid;
  margin-bottom: 10px;
}

#page-login-signup .mform>.form-group label {
  margin-bottom: 0;
}

#page-login-signup .mform>.form-group .col-form-label {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}

#fitem_id_passwordpolicyinfo {
  display: none !important;
}

#page-login-signup #id_cancel {
  display: none;
}

#page-login-signup .fdescription.required {
  display: none;
}

#page-login-signup .signup_form {
  padding: 0 15px;
}


#page-login-signup .mform>.form-group .form-control {
  width: 100%;
  border-radius: 5px;
  background: #f3f3f5;
  border-color: #dbdadd;
}

#page-login-signup .signup_form .form-inline {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}

#page-login-signup #id_submitbutton {
  background: #6d558b;
  color: #fff;
  width: 100%;
  display: block;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#page-login-signup #id_submitbutton:hover {
  background-color: #FFCD2D;
}

#id_submitbuttonemail {
  border: none;
}

#id_submitbuttonemail:hover {
  background-color: #FFCD2D;
  border: none;
}

/*#fitem_id_email2 {
  display: none !important;
}*/

#page-login-signup [data-fieldtype="group"] .align-items-center {
  justify-content: center;
}

.cst-maintablereports {
  padding: 16px;
}

/* sign up end */

.c5 {
  display: flex;
}

.btn:focus {
  box-shadow: inherit !important;
}

input:-internal-autofill-selected {
  background-color: red !important;
}

#page-local-studentcourse-index .back-btn {
  border-radius: 4px !important;
}

#page-local-studentcourse-index {
  overflow: scroll;
}

.preferences-container {
  overflow-x: scroll;
}

.uploaduser:hover {
  border: none !important;
}

.user_bulk:hover {
  border: none !important;
}

.add_new_user_url:hover {
  border: none !important;
}

@media screen and (max-width: 767px) {

  .course-items-main .main-box .box {
    grid-template-columns: auto;
  }

  .course-header {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .sa-search {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .sa-search__body {
    width: 100%;
  }

  #page {
    margin-top: 60px;
  }

  [data-region="drawer"] {
    width: 200px;
  }

  .reports-main-box .main-box .box {
    grid-template-columns: auto !important;
  }

  .reports-main-box .main-box .box input {
    width: 100%;
  }

  .reports-main-box .main-box {
    width: 100%;
  }

  .reports-main-box .main-box .box .main-input.reports {
    margin-bottom: 7px;
  }

  .title-main h3 {
    text-align: center;
  }

  .menu-siteadmin ul {
    margin: 0;
    border: 0;
    padding: .125rem;
    background-color: #e9ecef;
  }

  .menu-siteadmin ul li {
    flex: 1 1 auto;
    text-align: center;
  }

  .menu-siteadmin ul li a {
    background: #fff;
    border: 0;
    margin: .125rem;
  }

  .menu-siteadmin ul li.active a {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
  }

  .main-box-branding .main-box {
    grid-template-columns: auto;
  }

  .toast-wrapper {
    display: none;
  }

  .side-menu {
    width: 75px;
  }

  .side-menu__label {
    display: none;
  }

  div#page-content {
    margin-top: 0;
    margin-left: 0px !important;
    padding: 12px;
  }

  .side-menu {
    left: -75px;
  }

  .lft {
    left: 0px;
  }

  #goto-top-link a {
    bottom: 0 !important;
  }

  .export_btn {
    text-align: center !important;
    padding: 25px 0px 0px;
  }

  label+.select-dropdown {
    margin: 0px 15px !important;
  }

  .filter-btn-responsive {
    padding: 25px 0px 0px;
    justify-content: center;
  }

  .filter-btn-responsive-width {
    width: 100px !important;
  }

  /* legend + div > .fitem  {
  width: 100% !important;
} */
  .navbar-brand {
    margin-left: 0;
    margin-right: 50px !important;
  }

  #page-user-edit {
    overflow: scroll;
  }

  #page-local-studentcourse_details-index {
    overflow: scroll;
  }
}

.aalink.focus,
.aalink:focus,
#page-footer a:not([class]).focus,
#page-footer a:not([class]):focus,
.arrow_link.focus,
.arrow_link:focus,
a:not([class]).focus,
a:not([class]):focus,
.activityinstance>a.focus,
.activityinstance>a:focus {
  color: var(--primary-color);
  /* border: 2px solid var(--primary-color); */
  background: transparent;
  box-shadow: none;
}

#id_password:focus {
  box-shadow: none !important;
}

#page-login-signup div#page-content {
  margin: 0 !important;
  padding: 0 !important;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: var(--primary-color);
  outline: 0;
  box-shadow: none;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  box-shadow: none;
}

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  box-shadow: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: none;
}

.log span {
  font-style: normal;
  font-weight: 500;
}

.log a {
  font-weight: 700;
  color: #6d558b;
  text-decoration: none;
}

button#single_button61545d8092e3c15 {
  background-color: #6318af;
  color: #fff;
  border: 0px;
}

#region-main {
  overflow-x: inherit !important;
}

.primary-menu li {
  display: inline-block;
  padding: 8px 0 0;
  margin-right: 26px;
  margin-top: 20px;
}

.primary-menu ul li.active a {
  color: var(--course-color);
  border-bottom: 3px solid var(--course-color);
  padding-bottom: 8px;
  display: inline-block;
  font-weight: 600;
}

.addnewuser {
  background: var(--primary-color);
  color: #fff;
  border: 0px;
  padding: .575rem .75rem;
  border-radius: 4px;
}

/* input#id_addfilter {
    position: absolute;
  top: -56px !important;
  left: 152px !important;
} */


.btn {
  border-radius: 4px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-radius: 4px;
}

.form-control {
  border: 1px solid #dddddd;
  border-radius: 4px;

}

/* .form-group.fitem {
    position: absolute;
    top: 80px;
    right: 80px;
} */

.addnewuser {
  background: var(--primary-color) !important;
  color: #fff;
  border: 0px;
  padding: .575rem .75rem;
}

.addnewuser:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
  color: #fff;
}

/* .moreless-toggler {
    display: none;
} */

.primary-menu ul li a {
  color: inherit;
  position: relative;
}

i.icon.fa.fa-table.fa-fw {
  display: none;
}

span#actionmenuaction-9 {
  display: none;
}

.btn.cst_btn.primary_btn:hover {
  background-color: #FFCD2D;
}

#page-login-forgot_password .col-md-3.col-form-label.d-flex.pb-0.pr-md-0 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}

#page-login-forgot_password .col-md-9.form-inline.align-items-start.felement {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0px 12px;
}

#page-login-forgot_password .logo_form {
  text-align: center;
  padding: 15px 0;
  box-shadow: 0px 2px 2px rgb(230 230 230 / 50%);
}

#page-login-forgot_password .logo_form img {
  width: 190px;
}

input#id_submitbuttonemail {
  background: #6d558b;
  color: #fff;
  width: 100% !important;
  display: block;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin: 10px 10px 10px 15px;
}

#page-login-forgot_password div#page-content {
  margin-top: 62px;
  margin-left: 0px;
  padding: 20px;
}

/* div#fitem_id_email {
  margin: 0px 0px 0px 0px;
} */

#page-login-forgot_password h3 {
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  color: #7f7f7f;
  margin: 15px 0;
}

#page-login-forgot_password p {
  text-align: center;
  font-size: 10px;
  color: #7f7f7f;
  margin: 15px 0;
  font-weight: 600;
}

#page-login-forgot_password .log span {
  font-style: inherit;
  font-weight: 500;
}

label.d-inline.word-break {
  font-size: 12px;
  margin-bottom: 5px;
}

#page-admin-user label.d-inline.word-break {
  font-size: inherit !important;
}

[dir=ltr] .sa-search__input {
  padding-left: 2.25rem;
  padding-right: .75rem;
  width: 100%;
}

#page-login-forgot_password .log {
  margin-bottom: 30px;
}

.box.py-3.generalbox.boxwidthnormal.boxaligncenter {
  display: none;
}

#page-login-forgot_password .card-title {
  padding: 0px 13px;
}

#page-login-forgot_password .mform fieldset {
  margin-left: 0px;
}

legend#yui_3_17_2_1_1632995788593_47 {
  display: none;
}


.forgot_passowrd {
  margin-top: 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 15px rgb(112 112 112 / 50%);
  width: 100%;
  max-width: 430px;
  margin-left: auto;
  margin-right: auto;
}

.export_btn {
  text-align: right;
}

.export_btn a {
  width: 100px;
}

/* #id_email {
  width: 100% !important;
} */

.forgot_passowrd #id_submitbuttonemail {
  /* width:100% !important; */
}

.collapsible-actions .collapseexpand {
  display: none;
}

#id_submitbuttonemail {
  margin: 10px auto !important;
}

.fdescription.required {
  display: none;
}

/* 
input#id_saveanddisplay {
  border-radius: 13px;
}

input#id_cancel {
  border-radius: 13px;
}

input#id_saveandreturn {
  border-radius: 13px;
} */

.reports-main-box label {
  margin-top: 10px !important;
}

#theme {
  background: var(--primary-color);
}
#adminsidebar {
  background: var(--admin-sidebar-color);
}
#btn {
  background: var(--course-color);
}
#btnhover {
  background: var(--hover-color);
}
.for input#id_submitbuttonemail {
  background: #6d558b;
  color: #fff;
  width: 90%;
  display: block;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin: 10px 10px 10px 15px;
}

/* #id_submitbuttonemail{
  margin: auto !important;
  width: 60% !important;
} */

img.img-w {
  width: 32px;
  margin-right: 15px;
  margin-top: -6px;
}

#id_submitbuttonemail-1 {
  background: #6d558b;
  color: #fff;
  width: 60%;
  display: block;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
  margin: auto;
  padding: 10px;
  text-decoration: none;
}

#id_submitbuttonemail-1:hover {
  /* background-color: #FFCD2D !important; */
  border: none !important;
}


#fgroup_id_realname_grp>.col-md-3 {
  display: none !important;
}


/* .topbar-filter-main {
    background: #0a0a0a !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

.topbar-filter-main .main-box-filter .left-content li a {
    background: #fff !important;
    font-weight: 600;
}

.topbar-filter-main .main-box-filter .left-content li.current a {
    background: #eaeaea !important;
}

.select-dropdown select {
    font-size: 15px;
    font-weight: normal;
    width: 100%;
    padding: 7px 24px 7px 10px;
    border: none;
    background-color: #fff !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #1f1f1f;
}

.select-dropdown {
    position: relative;
    background-color: transparent;
    border-radius: 4px;
    border: 0px !important;
}

.sa-search__input {
    background-color: #fff !important;
}

.banner.student-course-main {
    background: url(/kl_moodle/moodle/local/branding/pics/1764806600banner-course-student21631790795.jpeg);
    height: 144px !important;
}

.banner.student-course-main h1 {
    color: inherit;
    font-size: 36px;
    font-weight: 600;
    margin-top: 47px !important;
} */
#page-admin-user .w-100 {
  width: inherit !important;
}

@media only screen and (max-width: 767px) {
  .course-items-main .main-box .box .details {
    margin: 0px;
  }

  #page-course-edit [role="main"] {
    padding: 15px;
  }

  #page-course-edit [data-fieldtype="group"]>fieldset>div.d-flex {
    display: flex !important;
  }

  #page-local-userreports-index .reports {
    padding: 0px !important;
  }

  #page-local-userreports-index .select-dropdown {
    margin: 0px !important;
  }

  #page-admin-user .fitem {
    margin-bottom: 10px !important;
  }

  #page-admin-user [data-fieldtype="checkbox"] {
    margin-left: 10px;
  }

}