.workarea {
	display: block;
	width: 96%;
	margin: auto;
	padding: 20px 20px;
	background-color: rgba(255,255,255,0.87);
	border-radius: 6px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.67);
	margin-bottom: 20px;
	font-size: 18px;
}

.dashboard {
	display: inline-block;
	min-width: 300px;
	width: 100%;
	padding: 10px 10px;;
	vertical-align: top;
	margin-right: 0px;
	margin-top: 0px;
	font-size: 18px;
	text-align: left;
}

.dashboard-tr {
	display: inline-block;
	min-width: 350px;
	width: 99%;
	padding: 0 10px 10px 10px;
	background-color: none;
	vertical-align: top;
	margin-right: 8px;
	margin-top: 0px;
}

.mod_edit {
	text-align: left; 
	width: 100%; 
	padding-top: 20px;
}

.mod_buttonblock {
	width: 100%; 
	text-align: right; 
	padding-top: 20px;
}

.activepage {
	display: inline-block; 
	border: 1px solid #333; 
	padding: 4px 10px; 
	margin-left: 4px;
	color: #fff;
	background-color: #333;
}

.activepage a {
	text-decoration : none;
	color: #fff;
}

.pagenator {
	display: inline-block; 
	border: 1px solid #333; 
	padding: 4px 10px; 
	margin-left: 4px;
}

.pagenator a {
	text-decoration : none;
	color: #000;
}

.blockpages {
	margin-top: 20px;
	padding:10px; 
	width: 100%; 
	text-align: center;
}


.block_report {
	color: #fff; 
	border-radius: 8px; 
	background-color: red; 
	width: 100; 
	padding: 6px 20px;'
}

.abonentmain {
	width: 100%; 
	border: 1px solid #333; 
	vertical-align: top; 
	text-align: left; 
	border-radius: 16px;
}

.abonentmain:hover {
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.67);
}


.aabonentblock {
	display: inline-block; 
	width: 33%; padding: 6px;
}

.abonentbuttonblock {
	width: 100%; 
	text-align: right; 
	vertical-align: top; 
	padding: 6px 10px;
}

.abonentbuttonblock img {
	height: 48px; 
	padding-left: 20px;
}

.abonentnetworkblock {
	width: 100%; 
	text-align: left; 
	vertical-align: top; 
	background-color: #FFDEAD; 
	color: #000; 
	padding: 6px 10px;
	font-weight: bold;
}


.module {
	width: 100%;
	background-color: #333;
	color: #fff;
	margin-bottom: 15px;
	padding: 10px;
	border-radius: 16px;
	border: 5px solid #454342
}

.modulename {
	margin: 6px 0px;
	font-size: 18px;
	color: #555;
	font-weight: bold;
	border-bottom: 1px solid #978366;
}



.morebutton {
	background-color: #4174ab;
	padding: 7px 15px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.maintemplate {
	width: 100%;
	display: flex;
}

.lefttempalte {
	display: inline-flex;
	padding-right: 20px;
}
.contenttempalte {
	display: inline-flex;
	font-size: 14px;
}
.righttempalte {
	display: inline-flex;
	padding-left: 20px;
}
.wrap {
	width: 100%;
	padding: 10px;
}



@media screen and (max-width : 420px) {
	.workarea {
		margin-top: 55px;
	}

	.dashboard {
		width: 100%;
		margin-top: 18px;
		padding: 0;
	}

}