/* Main */

.NaviMain {
	font-family: 'Montserrat Alternates', sans-serif;
	/*text-align: right;*/
	/*font-size: 1.1em;*/
	line-height: 1.5em;
	margin: 0;
	/*margin-bottom: 1.5em;*/
	padding: 0 ;
	list-style: none;
	zoom: 81%;
	/*display: inline-block;*/
	/*background-color: red;*/
}

.NaviMain li:last-child {
	/*border: none;*/
}

.NaviMain li {
	/*border-bottom: .11em dotted #2a9d8f;*/
	margin: 0;
	/*margin-bottom: .33em;*/
	padding-left: 1em;
	/*display: block;*/
	display: inline-block;
	color: white;
	/*text-align: left;*/
	text-shadow: 2px 2px var(--color-transparent-dark);
	/*background-color: red;*/
}

@media (min-width: 667px) {
	.NaviMain {
		zoom: 100%;
	}
	.NaviMain li {
		text-align: right;
	}	
}

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

.NaviMain li a {
	font-weight: 700;
	color: white;
	background-color: none;
}

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

.divTableNavi {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	padding: .66em;
}

.divTableNavi .divCellNavi {
	display: table-cell;
	vertical-align: top;
}

.divCellNaviLogo {
	width: 300px;
	/*border: 1px solid yellow;*/
}

@media (max-width: 480px) {
	.divTableNavi .divCellNavi {
		
		display: block;
		padding: 0;
		margin: 0;
	}
}

@media (max-width: 667px) {
	.divCellNaviLogo {
		width: 180px;
		/*border: 1px solid red;*/
	}
}

/* Sub */

.NaviSub {
	float: right;
	font-family: 'Montserrat Alternates', sans-serif;
	font-size: .9em;
	list-style-type: none;
	margin: 0;
	margin-bottom: 2.1em;
	margin-left: 2.1em;
	padding: 0;
	text-align: right;
	width: 100%;
	/*max-width: 360px;*/
	/*min-width: 180px;*/
	/*border: 1px solid red;*/
}

@media (min-width: 640px) {
	.NaviSub {
		max-width: 180px;
	}
}

.NaviSub li {
	border-bottom: .06em solid var(--color-transparent-alt);
	/*border: 1px solid red;*/
	/*background-color: rgba(0,0,0,.24);*/
	/*font-weight: 500;*/
	margin: 0;
	/*margin-bottom: .15em;*/
	padding: .45em .72em;
	/*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 {
	padding: 0;
	margin: 0;
	color: var(--accent-color);
}

.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);*/
	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(--color-transparent-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(0 0, 100% 0, 100% calc(100% - 1em), calc(100% - 1em) 100%, 0 100%, 0 1em);
}

.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;
	font-size: .81em;
}

.DashboardNavi h3 {
	margin: 0;
	margin-left: .33em;
	margin-top: 1em;
	margin-bottom: .33em;
	font-size: 1em;
}

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

.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(--color-transparent);
	/*background: linear-gradient(to bottom, #efefef, var(--color-transparent) 90%);*/
}

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

.DashboardNavi li ul a {
	display: block;
	margin: 0;
	margin-top: .21em;
	padding: .45em .72em;
	border-radius: var(--border-radius);
	/*clip-path: polygon(.45em 0, 100% 0, 100% calc(100% - .45em), calc(100% - .45em) 100%, 0 100%, 0 .45em);*/
	background-color: var(--color-transparent);
	box-shadow: var(--shadow);
}

.DashboardNavi .action {
	/*background-color: var(--color-transparent-alt);*/
	/*color: white;*/
	/*background: green;*/
	background: var(--link-color);
	float: right;
	padding: .45em .81em;
	margin: 0;
	box-shadow: none;
}

.DashboardNavi .action a {
	/*border: 0;*/
	background: none;
	/*color: white;*/
	color: white;
	font-weight: normal;
	padding: 0;
	margin: 0;
	box-shadow: none;
	/*display: block;*/
}

.DashboardNavi .counter a {
	border: 0;
	background-color: transparent;
	color: white;
	font-weight: normal;
	/*font-size: .81em;*/
	padding: 0;
	margin: 0;
	box-shadow: none;
	/*display: block;*/
}

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

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

.DashboardNavi .separator {
	height: .66em;
}

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

@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: .45em .72em;*/
	border-radius: var(--border-radius);
	box-shadow: none;
}

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

.DashboardNavi .invalid {
	background-color: red;
	float: right;
	/*padding: .45em .72em;*/
	border-radius: var(--border-radius);
	animation: pulse .66s infinite;
	animation-direction: alternate;
	box-shadow: none;
}

.DashboardNavi .pending,
.DashboardNavi .counter {
	background-color: var(--color-transparent);
	color: white;
	float: right;
	padding: .45em .66em;
	margin: 0;
	box-shadow: none;
}

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

.DashboardNavi .counter:last-of-type {
	border-right: 1px solid var(--color-transparent);
	border-radius: var(--border-radius) 0 0 var(--border-radius);
}

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

@media (min-width: 667px) {
	.DashboardNavi > li {
		width: calc(50% - .13em);
	}

	.DashboardNavi > li:nth-child(odd) {
		padding-left: 0;
		padding-right: .33em;
	}

	.DashboardNavi > li:nth-child(even) {
		padding-left: .33em;
		padding-right: 0;
	}
}

@media (min-width: 1024px) {
	.DashboardNavi > li {
		width: calc(33.33% - .18em);
	}

	.DashboardNavi > li:nth-child(3n+1) {
		padding-left: 0;
		padding-right: .33em;
	}

	.DashboardNavi > li:nth-child(3n+2) {
		padding-right: .33em;
		padding-left: .33em;
	}

	.DashboardNavi > li:nth-child(3n+3) {
		padding-left: .33em;
		padding-right: 0;
	}
}