moodlemobileappcustom.css

.bar-header {
  background-color: #5069A1;
}

ion-side-menu li .item {
  background-color: #313848;
  border-color: #4F5865;
  color: #BCC3CF;
 
}

ion-side-menu li.item {
  border-color: #4F5865;
  }

ion-side-menu li.item.item-divider {
  background-color: #3E4755;
}

.ion-ionic {
  color: orange;
}
.ion-home {
  color: blue;
}
.ion-ios-bell {
  color: yellow;
}
.ion-chatbox {
  color: green;
}
.ion-calendar {
  color: white;
}
.ion-folder {
  color: purple;
}
.ion-earth {
  color: maroon;
}
.ion-help-buoy {
  color: orange;
}
.ion-gear-b {
  color: dimgray;
}
.ion-log-out {
  color: red;
}

.ion-ionic:before {
  content: "\f3ea";
}

.mm-site_mm_courses .tabs-icon-left {
  background-color: #EBEFF8;
}
.mm-site_mm_courses section h2 span {
  font-weight: bold;
}

/* 3.5 styles */

/** Header nav bar color */
.toolbar-background-md,
.toolbar-background-ios,
.toolbar-background-wp {
  background: #2f2f2f;
}

ion-app.app-root .core-tabs-bar {
  border-top: 7px solid #009ed7;
}

/* Bottom tabs selected color */
.tabs-md .tab-button[aria-selected=true] .tab-button-icon,
.tabs-md .core-tabs-bar a[aria-selected=true].tab-slide .tab-button-icon,
.core-tabs-bar .tabs-md a[aria-selected=true].tab-slide .tab-button-icon,
.tabs-ios .tab-button[aria-selected=true] .tab-button-icon,
.tabs-md .core-tabs-bar a[aria-selected=true].tab-slide .tab-button-icon,
.core-tabs-bar .tabs-ios a[aria-selected=true].tab-slide .tab-button-icon,
.tabs-wp .tab-button[aria-selected=true] .tab-button-icon,
.tabs-wp .core-tabs-bar a[aria-selected=true].tab-slide .tab-button-icon,
.core-tabs-bar .tabs-wp a[aria-selected=true].tab-slide .tab-button-icon {
  color: #EBEFF8;
}

/* Tabs color*/
ion-app.app-root .core-tabs-bar a.tab-slide[aria-selected=true] {
  color: #2f2f2f !important;
  border-bottom: 5px solid #2f2f2f !important;
  /*border-bottom-color: : #a31f34 !important;*/
  font-weight: 600 !important;
}

ion-app.app-root .core-tabs-bar a.tab-slide[aria-selected=true] .ng-star-inserted {
  margin-bottom: -5px;
}

ion-app.app-root .core-tabs-bar a.tab-slide {
  color: #2f2f2f !important;
  font-weight: 600 !important;
}

/* Tab bar*/

.tabs-md .tabbar {
  background: #545454; 
}

/* Kebab menu*/
ion-app.app-root page-core-mainmenu-more .item-block.item-md .label p {
  color: #2f2f2f;
  font-weight: 600;
}

/* Dashboard page*/

ion-app.app-root ion-card.card .core-course-link * {
  font-weight: 600;  
}

/* Loading spinners */
.spinner circle, .spinner line {
  stroke: #888 !important;
}

.refresher-refreshing circle {
  stroke: #888 !important;  
}

.refresher-pulling-icon ion-icon, .refresher-refreshing-icon ion-icon {
  color: #888 !important;  
}

/* Learning path*/

/* - links borders option 1 (no app lines) - */
.item-block .item-inner {
  border: none !important;
}

a.core-course-module-handler hr {
  margin-bottom: 20px;
  margin-top: -25px;
  background-color: #ddd !important;
}

/* - links borders option 1 (no app lines) - */
.item-block .item-inner {
  border: none !important;
}

a.core-course-module-handler hr {
  margin-bottom: 20px;

}

ion-app.app-root a.core-course-module-handler {
  padding-bottom: 12px;
}

/* - links borders option 2 (no app lines more spacing, no hr) - */
/*.item-block .item-inner {
  border: none !important;
}

a.core-course-module-handler hr {
  display: none;
}

ion-app.app-root a.core-course-module-handler {
  margin-bottom: 1px;
  padding-bottom: 16px;
}

ion-app.app-root .core-module-buttons-more {
  min-height: 0 !important;
}

ion-app.app-root a.core-course-module-handler {
  min-height: 0 !important;
}*/

