@charset "utf-8";
/* CSS Document */
html {
  min-height: 100%;
  position: relative;
}

body {
	margin: 0 0 100px 0;
}

.headbackground {
	background: rgb(0,98,204);
	background: -webkit-linear-gradient(279deg, rgba(0,98,204,1) 0%, rgba(0,123,255,1) 50%);
	background: -o-linear-gradient(279deg, rgba(0,98,204,1) 0%, rgba(0,123,255,1) 50%);
	background: linear-gradient(9deg, rgba(0,98,204,1) 0%, rgba(0,123,255,1) 50%);
}

.btn-circle {
	width: 36px;
	height: 36px;
	text-align: center;
	padding: 6px 0;
	font-size: 15px;
	line-height: 1.428571429;
	border-radius: 18px !important;
}

.btn-circleLG {
	width: 64px;
	height: 64px;
	border-radius: 32px !important;
}

.btn-circleXL {
	width: 128px;
	height: 128px;
	border-radius: 64px !important;
}

.card-deck .card {
	margin-bottom: 20px;
}

.card {
	min-width: 290px;
	max-width: calc(33% - 26px);
}

	li.nav-item > button, li.nav-item > a {
		background-color: #007bff;
		color: #ffffff;
	}
@media (max-width: 991px) {
	li.nav-item {
		text-align: right;
	}
	li.nav-item:nth-child(1) > button:nth-child(1) {
		margin-left: .5rem;
		margin-top: .5rem;
	}
	li.nav-item > button {
		margin-bottom: .5rem;
	}
}

@media (max-width: 768px) {
	.card {
		max-width: calc(50% - 30px);
	}
}
@media (max-width: 740px) {
	.card {
		max-width: 100%;
	}
}

#mediaFile {
  position: absolute;
  top: -1000px;
}

.calendar th {
	width:14.28%;
}

.event {
	font-size: 12px;
	line-height: 1.10;
	padding-top: 4px;
}

.foot-botom {
	position: absolute;
	bottom: 0;
	height: 100px;
}

.modal-clg {
	max-width:1100px;
}

div.btn-group {
	cursor: pointer;
}