@charset "UTF-8";

.sidenav a {
	text-decoration: none;
}
.sidenav .item-1 a:first-child, .sidenav .item-2 a:first-child, .sidenav .item-3 a:first-child {
	transition: letter-spacing 0.5s;
}
.sidenav .item-1 a:first-child:hover, .sidenav .item-2 a:first-child:hover, .sidenav .item-3 a:first-child:hover {
	letter-spacing: 2px;
}
.sidenav .item-1 {
	margin-top: 10px;
	padding: 10px 5px 10px 10px;
    background-color: #ECF2FF;
}
.sidenav .item-1 a {
	color: #1C49A2;
}
.sidenav .item-1.active {
    background-color: #3167D3;
}
.sidenav .item-1.active a {
	color: #fff;
}
.sidenav .item-1 .sub-icon {
	float: right;
	width: 2rem;
    text-align: center;
}
.sidenav .item-1 .sub-icon:before {
	display: inline-block;
    padding-right: .3rem;
    padding-left: .3rem;
    color: #1C49A2;
    font-family: FontAwesome;
	content:"\f107";
}
.sidenav .item-1.active .sub-icon:before {
	color: #fff;
}
.sidenav .item-1 .sub-icon.collapsed:before {
    content: "\f105";
}

.sidenav .item-2 {
	padding: 10px 10px;
    background-color: #ffffff;
	border-bottom: dashed 1px #B5CEFF;
}
.sidenav .item-2 a {
	color: #000000;
}
.sidenav .item-2.active {
	border-bottom: solid 1px #1C49A2;
}
.sidenav .item-2.active a {
	color: #1C49A2;
}
.sidenav .item-2 .sub-icon {
	float: right;
}
.sidenav .item-2 .sub-icon:before {
	display: inline-block;
    padding-right: .3rem;
    padding-left: .3rem;
    color: #000000;
    font-family: FontAwesome;
	content:"\f107";
}
.sidenav .item-2.active .sub-icon:before {
	color: #1C49A2;
}
.sidenav .item-2 .sub-icon.collapsed:before {
    content: "\f105";
}

.sidenav .item-3 {
	padding: 10px 10px 10px 20px;
    background-color: rgba(232, 232, 232, 0.33);
	border-bottom: solid 1px #D4D4D4;
}
.sidenav .item-3 a {
	color: #A1A1A1;
}
.sidenav .item-3.active {
    background-color: #ffffff;
}
.sidenav .item-3.active a {
	color: #000000;
}
.data-list {
	letter-spacing: 2px;
}
.data-list .item {
	position: relative;
}
.data-list .item {
	border: solid 1px #fff;
	border-top: dashed 1px #B5CEFF;
}
.data-list .item:first-child {
	border-top: dashed 1px #fff;
}
.data-list .item:last-child {
	border-bottom: dashed 1px #B5CEFF;
}
.data-list .item .data-icon:before {
	position: absolute;
	display: inline-block;
	left: 25px;
	top: 0.27rem;
	content: "";
	width: 2.2rem;
	height: 2.2rem;
}
.data-list .item .data-icon.file:before {
	background: url(/assets/img/file.svg) center center no-repeat;
}
.data-list .item .download-name {
	color: #1C49A2;
	font-weight: bold;
}
.data-list .item .btn.down-link {
	position: relative;
    background: rgba(236, 242, 255, 0.62);
    color: #3167D3;
    letter-spacing: 3px;
    border-radius: 30px;
    padding: 10px 20px 10px 64px;
	white-space: nowrap;
}
.data-list .item .btn.down-link:before {
	position: absolute;
	display: inline-block;
	left: 22px;
	top: 9px;
	content: "";
	width: 30px;
	height: 25px;
	background: url(/assets/img/download.svg) center center no-repeat;
}
@media (max-width: 991px){
	.data-list .item .data-icon:before {
		left: 10px;
	}
	.data-list .item .download-name {
		font-size: 14px;
		padding-left: 10px;
	}
	.data-list .item .btn.down-link {
		letter-spacing: 1px;
		border-radius: 10px;
		padding: 40px 10px 10px 10px;
	}
	.data-list .item .btn.down-link:before {
		left: 12px;
	}
}