@charset "UTF-8";

@import url('/dist/css/fonts/liberation-mono.css');

.container-links
{
	font-family: LiberationMonoRegular;

	font-size: 0.8em;

	margin: 2vh auto auto auto;
	min-width: 96vw;
	max-width: 96vw;
	text-align: center;
}

.container-links div[class^='box']
{
	width: 23%;
	display: inline-block;
	margin: 5px 5px 35px 5px;
	vertical-align: top;
	
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.25);

	border: 1px solid #222633;
}
.container-links div[class^='box'] .item
{
	padding-bottom: 15px;
	background-color: #0f1115;
	text-align: left;
}
.container-links div[class^='box'] a
{
	text-decoration: underline;
	color: #cdccd5 !important;
}

.container-links div[class^='box'] .item .header
{
	background-color: #181d37;
	text-align: center;
	font-size: 14px;
	padding-left: 8px;
	margin-bottom: 12px;
	border-bottom: 2px solid #20274a;
	border-top: 1px solid #20274a;

	padding: 8px 0px;
}

.container-links div[class^='box'] .item:not(:first-child) .header
{
	border-top: 2px solid #20274a;
}

.container-links div[class^='box'] .item .sub-header
{
	background-color: #131620;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
}
.container-links div[class^='box'] .item .sub-header:nth-child(n+3)
{
	margin-top: 12px;
}
.container-links div[class^='box'] .item .link
{
	display: block;
	color: #333b4f;
	margin-left: 10px;
	margin-top: 10px;
}

.container-links div[class^='box'] .item .sub-category,
.container-links div[class^='box'] .item .sub-category-expand
{
	border-left: 2px solid #131520;
	color: #fff;
	margin: 12px 0px 0px 8px;
}

.container-links div[class^='box'] .item .sub-category
{
	padding-bottom: 12px;
}
.container-links div[class^='box'] .item .sub-category-header
{
	padding: 3px 3px 3px 10px;
	background-color: #131520;
}

.container-links div[class^='box'] .item .sub-category-expand span[expand="true"]
{
	cursor: pointer;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.container-links div[class^='box'] .item .sub-category-expand div.link
{
	display: none;
}

div#totop
{
	cursor: pointer;
	position: fixed;
	right: 10px;
	bottom: 42px;
	z-index: 999;
	background-color:#2d476e;
	padding: 7px 7px 5px 7px;
	border-radius: 2px;
	opacity: 0.85;
	display: none;
}

div#totop::after
{
	content: 'Top';
}

@media only screen and (max-width: 640px)
{
	.container-links div[class^='box']
	{
		margin: 0px 0px 35px 0px!important;
	}
	.container-links div[class^='box']
	{
		width: 100%!important;
		display: block!important;
	}
}