body {
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	margin: 0px;
	font-weight: 400;
}

#mainNav.navbar-landingpage {
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700;
	border: none;
	background: white;
}

#mainNav.navbar-landingpage a:focus {
	outline: none;
}

#mainNav.navbar-landingpage .navbar-brand {
	font-size: 1.1rem;
	color: #6f8aad;
}

#mainNav.navbar-landingpage .navbar-brand.active, #mainNav.navbar-landingpage .navbar-brand:active, #mainNav.navbar-landingpage .navbar-brand:focus,
	#mainNav.navbar-landingpage .navbar-brand:hover {
	color: #6f8aad;
}

#mainNav.navbar-landingpage .navbar-nav {
	letter-spacing: 1px;
}

#mainNav.navbar-landingpage .navbar-nav li.nav-item a.nav-link {
	color: #6f8aad;
}

#mainNav.navbar-landingpage .navbar-nav li.nav-item a.nav-link:hover {
	color: #6f8aad;
	outline: none;
}

#mainNav.navbar-landingpage .navbar-nav li.nav-item a.nav-link:active, #mainNav.navbar-landingpage .navbar-nav li.nav-item a.nav-link:focus
	{
	color: #6f8aad;
}

#mainNav.navbar-landingpage.navbar-shrink {
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
}

/* Navbar behaviour on scroll */
@media ( min-width : 992px) {
	#mainNav .navbar-brand #logo-sm {
		display: none;
	}
}

#mainNav .navbar-brand #logo-lg {
	display: inline;
}

#mainNav.navbar-shrink #logo-sm {
	display: inline;
}

#mainNav.navbar-shrink #logo-lg {
	display: none !important;
}

.title {
	font-size: 1.4rem;
	color: #18185a;
	cursor: default;
}

/* Margin for content, considering the navbar height  */
#content.landingpage, #content.util {
	padding-top: 90px;
}
/* Large devices (desktops, 992px and up) */
@media ( min-width : 992px) {
	#content.landingpage, #content.util {
		padding-top: 152px;
	}
}

#content.admin {
	padding-top: 3rem;
}

#page-top .card {
	border: 0px;
	box-shadow: -6px -6px 20px 0px #c4c9cc40;
	border-radius: 0.8rem;
}

#page-top .card>div>div:last-child {
	border-top-right-radius: 0.8rem;
	border-bottom-right-radius: 0.8rem;
}

footer {
	color: white;
}

footer h3 {
	margin-bottom: 30px;
}

footer .footer-above {
	padding-top: 50px;
	background-color: #092b3d;
}

footer .footer-col {
	margin-bottom: 50px;
	text-align: left;
}

footer .footer-below {
	padding: 25px 0;
	background-color: #092b3d;
}

footer p {
	font-size: 13pt;
}

footer .um-links {
	font-size: 2.5rem;
	margin-top: 1.5rem;
}

footer a {
	color: white;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

footer a:hover {
	color: #c4122d;
	text-decoration: underline;
}

.scroll-to-top {
	position: fixed;
	right: 15px;
	bottom: 3px;
	display: none;
	width: 50px;
	height: 50px;
	text-align: center;
	color: white;
	background: rgba(52, 58, 64, 0.5);
	line-height: 45px;
	z-index: 1;
}

.scroll-to-top:focus, .scroll-to-top:hover {
	color: white;
}

.about-text {
	font-size: 1.7rem;
}

.about-h1 {
	font-size: 2.3rem;
	font-weight: bold;
}

.about-h2 {
	font-size: 1.9rem;
	font-weight: bold;
}

.dialogBox {
	z-index: 1050; /* dropdowns have 1000 */
	background-color: white;
	padding: 2rem;
	border-radius: 8px;
	position: fixed;
	top: 0;
	right: 0;
}

.gwt-PopupPanel, .gwt-DialogBox, .gwt-PopupPanelGlass {
	z-index: 2;
	background-color: #000;
	opacity: 0.3;
}

.breadcrumb {
	font-size: 1.1rem;
}

.list-group-item {
	    border: 1px solid rgba(172, 174, 177, 0.125);
	    cursor: pointer;
}
.list-group-item-action:hover, .list-group-item-action:focus {
    background-color: #eff4fb;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 0.5rem;
    margin-right: 0.3rem;
    padding: 0.3rem;
}
.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
    padding: 0.2rem;
    padding-top: 0.7rem;
}

#calendar a.fc-event {
	padding: 0.1rem 0.3rem;
}

#calendar .popover-body {
	padding: 0;
	min-width: 260px;
}

#calendar .popover-body>div {
	padding: 0.5rem 0.75rem;
	border-radius: 4px;
}

#calendar .popover-body .header .name {
	font-size: 1.1rem;
	font-weight: bold;
}

#calendar .pastEvent {
    opacity: 0.5;
}

/* jQuery datepicker*/
.ui-widget-header {
    border: 0px solid #ddd;
    background: white;
    color: #4a5057;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px solid #c5c5c5;
    background: white;
    font-weight: normal;
    color: #4a5057;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 0px solid #003eff;
    background: #113e74;
    font-weight: normal;
    color: #fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0px solid #dad55e;
    background: #f3fbff;
    color: #4a5057;
}

.fa.fa-spinner.fa-spin {
    font-size: 1.8rem;
}

#calendar .calendarLoading {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
}

#calendar .calendarLoading .fa.fa-spinner.fa-spin {
	border-radius: 50%;
	background-color: white;
}

section#login {
	height: 16rem;
}