.moduletooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.moduletooltiptext {
    visibility: hidden;
}

.moduletooltip .moduletooltiptext {
    
    width: 240px;
    text-align: center;
    padding: 5px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 23%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity .25s;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0;
}

/* Tooltip arrow */
.moduletooltip .moduletooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.moduletooltip:hover .moduletooltiptext {
    visibility: visible;
    opacity: 1;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 1;
}

/* Hide the tooltip text when you mouse over the tooltip */
.moduletooltip .moduletooltiptext:hover {
    visibility: hidden;
    opacity: 0;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0;
}

.tooltipStyleStudent {
    background-color: #75b745;
    color: #fff;
	box-shadow: 0px 0px 10px #888888;
}

.tooltipStyleTeacher {
    background-color: #00b1d8;
    color: #fff;
	box-shadow: 0px 0px 10px #888888;
}

.tooltipStyleParent {
    background-color: #d01473;
    color: #fff;
	box-shadow: 0px 0px 10px #888888;
}

.tooltipStyleLibrarian {
    background-color: #dc6009;
    color: #fff;
	box-shadow: 0px 0px 10px #888888;
}

.tooltipStyleError {
    background-color: #e13f45;
    color: #fff;
    width:150px !important;
  box-shadow: 0px 0px 10px #888888;
}

/*
.moduleColour1 {
  color:#7fdab9;
}

.moduleColour2 {
  color:#7fda9c;
}

.moduleColour3 {
  color:#88da7f;
}

.moduleColour4 {
  color:#b2da7f;
}

.moduleColour5 {
  color:#c7da7f;
}

.moduleColour6 {
  color:#dad87f;
}

.moduleColour7 {
  color:#dabf7f;
}

.moduleColour8 {
  color:#daae7f;
}

.moduleColour9 {
  color:#da957f;
}

.moduleColour10 {
  color:#da7f7f;
}
*/
.moduleColour1 {
  color:#dbd1de;
}

.moduleColour2 {
  color:#dbd1de;
}

.moduleColour3 {
  color:#dbd1de;
}

.moduleColour4 {
  color:#dbd1de;
}

.moduleColour5 {
  color:#dbd1de;
}

.moduleColour6 {
  color:#dbd1de;
}

.moduleColour7 {
  color:#dbd1de;
}

.moduleColour8 {
  color:#dbd1de;
}

.moduleColour9 {
  color:#dbd1de;
}

.moduleColour10 {
  color:#dbd1de;
}