body {
    background: white;
    /* background-image: linear-gradient(to right bottom, #FFFFFF, #C0C0C0); */
    color: #3d3a3b;
}

.vcc-header-outer { background: #66757F; color: white; }

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

a.light { color: #3d3a3b; text-decoration: underline; }
a.light:hover { color: #3d3a3b;  text-decoration: underline;}
a.light:visited { color: #3d3a3b;  text-decoration: underline; }

.vcc-header-pin {

    background: linear-gradient(135deg, rgba(150,150,150,1) 0%, rgba(200,200,200,1) 100%);
}

.logincontainervcc { background-image: none !important; background-size: 300px}
.loginwelcome { margin-bottom: 50px; }
.btn-login { background: #BF1E2E; }

.navbar-collapse.show { background: #E1E8ED; padding: 15px; font-size:0.8em;}

.topmenucontent { background: #E1E8ED; color: #3d3a3b; }
.vcc-course-subheader { background: #CCD6DD; }
.coursefrontboxtool { background: #55ACEE !important; }
.coursefrontboxtool:hover { background: #55ACEE !important; }

.vcc-footer-outer { color: white !important; background-image: none !important; background: #66757F !important;}
.vifinlogo { background: white; border-radius: 10px; padding: 10px;}

.tmbutton { background: rgba(0,0,0,0.1); }
.tmbutton i { color: #3d3d3d; }
.topmenucontent input[type=text], .topmenucontent input[type=password] { background: rgba(255,255,255,0.5); border: 1px solid #bbbbcc; color: #3d3a3b; }

.coursefrontbox { background: #292F33; color: white; }
.coursefrontbox:hover { background: #292F33; }
.coursefrontboxcol a { color: #3d3a3b; }

.vcc-subheader { background: rgba(0,0,0,0.05); }
.coursetitlechapter {   color: #3d3a3b; }
.transbutton { color: #3d3a3b; background: rgba(0,0,0,0.2);  }
.transbutton i { color: #3d3a3b; }
.finisheddiv { color: #3d3a3b; }
.courseindexinner i.fa {color: #292F33; }