/* CSS fuer Moodle Mobile
 *
 * Markus Stephan
 * 20190322
 * INFO: Farbcode: #0B615E erzeugt grün, ALLE diese Farbcodeeinträge  in Datei auf eigenen Farbwunsch anpassen, im Hauptmenu ablegen
 */
 
 
.bar-side-menu {
   background-color: #0B615E;
 }
 
.bar-content {
   background-color: #0B615E;
 }
 
.button.button-positive {
   border-color: #0B615E;
   background-color: #0B615E;
   color: #fff;
 } 
 
.item-divider {
   background-color: #fafafa;
 }

.bar-header {
  background-color: #0B615E;
}

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 color */
.toolbar-background-md,
.toolbar-background-ios,
.toolbar-background-wp {
  background: #0B615E;
}

/* 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*/
.core-tabs-bar .slides a.tab-slide[aria-selected=true] {
  color: #22A0D1 !important;
  border-bottom-color: #0B615E !important;
}

core-split-view .split-pane-visible .split-pane-side .core-split-item-selected {
    background-color: #f5f5f5;
    border-left: 5px solid #0B615E!important;
}

/* Links */
a {
    color: #0B615E !important;
    text-decoration: none !important;
}

/* Loading spinner */
.spinner circle, .spinner line {
    stroke: #0B615E;
}

/* Buttons */
.button-md,
.button-ios,
.button-wp,
.fab-ios,
.fab-md,
.fab-wp {
  background-color: #0B615E;
}

.button-outline-md,
.button-outline-ios,
.button-outline-wp {
    border-color: #0B615E;
    background-color: #ffffff;
    color: #0B615E;
}

.button-clear-md,
.button-clear-ios,
.button-clear-wp {
  background-color: transparent;
  color: #0B615E;
}

