.header-side-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	/* background: #5c6974; */
	margin-bottom: 10px;
	background: rgb(242,242,242);
	color: #5c6974;

	box-shadow: rgba(0,0,0,0.2) 0 2px 5px;
}

.header-side-menu .logo-side-menu {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 30px;
}

.header-side-menu .logo-side-menu p{
	font-size: 16px;
	font-weight: bold;
    margin: 0;
}

.side-menu {
	background: rgb(242,242,242);
	overflow-y: auto;
	overflow-x: hidden;
}

#cross-side-menu, #cross-side-menu-search{
	width: 30px;
	cursor: pointer;
}

.subheader-side-menu{
	padding: 10px;
	background-color: #fff;
	font-size: 18px;
	font-weight: bold;
	/* box-shadow: rgba(0,0,0,0.2) 0 2px 5px; */
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.subheader-side-menu div{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:10px;
}
.subheader-side-menu a.link{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;

}
.subheader-side-menu a{
	display: block;
	color: #5c6974;
}
.section-side-menu{
	margin-top: 10px;
	box-shadow: rgba(0,0,0,0.2) 0 2px 5px;
}

.section-side-menu a{
    color: #333;
}

.section-side-menu a:hover{
    color: #4d67e8;
}

.footer-side-menu .row-side-menu{
	background-color: #4d67e8;
	font-size: 18px;
	font-weight: bold;
	grid-template-columns: 1fr;
	border:1px solid #d37f00;
}
.footer-side-menu .row-side-menu a{
	color: #fff;
	display: flex;
	align-items: center;
}
.footer-side-menu .row-side-menu a:hover{
	color: rgb(80, 80, 80);
}
.title-side-menu{
	padding: 10px;
	background-color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.row-side-menu{
	width: 100%;
	height: 70px;
	line-height: 30px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	display: grid;
	grid-template-columns: 1fr 70px;
	align-items: center;

}

.row-side-menu a{

	box-sizing: border-box;
	padding: 20px;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	color: #111827;
}
.row-side-menu a:hover{
	color: #4d67e8;
}

.arrow-right{
	width: 100%;
	height: 100%;
	background: url(/image/icons/arrow.png) no-repeat center;
	background-size: 20px;
	cursor: pointer;
	transition: all 0.2s;
}

.dropdown-side-menu{
	visibility: hidden;
	max-height: 0;
	overflow: hidden;
	transition: all 0.2s ease-in;
}

.deploy{
	visibility: visible;
	max-height: 900px;
	transition: all 0.4s ease-out;
}

.rotate{
	transform: rotate(90deg);
	transition: all 0.2s;
}

.subrow-side-menu{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #f3f3f3;
	border-bottom: 1px solid #ccc;
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
}

.subrow-side-menu a{
	box-sizing: border-box;
	padding: 0 40px;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	color: #111827;
	transition: all 0.2s;
}

.subrow-side-menu a:hover{
	background-color: #51626F;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 0 50px;
	transition: all 0.2s;
}

@media screen and (max-width: 500px){
	.subheader-side-menu{
		font-size: 14px;
	}

	.side-menu{
		width: 100%;
	}
}