@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto.css');
	src: url('../fonts/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2') format('woff2');
}

#main_body {
    overflow: hidden;
}

.easy-reports{
	overflow-y: auto;
}
.easy-reports .report-heading h4 {
	/* border-bottom: 1px solid #CCC; */
	padding-bottom: 10px !important;
	font-size: 20px !important;
	font-family: 'Roboto';
	margin-top: 10px;
}

.report-sub-heading {
	text-align: left;
	font-size: 16px;
	letter-spacing: 0.25px;
	color: #000000;
	text-transform: capitalize;
	background: #ddd;
	padding: 8px;
	margin-top: 10px;
	border-radius: 8px;
}

.easy-reports .container-fluid {
	margin-left: 30px;
	margin-right: 30px;
}

.report-wrapper {
	display: flex;
	/* justify-content: space-evenly; */
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.report-box {

	background: #7AC143;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	margin-top: 10px;
}

.report-box img {
	width: auto;
	height: 50px;
	margin-bottom: 10px;
}

.report-box li {
	text-align: center;
	font-size: 14px;
	letter-spacing: 0.15px;
	color: #ffffff;
	line-height: 16px;
	cursor: pointer;
	width: 139px;
	height: 131px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.report-box:hover {
	background: rgb(71, 75, 79);
}
.report-box img {
	filter: grayscale(100%) brightness(500%);
}


.report-box:hover img {
	filter: grayscale(100%) brightness(500%);
}

.report-box:hover li {
	color:#ffffff  !important;
}

@media (max-width:1440px) {
	.report-box {

		margin-right: 15px;
		margin-top: 10px;
	}
	.report-box img {
		width: auto;
		height: 40px;
		margin-bottom: 10px;
	}
	.report-box li {
		text-align: center;
		font-size: 14px;
		letter-spacing: 0.15px;
		color: #ffffff;
		line-height: 16px;
		width: 120px;
		height: 113px;
	}
	.easy-report .container-fluid {
		margin-left: 15px;
		margin-right: 15px;
	}
}

@media (max-width:767px) {
	.easy-report .container-fluid {
		margin-left: 5px;
		margin-right: 5px;
	}
	.report-box {
		width: 100px;
		height: 94px;
		margin-right: 15px;
		margin-top: 10px;
	}
	.report-box li{
		width: 100px;
		height: 94px;

	}
	.report-box img {
		width: auto;
		height: 35px;
		margin-bottom: 10px;
	}
}