/* Main */

.NaviMain {
	font-family: 'Montserrat Alternates', sans-serif;
	margin: 0;
	margin-bottom: 1.5em;
	list-style: none;
}

.NaviMain li {
	margin: 0;
	margin-bottom: .33em;
	display: block;
	color: var(--accent-color);
	font-weight: 700;
	text-align: left;
}

@media (min-width: 667px) {
	.NaviMain li {
		text-align: right;
		padding: 0 .33em;
	}	
}

@media (min-width: 960px) {
	.NaviMain li {
		display: inline-block;
	}	
}

.NaviMain li a {
	font-weight: 700;
	padding: 0;
	color: white;
	text-shadow: 2px 2px rgba(0,0,0,.33);
}

.NaviMain li a:hover {
	color: white;
}

/* Sub */

.NaviSub {
	float: right;
	font-family: 'Montserrat Alternates', sans-serif;
	font-size: .9em;
	list-style: none;
	margin: 0;
	margin-top: 0;
	margin-left: 1em;
	margin-bottom: 2.1em;
	text-align: right;
	max-width: 330px;
}

.NaviSub li {
	border-bottom: .06em solid var(--accent-color);
	/*border: 1px solid red;*/
	/*background-color: rgba(0,0,0,.24);*/
	font-weight: 500;
	margin: 0;
	/*margin-bottom: .15em;*/
	padding: .45em 1em;
	text-align: right;
	width: 100%;
	/*clip-path: polygon(.66em 0, 100% 0, 100% calc(100% - .66em), calc(100% - .66em) 100%, 0 100%, 0 .66em);*/
}

.NaviSub li:hover {
	color: white;
	background-color: var(--accent-color);
}

.NaviSub a {
	color: var(--accent-color-alt);
}

.NaviSub a:last-child li {
	border: none;
}

/* Footer */

.FooterNavi div {
	/*margin-top: 3em;*/
	/*border: 1px solid red;*/
	border-top: 1px solid var(--body-bg-color-dark-alt);
	display: block;
	vertical-align: top;
}

.FooterNavi li:hover a {
	color: white;
}

.FooterNavi div:first-of-type {
	border-top: none;
	/*min-width: 240px;*/
}

@media (min-width: 768px) {
	.FooterNavi div {
		border-top: none;
		display: table-cell;
	}
}

.FooterNavi ul {
	font-size: .9em;
	/*background-color: rgba(0,0,0,.12);*/
	background-color: var(--accent-color-alt);
	list-style-type: none;
	margin: 0;
	/*margin-top: 2.1em;*/
	padding: .33em;
	/*font-size: 1.1em;*/
	border-radius: var(--border-radius);
	text-align: center;
	/*clip-path: polygon(.66em 0, 100% 0, 100% calc(100% - .66em), calc(100% - .66em) 100%, 0 100%, 0 .66em);*/
}

.FooterNavi ul li {
	display: block;
	margin: .33em 1em;
}

@media (min-width: 450px) {
	.FooterNavi ul li {
		display: inline-block;
	}
}

/* Dashboard */

.DashboardNavi {
	padding: 0;
	margin: 0;
	columns: 1;
}

.DashboardNavi h3 {
	margin: 0;
	margin-left: 1em;
	margin-top: 1em;
	font-size: 1.1em;
	/*font-weight: normal;*/
}

.DashboardNavi ul {
	padding: 0;
	margin: 0;
	columns: 1;
	/*font-size: .9em;*/
	/*border-radius: var(--border-radius);
	border-top: 3px solid var(--accent-color);
	border-bottom: 1px solid var(--body-bg-color-dark);*/
}

.DashboardNavi > li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	margin-bottom: 1.5em;
	padding: 0;
	width: 100%;
}

.DashboardNavi .Admin a {
	background-color: var(--body-bg-color-dark-alt);
}

.DashboardNavi > li > ul {
	display: block;
	padding: 0;
	margin: 0;
}

.DashboardNavi li ul a {
	display: block;
	margin: 0;
	margin-top: .33em;
	padding: .66em 1.1em;
	border-radius: var(--border-radius);
	/*border: none;*/
	/*background-color: rgba(0,0,0,.33);*/
	background-color: var(--accent-color-alt);
	/*border-top: 3px solid var(--body-bg-color-dark);*/
	/*border-bottom: 1px solid var(--body-bg-color-dark);*/
}

.DashboardNavi .counter a {
	border: 0;
	background-color: transparent;
	color: white;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

/*.DashboardNavi .counter a:hover  {
	color: var(--body-bg-color-dark-alt);
	background-color: transparent;
}*/

/*.DashboardNavi li ul a:hover {
	border-radius: var(--border-radius);
	background-color: var(--accent-color);
	color: var(--link-color-alt);
}*/

.DashboardNavi li ul li {
	display: block;
	padding: 0;
	margin: 0;
	/*margin-bottom: 1px;*/
	/*font-size: .9em;*/
}

/*.DashboardNavi li ul li:last-of-type {
	border-radius: var(--border-radius);
	border-bottom: 1px solid var(--body-bg-color-dark);
}*/

.DashboardNavi ul li a .nolink {
	color: var(--text-color);
	border-radius: none;
}

/*.DashboardNavi .nolink:hover {
	color: var(--text-color);
	background-color: transparent;
}*/

/*.DashboardNavi .separator {
	height: 1px;
	margin: 0 .45em;
	margin-top: -1px;
	background-color: var(--body-bg-color-dark);
}*/

.DashboardNavi .info {
	background-color: rgba(0,0,0,.11);
	border-bottom-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
	padding: 1em 1.2em;
	text-align: right;
}

@keyframes pulse {
	18% {
		color: var(--body-bg-color-dark-alt);
	}

	33% {
		color: white;
	}
	
	100% {
		color: white;
	}
}

.DashboardNavi .valid {
	background-color: green;
	color: white;
	float: right;
	/*margin-top: 1px;*/
	padding: .66em .96em;
	border-radius: var(--border-radius);
}

.DashboardNavi .expired,
.DashboardNavi .none {
	background-color: darkorange;
	color: black;
	float: right;
	/*margin-top: 1px;*/
	padding: .66em .96em;
	border-radius: var(--border-radius);
	animation: pulse .66s infinite;
	animation-direction: alternate;
}

.DashboardNavi .invalid {
	background-color: red;
	float: right;
	/*margin-top: 1px;*/
	padding: .66em .96em;
	border-radius: var(--border-radius);
	animation: pulse .66s infinite;
	animation-direction: alternate;
}

.DashboardNavi .pending,
.DashboardNavi .counter {
	/*border-top: 1px solid transparent;*/
	background-color: var(--accent-color);
	/*background-color: gray;*/
	color: white;
	float: right;
	/*font-weight: bold;*/
	padding: .66em .96em;
	margin: 0;
	/*margin-top: 1px;*/
	/*margin-left: -1em;*/
	/*margin-right: 1px;*/
}

.DashboardNavi .counter:first-of-type {
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.DashboardNavi .counter:last-of-type {
	border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.DashboardNavi .counter:only-of-type {
	border-radius: var(--border-radius);	
}

.DashboardNavi .zerocounter {
	background-color: transparent;
	float: right;
	padding: .66em .96em;
	color: var(--body-bg-color-dark-alt);
}