.menu, .prompt
{
    width: calc(50% + 40px);
	left: calc(25% - 20px);
    color: #202124;
    position: fixed;
    height: calc(100% - 20px);
    top: 10px;
    background: #fff;
    border: 0;
    box-shadow: 0 0 10px 10px;
    z-index: 202;
	animation: slide .25s linear;
}

.prompt
{
	background-color: #444;
	color: white;
	top: 50%;
	height: fit-content;
	box-shadow: 0 0 10px 10px black;
}

@keyframes slide
{
	from {
		transform: translateX(-100%);
		opacity: 0;
	}
	to {
		transform: translateX(0%);
		opacity: 1;	
	}
}

#close-menu, .close-dialog
{
	margin: 10px;
	/* float: right;  */
	color: #202124;
	padding-bottom:10px;
    cursor: pointer;
	font-weight: bold;
	position: fixed;
	right: calc(25% - 20px);
}

.close-dialog
{
	padding: 2px;
	background-color: gray;
	border-radius: 30px;
	opacity: .75;
	height: 24px;
	width: 24px;
}

@media (max-width: 960px)
{
	.menu, .prompt
	{
		width: calc(100% - 20px);
		left: 10px;
		border-radius: 10px;
	}

	#close-menu, .close-dialog
	{
		right: 10px;
	}
}

/* a
{
    text-decoration: none;
	color: cadetblue;
} */

.no-underline
{
	text-decoration: none;
}

.menu-item, .menu-item-header
{
    /* font-weight: bold; */
    text-decoration: none;
    color: cadetblue;
    /* text-transform: uppercase; */
    font-family: Calibri, system-ui;
	/* margin-left: 10px; */
	/* width: fit-content; */
	cursor:pointer;
}

.menu-item
{
	cursor: pointer;
	padding: 2px;	
	margin-left: 10px;
}

.menu-item:hover
{
	background-color: lavender;
}

.menu-item-header
{
	padding : 10px;
	padding-top: 5px;
	display: flex;
	border: 1px solid;
	background-color: darkblue;
	color: white;
}

div[id^='hdr-txt']
{
	margin-right: 10px;
	flex: 1;
}

div[id^='hdr-caret']
{
	margin: auto;
}

#hdr-pilot
{
	margin-top: 40px;
}

.menu-item-group
{
	margin-left: 10px;
	max-height: 1200px;
	transition: all .3s ease;
}

.menu-item-group-collapsed
{
	overflow: hidden;
	max-height: 0;
	opacity: 0;
}

.copyright
{
	width: 100%;
	margin-left: 10px;
	margin-top: 45px;
	vertical-align: middle;
	color: #999;
	margin-bottom: 45px; 
	position: absolute; 
	bottom: 0
}

.menu-item-last
{
	margin: 10px;
	border-bottom:1px solid #dadce0;
	padding-bottom:10px
}

.active-acs
{
	background-color: lightblue;
	color: darkblue;
}



#dialog-content
{
	display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.inactive-icon
{
	display : none;
}

#icon-notifications
{
	margin-left: 10px
}