.w3-mid-grey {
background-color:#dddddd;
}

.gradient-grey {
background-image: linear-gradient(#f5f5f5, #e9e9e9);border:#dddddd 1px solid;
}

.sectionblue {
    background-color:#00B0D3;
    color:#ffffff;
    border-color: #00B0D3 transparent;
}

.textblue {
    color:#00B0D3;
}

.sectionyellow {
    background-color:#FCAF17;
    color:#ffffff;
}

.textyellow {
    color:#FCAF17;
}

.sectiongreen {
    background-color:#72BF44;
    color:#ffffff;
}

.textgreen {
    color:#72BF44;
}

.sectionred {
    background-color:#EE2D67;
    color:#ffffff;
}

.textred {
    color:#EE2D67;
}

.sectionpurple {
    background-color:#6F85C2;
    color:#ffffff;
}

.textpurple {
    color:#6F85C2;
}

.sectionorange {
    background-color:#F04E45;
    color:#ffffff;
}

.textorange {
    color:#F04E45;
}

.sectionpink {
    background-color:#CF3D96;
    color:#ffffff;
}

.textpink {
    color:#CF3D96;
}