﻿@charset "utf-8";
/* header.css */
.modal-backdrop.in {
	opacity: .9;
	filter: alpha(opacity=90);
}

.modal-backdrop {
	background-color: #00407a;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.headerlower {
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 99999;
}

.headerlower {
	transition: box-shadow 0.2s ease-in-out;
	box-shadow: none;
}

	.headerlower.active {
		box-shadow: 0px 0px 15px 0px #000000a1;
	}

#header-holder {
	display: flex;
	align-items: center;
	height: auto;
	background-color: #1c2b57;
	color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: space-between;
}

	#header-holder li {
		margin: 0;
		padding: 0;
		align-self: stretch;
		display: flex;
		text-align: center;
		width: fit-content;
		flex-flow: column;
		flex-wrap: wrap;
	}

	#header-holder a {
		text-decoration: none;
		color: #fff;
		padding: 15px;
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center;
		gap: 0.4em;
	}

	#header-holder li {
		border-right: 3px solid #00529c;
	}

	#header-holder li:last-of-type {
		border-right: none;
	}

	#header-holder .menu {
		align-items: flex-start;
		flex: 1;
		background-color: #003361;
	}

	#header-holder .rfi {
		max-width: 16em;
		flex: 1;
	}

		#header-holder .rfi a {
			color: #1c2b57;
			background: #ffcb06;
		}

	#header-holder .glyphicon {
		font-size: 1.5em;
	}

	#header-holder small {
		font-weight: normal;
	}


.mezzo-overlay .modal-dialog .modal-content {
	border: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal-dialog {
	margin: 100px auto;
	max-width: 85%;
}

.mezzo-overlay .modal-dialog {
	max-width: 250px;
}
