body{
    background:linear-gradient(360deg, rgb(43 42 42) 0%, rgb(0 0 0) 37%, rgb(0 0 0) 100%);
}

a, a:hover, a:visited, a:link{
    color: rgb(0, 0, 0);
}


.navbar-brand:hover{
    color:#9ecfb3 !important;
}

.week-events{
    
}


.all-events{
    background-color: #212529;
    padding: 2vh;
    border-radius: 2vh;
}

.requiredField{
    color:white
}

label{
    color:white;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.bginfo{
	background-color: #40bcd8 !important;
    	font-size: medium;
	 border-radius: 0 !important;
}

.active, .collapsible:hover{
	background-color: #3b7e88;
}


.page-item:first-child .page-link{
	border:solid;
	color:cyan;
	background-color: transparent !important;
	border-radius: 20px !important;
	font-weight: 500;
}

.page-item:last-child .page-link {
	border:none;
	margin-left:1vh;
	
	background-color: #9ecfb3 !important;
        border-radius: 20px !important;
        font-weight: 500;
}

.page-item:not(:first-child) .page-link{
	margin-left:1vh !important;
	border:solid;
	background-color: transparent !important;
        border-radius: 20px !important;
        font-weight: 500;
	color: cyan;
}


.page-item:hover{
	color:white;
}

.btn-success{
	background-color:rgb(8, 96, 95) !important;
	border:none !important;
	}

.btn-secondary{
        background-color:#177E89 !important;
        border:none !important;
        }