#pagemenu{
		max-width: 50vw;
		padding: 0 ;
		background-color: #034f65!important;
		height: 100vh;
		z-index: 20;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);

		display: flex!important;
    	flex-direction: column;
		list-style: none;
		white-space: nowrap;
		word-break: keep-all;
	}

	#pagemenu .header{
		height:60px;
	}

	#pagemenu.active {
		box-shadow:0;
		max-width: 0!important;
	}

	#pagemenu.active > .menu {
		display: none!important;
	}

	#pagemenu .pagemenu-button {
		padding: 3px;
		margin: 0.5rem;
		display: flex;
		justify-content: space-between;
		flex-grow: 1;
		align-items: center;
		background-color: #127E9D;
		border: none;
		color: #fff;
		border-radius: 3px;
		border: 3px solid #127E9D;
		font-size: 1.2rem;
	}
	#pagemenu .pagemenu-button:hover {
		border-color: #FC8A15;
	}

	#pagemenu .OpenCloseButtonContainer {
		float: right;
		margin-top: 10px;
		margin-right: 5px;
		z-index:99;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		
	}
	#pagemenu .OpenCloseButton {
		background: #127E9D;
		border-color: transparent;
		position: relative;
		width: 30px;
		height: 30px;
	}
	#pagemenu .OpenCloseButton:hover {
		background-color: #034f65;
		border-color: #FC8A15;
	}
		
	#pagemenu .OpenCloseButton:after,
	#pagemenu .OpenCloseButton:before {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	#pagemenu .OpenCloseButton:after {
		display: inline-block;
		content: "";
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill="%23fff" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>');
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: center;
		
	}
	#pagemenu.active .OpenCloseButton:before {
		display: inline-block;
		content: "";
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill="%23fff" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: center;
	}
	#pagemenu.active .OpenCloseButton:after {
		display: none;
	}
	#pagemenu.active .OpenCloseButtonContainer {
		margin-right: -50px;
	}


	#pagemenu .filt-button:after {
		font-weight: 900;
		font-family: 'Font Awesome\ 5 Free';
		content: '\f0b0';
		color: #55A6BD;
	}

	#pagemenu .sortdn:after {
		font-weight: 900;
		font-family: 'Font Awesome\ 5 Free';
		color: #fd7e14;
		content: '\F309';
		padding: 0 0.5rem;
	}

	#pagemenu .sortup:after {
		font-weight: 900;
		font-family: 'Font Awesome\ 5 Free';
		content: '\F30c';
		color: #fd7e14;
		padding: 0 0.5rem;
	}

	#pagemenu .pagemenucontent{
		position:relative;
		display: flex !important;
		flex-direction: column;
	}