html {    
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
    margin-bottom: 60px;
    font-family: 'Century Gothic', sans-serif;
    color: #5f2d86;
}
.tooltips {
    text-align: left;
    color: #5f2d86
}

.tooltips .tooltiptext {
    visibility: hidden;
   
    border:solid;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top:-5px;
    left:105%
}


.tooltips:hover .tooltiptext {
    visibility: visible;
}
a {
    color: #5f2d86;
}
a:hover {
    text-decoration: underline;
}
.card {
    box-shadow: 8px 8px 8px;
}
.marginleft {
    margin-left: 5em !important
}
.liberty-font-normal {    
    font-weight: normal
}
.liberty-font-bold {    
    font-weight: bold
}
.liberty-border {
    border-color: #5f2d86 !important;    
}
.liberty-background {
    background-color: #5f2d86 !important;
}
.liberty-text-color {
    color: #5f2d86 !important;
}
.color-purple {
    color: purple;
}
.fontfamily-systemui{
    font-family:system-ui;
}
.width150{
    width:150px;
}
.margintop350 {
    margin-top: 350px;
}
.colorwhite{
    color:white;
}
.divborderbackground {
    background-color: #e7daf0;
    border: 1px solid #e7daf0 !important
}
.fontsize12 {
    font-size: 12px
}
.marginleft10{
    margin-left:10px;
}
.fontcolorweight {
    color: #5f2d86;
    font-weight: bold
}