@charset "utf-8";


 

body{
	background-color:#ecf0f1;	
	margin:0;
	padding:0;
	color:#333;
	font-family:"Arial";
	font-size:90%;
}
ul{
	list-style-type:none;
}


table{
	border-collapse:1px solid #CCC;
}
#wrapper {
	width:100%
}


#wrapper #leftside {
	background-color: #19b698;
	height: 768px;
	display:inline-table;
	width: 20%;
	color:#FFF;
	position:fixed;
}
#wrapper #leftside #logo {
	width:90%;
	margin-left:5%;
	margin-top:30px;	
}
#wrapper #leftside #logo #kelurahan {
	text-align:center;	
	margin:auto;
	width:200px;
   }

#wrapper #leftside .menu {
	color:#FFF;
	margin-top:15px;
}
#wrapper #leftside .menu ul {
	margin:auto;
	padding:0;  
	list-style-type:none;
	margin-left:20%;
	margin-top:5%;
}	
#wrapper #leftside .menu ul li {
		line-height:140%;
}	
#wrapper #leftside .menu ul a{
	color:#FFF;
	text-decoration:none;
}
#wrapper #leftside .menu ul a:hover{
	text-decoration:underline;
}
#wrapper #leftside .menu  .judul{
	margin-left:20%;
	border-bottom:1px solid #FFF;
	width:150px;
	display:block;	
	font-size:14px;
	font-weight:bold;
}
#isi {
	position:relative;
	display:inline-table;
	width:75%;
	margin-left:22.5%;
	margin-top:30px
}
#isi h2.judul_page{
	width:100%;
	border-bottom:1px solid #dcdcdc;
	color:#d35400;
}
#isi #menu_right {
	float: right;
	width: 20%;
	background-color:#dfe4a5;
}
,
#isi #menu_right ol{
	margin:0;
	padding:15px;`
}
#isi #menu_right ul{
	margin:0;
	padding:15px;
	list-style-type:none;
}
#isi #menu_right ul li,
#isi #menu_right ol li
{
	line-height:1.5em;
}
#isi #menu_right ul li a,
#isi #menu_right ol li a
{
	color:inherit;
	text-decoration:none;
}
#isi #menu_right ul li a:hover,
#isi #menu_right ol li a:hover
{
	text-decoration:underline;
}
#isi #bonu{
	float:left;
	width:78%;
	background-color:#FFF;
	border:1px solid #CCC;
}
input,
select
{
	padding:4px 5px;
}
input[type='text'],
select.full
{
	width:300px;
}
table.form{
 	width:100%;
	padding:10px;
}
table.form td{
	padding:5px;
	border:none;
}
table.form tr:nth-child(even){
	background-color:#eeeed4;
	width:100%;
}
table.list{
	border-collapse:collapse;
	width:100%;
}
.list td,
.list th
{
	border:1px solid #CCC;
	border-top:none;
	text-align:center;
	padding:5px;
}
.list th{
	background-color:#2c3e50;
	color:#FFF;
}
.merah{
	border:none;
	background-color:#c0392b;
	color:#FFF;
	padding:4px;
}
a{
	color:#2980b9;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
input[type='submit'],
input[type='button'],
button{
	cursor:pointer;
}
input[type='submit']:hover,
input[type='button']:hover,
button:hover{
	opacity:0.8;
}
.biru{
	border:none;
	background-color:#2980b9;
	color:#FFF;
	padding:4px;
}
.hijau{
	border:none;
	background-color:#19b698;
	color:#FFF;
	padding:4px;
}

.full_kanan{
	width:100%;
}
.aksi a{
	color:#c0392b;
	text-decoration:none;
}
.aksi a:hover{
	color:#2980b9;
}


ul.page li a{
	color:#2980b9;
}
ul.page li{
	display:inline-table;
}
.error{
	color:red;
	font-size:10pt;
	float:left;
}

#bonu form p input,
#bonu form p select,
#bonu form p .error,
#bonu form p label

{
	margin-left:20px;
}
#bonu form p{
 		margin-left:30%;
		background-color:#CCC;
		width:35%;
}
.w ,
.w a
{
	color:#FFF;
}
.field:nth-child(even) 
{
	border:1px solid #eeeed4;
	background-color:#eeeed4;
	border-left:none;
	border-right:none;

}
#mformedit a{
	color:#FFF;
}
#mformedit{
	width:80%;
 	float:left;
 	margin-left:10%;
	margin-top:40px;
}
#mformedit .field:nth-child(even) 
{
	border:1px solid #CCC;
	background-color:#FFF;
	border-left:none;
	border-right:none;

}
#bonu {
	padding-bottom:40px;
	margin-bottom:40px;
}
.field
{
 	width:98%;
	padding:10px;
	float:left;
}
.field  label span{
	float:left;
}

.field  label{
	 float:left;
 	margin-top:20px;
	width:200px;
}
#mformedit .field  label{
	 float:left;
 	margin-top:0px;
	width:200px;
}
#iconhome{
	text-align:center;
	border:none;
}
#iconhome td{
	text-align:center;
	transition:background-color 0.5s ease;
	height:150px;
}
#iconhome td:hover{
	background-color:#fde597;
	cursor:pointer;
}
#iconhome span{
	float:left;width:100%;
	background:#19b698;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	padding:5px 0;
}
#info_desa{
	border-collapse:collapse;
	border:1px solid #CCC;	
}
#info_desa tr th{
	background-color:#d35400;
	color:#FFF;
}
#info_desa tr:nth-child(odd){
	background-color:#f0eded;
}
#info_desa tr td{
	padding:5px;
}
#info_desa tr td.quest{
	padding:5px;
	font-weight:bold;
	color:#333;
}
#menu_content{
	width:100%;
	height:30px;
	border:1px solid #CCCCCC;
	padding:5px;
	float:left;
	margin-bottom:10px;
}
#menu_content ul{
	margin:5px;
	padding:0;
}
#menu_content ul li {
	float:left;
	color:#CCCCCC;
}
#menu_content ul li a{
	color:#2980b9;
	padding:5px;
}
.bold{
	font-weight:bold;
	width:100%;
	float:left;
}
#menu_content ul li a.aktif{
	font-weight:bold;
	color:#c0392b;	
}
.error{
	color:red;
}
.true{
	color:green;
}
.tebal{
	font-weight:bold;
	color:red;
}