body {
    background: #443988;
    background-image: linear-gradient(to right bottom, #443988, #3c4f9f, #3065b3, #207bc5, #0990d5);
    color: white;
}

#headerNavbar a { color: white; font-size: 25px; }
#headerNavbar a:hover { color: white; }
#headerNavbar a:visited { color: white; }

a.light { color: white; text-decoration: underline; }
a.light:hover { color: white;  text-decoration: underline;}
a.light:visited { color: white;  text-decoration: underline; }

.lpmenucontent a {color: white; text-decoration: underline;  }
.navbar-collapse.show { background: rgba(51,51,102,0.92); padding: 15px; font-size:0.8em;}

.vcc-header-pin {
    background-color: #362e6d;
    background: linear-gradient(135deg, rgba(55,46,109,1) 0%, rgba(37,83,146,1) 100%);
}

.topmenucontent { background: rgba(51,51,102,0.92); }
.tmbutton { background: rgba(255,255,255,0.1); }
.topmenucontent input[type=text], .topmenucontent input[type=password] { background: rgba(0,0,0,0.1); border: 1px solid #bbbbcc; color: white; }

.coursefrontbox { background: rgba(255,255,255,0.07);  }
.coursefrontbox:hover { background: rgba(255,255,255,0.13); }

.coursefrontboxcol a { color: white; }
.vcc-subheader { background: linear-gradient(135deg, rgba(63,58,134,1) 0%, rgba(41,103,176,1) 100%);  }
.coursetitlechapter {   color: white; }
.transbutton { color: white; background: rgba(255,255,255,0.1);  }
.transbutton i { color: #65b1e5; }
.finisheddiv { color: white; }
.courseresultdiv { color: white; }

.campaign a { color: white; text-decoration: underline; }
#quiztablebody td { color: black; }
.loginwelcome {text-align: center; margin-bottom: 10vh; }