.rmTooltip {
  font-size: 48px;
}

/* Tooltips and supporitng arrows */
.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--mdc-theme-secondary);    
    position:relative;                       
    
}

.arrow-down {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--mdc-theme-secondary);;
}

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--mdc-theme-secondary);
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  border-right:10px solid var(--mdc-theme-secondary); 
}

.toolTip {
  font-family: Roboto, sans-serif;
  line-height : 4px;
  background-color : var(--mdc-theme-secondary);
  color : #fff;
  box-shadow : 1px 5px 10px 0px rgba(138,133,138,1);
  z-index : 100;
  min-height: 24px;
  line-height:24px;
  min-width : 250px;
 
}

.tooltipText {
    color:white;
    text-align:left;
    background-color: var(--mdc-theme-secondary);
    border-radius:4px;
    padding: 18px;
}