a:hover {
	text-decoration: none;
}

#event- {
	background-color: #48494b;
	font-size: 17px;
	margin-top: 5vh;
	opacity: 1;

	border-radius: 4px;
}
.modal-content{

background-color:transparent;
}
.event-nav-content {
	 background-color: #48494b;
	 transition-property: background-color;
	 transition-duration: 0.6s;
	 color: white;
	 padding: 1vh 0 1vh 0;
}

.event-nav-content:hover {
	background-color: #909092;
	color: black;
}

#workshop- {
	background-color: #48494b;
	font-size: 100%;
	margin-top: 5vh;
	opacity: 1;

	border-radius: 4px;
}

.workshop-nav-content {
	 background-color: #48494b;
	 transition-property: background-color;
	 transition-duration: 0.6s;
	 color: white;
	 padding: 1vh 0 1vh 0;
}
#codecrash,#technogeeks,#relaycoding,#webomania,#cs,#nfs,#logodesign,#comppaper,#cquiz,#boardwarzzz,#candycrush,#electromaze,#ideadecor,#laserstrike,#quiztechno,#robowar,#hitittowinit,#robocup,#mazerunner,#obstacles,#techxtreme,#junkyard,#rocketmania,#silverselfie,#buybegborrow,#electricks,#technosense,#circuitry,#trickyquizzy,#civilmania,#seismocure,#ideaction,#sketchtheidea,#bridgedcurve,#technoking,#smartcity,#chemoquiz,#chemoocar,#chemoimpromptu,#chemohunt,#baaziakminuteki,#whatatwist,#madads,#polaroidshot,#treasurehunt,#letsgetquizzical,#escape,#parmarecipe,#3d,#collagemaking,#puzzle,#recital,#rappelling{

background-color:rgba(255,255,255,0.9);
}
#codecrash.active,#technogeeks.active,#relaycoding.active,#webomania.active,#cs.active,#nfs.active,#logodesign.active,#comppaper.active,#cquiz.active,#boardwarzzz.active,#candycrush.active,#electromaze.active,#ideadecor.active,#laserstrike.active,#quiztechno.active,#robowar.active,#hitittowinit.active,#robocup.active,#mazerunner.active,#obstacles.active,#techxtreme.active,#junkyard.active,#rocketmania.active,#silverselfie.active,#buybegborrow.active,#electricks.active,#technosense.active,#circuitry.active,#trickyquizzy.active,#civilmania.active,#seismocure.active,#ideaction.active,#sketchtheidea.active,#bridgedcurve.active,#technoking.active,#smartcity.active,#chemoquiz.active,#chemoocar.active,#chemoimpromptu.active,#chemohunt.active,#baaziakminuteki.active,#whatatwist.active,#madads.active,#polaroidshot.active,#treasurehunt.active,#letsgetquizzical.active,#escape.active,#pharmarecipe.active,#3d.active,#collagemaking.active,#puzzle.active,#recital.active,#rappelling.active{

background-color: #337ab7;
    border-color: #337ab7;
color:white;
}
.workshop-nav-content:hover {
	background-color: #2A2727;
	color: black;
}

.tab-content {
	position: inherit;
	top: 5vh;
	overflow-y: auto;
	border-radius: 6px;
	background-color: rgba(255, 255, 255,0.65);
	margin: 0% 2% 2% 2%;
	border: solid darkgrey 2px;
	box-shadow: 0 4px 8px 0 grey, 0 4px 8px 0 grey;
}

.modal-title {
	font-family: 'roboto';
	font-size: 30px;
	color: white;
display:flex;
justify-content: center;
}

.close {
	font-size: 200%;
	color: white;
}