body {
	background:#fff; 
}

#content_dashboard{
	margin-top:15px;
	padding:5px;
	border:px solid red;
	overflow:hidden;
	margin-left:7%;
	float:center;
	width:100%;
}


#grid_left{
	border:px solid green;
	width:43%;
	float :left;
}

#grid_right{
	border:px solid red;
	width:40%;
	float :left;
}

#grid{
	background:#4e5277;
	width:45%;
	height:40%;
	float :left;
	margin-left:25px;
	margin-bottom:25px;
	border-radius:15px;
	box-shadow: 0 0 0 2px #4e5277, 0 0 0 3px #4e5277;
}

#grid_b{
	background:#4e5277;
	width:500px;
	height:84%;
	float :left;
	margin-left:15px;
	margin-bottom:15px;
	border-radius:15px;
	box-shadow: 0 0 0 2px #4e5277, 0 0 0 3px #4e5277;
}

.font_label{
	font-family: 'SF Pro Display', sans-serif;
	font-size:13px;
	font-weight:bolder;
	color:#fff;
	text-align:left;
}

.font_prosentase{
	font-family: 'SF Pro Display', sans-serif;
	font-size:12px;
	font-weight:;
	color:#a2a5c0;
	text-align:left;
}

.font_judul{
	font-family: 'SF Pro Display', sans-serif;
	font-size:45px;
	font-weight:800;
	color:#d8d8ee;
	text-align:left;
}

/*------------------------------------------Menu---------------------------------------------*/
.menucontainer{background:; border:px solid red; overflow:hidden;}
.menu {float:left;font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;width:100%;position:relative;font-size:12px;font-weight:bold;
	   background:; border-bottom:;}
.menu ul {padding:0;margin:0;list-style-type:none;float:left;position:relative;}
.menu ul li {float:left;position:relative;display:inline;color:#676d71;}
.menu ul li a, .menu ul li a:visited {float:left;display:block;text-decoration:none;color:#252525;width:auto;height:30px;color:#252525;border:px solid #fff;border-width:0 1px 0 0;padding:5px 16px 0px 16px;line-height:24px;}
	  * html .menu ul li a, .menu ul li a:visited {width:auto;w\idth:auto;}
.menu ul li ul {display:none;}
	  
.menu ul li:hover a {color:#5c8afe;background:;}
.menu ul li:hover ul {display:block;position:absolute;top:15px;margin-top:0px;left:0;width:100%;border-top:1px solid #fff;}
.menu ul li:hover ul li a {display:block;background:#737CA1;color:#fff;height:auto;line-height:16px;padding:;width:120px;}
.menu ul li:hover ul li a:hover {background:#151B54;color:#fff;}


table.borderbottom {
	font-family: 'SF Pro Display', sans-serif;
    text-align: left;
	font-size:13px;
	color:#333333;
	border-width: px;
	border-color: #a9c6c9;
	border-collapse: collapse;
}

table.borderbottom th{
	border-width:0px;
	padding: 8px;
	border-style: solid;
	border-color: #DBD9DC;
	background-color:#fff;
}

table.borderbottom td {
	padding:15px;
	border-bottom:1px solid #a9c6c9;
}

table.borderbottom td a{
	text-decoration:none;
	font-family:Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;
	font-size:11px;
	color:#4778f5;
	font-weight:bold;
}

.Freight{
	font-family: 'SF Pro Display', sans-serif;
	font-size:17px;
	font-weight:;
	color:#252525;
	text-align:left;
}

.font_up{
	font-family: 'SF Pro Display', sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:#2da55a;
	margin:0px 0px 0px 0px;
}

.font_down{
	font-family: 'SF Pro Display', sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:#e02a53;
	margin:0px 0px 0px 0px;
}