#r1 {
	height: 400px;
    margin:0;
}

#r2 {
	height: 100px;
	padding-top: 30px;
	margin-left: -8%;
	margin-right: -8%;
	margin-bottom: 0;
}

#container {
	background-color: #ebeff2;
}

#container #content {
	padding-bottom: 0;
}

#calender-container {
	height: 75%;
}

#slider-container {
	padding-right: 0;
}

.tab-content {
	color: white;
    overflow-y: auto;
	height: 85%;
    background-color: #5f5f5f;
	padding-top: 20px;
}

.tab-content table {
    color: #f5f5f5;
}

.tabs>li:nth-child(odd)>a {
    color:#424242;
}
.tabs>li:nth-child(2):after {
	background-color: #bdbdbd;
	left: 48%;
	content: "";
	width: 4%;
	height: 1.4em;
	position: absolute;
	top: 0.8em;
	border-radius: 50%;
}

.tabs>li:nth-child(odd)>a:hover {
    color: #fff;
}

.tabs>li:nth-child(even)>a {
    color: #fefefe;
}

.tabs>li:nth-child(even)>a:hover {
    color: #616161;
}

.tabs .indicator {
    background-color: #fff;
}

.tag {
	display: inline-block;
	padding: 2px;
	border-radius: 15%;
	color: black;
}

.tag1{
	background-color: #bbdefb;
}

.tag2{
	background-color: #fce4ec;
}

.category {
	display: block;
	position: relative;
	width: 100%;
	color: white;
	text-align: center;
	border-radius: 5px;
}

#calender-container>.row {
	height: 100%;
	margin-left: 0;
	margin-right: 0;
}

#calender-container .col {
	height: 100%;
}

#event-container {
	height: 100%;
	width: 100%;
	margin-left: 0;
	margin-bottom: 0;
	position: relative;
}

#event1 {
	background-color: #2962ff;
}

#event1:after {
	background-color: #2962ff;
	left: 23%;
}

#event2 {
	background-color: #2979ff;
}

#event2:after {
	background-color: #2979ff;
	left: 48%;
}

#event3 {
	background-color: #448aff;
}

#event3:after {
	background-color: #448aff;
	left: 73%;
}

#event4 {
	background-color: #82b1ff;
}

#event4:after {
	background-color: #82b1ff;
	left: 98%;
}

.event-box {
    /*overflow: hidden;*/
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	word-break: break-all;
	padding-top: 0.6rem;
	color: white;
	text-align: center;
}

.tag:after {
	content: attr(num);
	color: white;
	width: 11%;
	height: 1.4em;
	position: absolute;
	z-index: 1;
	top: 1em;
	left: 106%;
	border-radius: 50%;
	background-color: #ec407a;
}

#event-container>.dick {
	padding-left: 2%;
	padding-right: 2%;
}

#event-container .event-box {
	text-shadow: 0px 0px 10px black;
}

.ass:before {
	content: "";
	width: 4%;
	height: 2em;
	position: absolute;
	top: 0.7em;
	border-radius: 50%;
	left: -1.5%;
	background-color: #2962ff;
}

.dick:after {
	content: "";
	width: 4%;
	height: 2em;
	position: absolute;
	top: 0.7em;
	border-radius: 50%;
}

#ann-tab .row , #qa-tab .row, #doc-tab .row{
	margin-right: 0;
	margin-left: 0;
}

#ann-tab a, #qa-tab a, #doc-tab a {
	color: white;
}

#post-container a:hover {
	color: #bbdefb;
}

#post-container {
    height: 100%;
}

.indicators {
	top: 355px;
	z-index: 2;
}

#arrow-container1 {
	background-color: #9E9C9C;
	width: 5%;
	padding-right: 0;
	padding-left: 0;
	color: white;
}
#arrow-container2 {
	background-color: #9E9C9C;
	width: 5%;
	padding-right: 0;
	padding-left: 0;
	color: black;
}

.arrow {
	width: 100%;
	height: 100%;
	padding: 0;
	text-align: center;
	padding-top: 15%;
	font-size: 35px;
}

#arrow1 {
	color: white;
}

#arrow2 {
	padding-left: 5px;
	color: white;
}

#puzzle-container {
	width: 90%;
	padding-right: 0;
	padding-left: 0;
}

#home-nav {
	display: none;
}

.cal-modal-title{
	color: #0d47a1;
	font-weight: 600;
	margin-bottom: 0.5em;
}

.cal-modal-date{
	color: #bf360c;
}

.cal-modal-content{
	line-height: 2em;
}

.modal {
	max-height: 90%;
	min-height: 60%;
	top: 5%;
	word-break: break-all;
}

@media only screen and (max-width: 992px) {
	#home-nav {
		display: block;
	}
	#banner {
		display: none;
	}
	#r2 {
		margin-left: 0;
		margin-right: 0;
	}
}