/* - links borders option 2 (no hr lines) - */
/*.item-block .item-inner {
  border-bottom: 1px solid #eee !important;
  padding-bottom: 10px;
}

ion-app.app-root core-course-module .core-module-title core-format-text {
  padding-top: 12px !important;
}

a.core-course-module-handler hr {
  display: none;
}*/

/* - end - */

a.core-course-module-handler h5 {
  text-transform: uppercase;
}

ion-app.app-root .item core-format-text p, ion-app.app-root core-format-text p {
  font-weight: 400;
}

ion-app.app-root core-course-module .label .core-module-title core-format-text {
  font-weight: 600;  
}

/* Learning path icons*/

ion-app.app-root core-course-module a.core-course-module-handler .core-module-icon {
  display: none;
}

/* Timeline icons */
.core-module-icon {
  display: none !important;
}

.item-divider-ios-danger, .item-ios-danger {
  color: #de0a0a !important;
  background-color: #f5f5f5 !important;
}

/* Completion ticks*/

ion-app.app-root core-course-module-completion .ng-star-inserted {
  border: 3px solid #999;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  display: block;
  margin-top: 12px;
  position: absolute !important;
  left: 15px !important;
  top: 1px !important;
}

ion-app.app-root a.core-course-module-handler.item-media {
  padding-left: 50px;
}

/*
backup
ion-app.app-root core-course-module-completion a img {
  padding: 0;
    width: 25px;
    vertical-align: middle;
    max-width: none;
    margin: -6px 0px 0 -3px;
    border-radius: 50%;
    filter: hue-rotate(362deg) brightness(100%) saturate(1190%) grayscale(33%);
}*/

ion-app.app-root core-course-module-completion a img {
  padding: 0;
    width: 25px;
    vertical-align: middle;
    max-width: none;
    margin: -3.5px 0px 0 -3px;
    border-radius: 50%;
    filter: hue-rotate(362deg) brightness(100%) saturate(1190%) grayscale(33%);
}

ion-app.app-root-ios core-course-module-completion a img {
    margin: -6px 0px 0 -3px;
}

/* select boxes */
.core-button-select span {
  color: #2f2f2f;
  font-weight: 600;
}

ion-app.app-root .core-button-select, ion-app.app-root ion-select.core-button-select {
  color: #2f2f2f;
  font-weight: 600;
}

ion-app.app-root .core-button-select .select-icon .select-icon-inner, ion-app.app-root ion-select.core-button-select .select-icon .select-icon-inner {
  color: #2f2f2f;
}

.radio-icon.radio-checked {
  border-color: #2f2f2f;
}

.radio-icon.radio-checked .radio-inner {
  background-color: #2f2f2f;
  border-radius: 50% !important;
  border-color: transparent;
  width: 13px;
  height: 13px;
  top: 3px !important;
  left: 3px !important;
}

.item-radio-checked.item ion-label {
  color: #2f2f2f;
  font-weight: 600;  
}

/* module list menu */

/*ion-app.app-root .core-primary-selected-item, ion-app.app-root .core-primary-selected-item * {
  border-color: #767676 !important;
}

ion-app.app-root .core-primary-selected-item .icon.fa.fa-folder {
  color: #767676 !important;
}*/

/* module list menu zeroed */

ion-app.app-root .modal-wrapper .item-block, ion-app.app-root .modal-wrapper .item-block * {
  border-color: transparent !important;
  color: #2f2f2f !important;
}

ion-app.app-root .modal-wrapper .item-block .badge {
  background: #fefbef;
  border: 1px solid #f4dc5e !important;
}

/* progress bar */
/* on learning path */ .core-format-progress-list {
  display: none;
}
/* on dashboard card */ ion-app.app-root core-progress-bar {
  display: none;
}

/* buttons */
ion-app.app-root .core-course-section-nav-buttons .button {
  background: #ddd !important;
  color: #2f2f2f !important;
  border: 1px solid #bbb !important;
  border-radius: 3px !important;
}

ion-app.app-root .button-clear {
  color: #2f2f2f !important;
}

/* Notes */

.custom-notes p, .custom-notes ul, .custom-notes ol {
  font-size: 135%;
  line-height: 1.5;
}

.custom-notes {
    background: #fff;
    border-radius: 3PX;
    border: 1px solid #ccc;
    padding: 0 13px 4px;
}
ion-app.app-root core-format-text h3, ion-app.app-root core-format-text h4 { 
  margin-top: 12px !important;
}

/* Getting rid of orange */
.badge-ios-primary {
  background: #2f2f2f !important;
}