.clearfix:after{content: "."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{display:inline-table;}

body{}

*{margin:0; padding:0;}
ul{list-style:none; padding:0; margin:0;}
td{ font-family:Arial, Helvetica, sans-serif; font-size:13px;}
a {Color : #4F4F4F; text-decoration : none;}
.btn{margin-top:2px;}

input{padding:4px 6px;}
input[type="button"], input[type="submit"]{cursor:pointer;}

.admin-tb-header {background-color:#0C0; font-weight:bold; color:#FFFFFF; padding:3px;}

#head-home {background:url(../images/bg-head.jpg); background-size:cover; background-color:#3aa531; width:100%; height:auto; padding:10px 0;}
/*#head-home {background:url(../images/bg-head.jpg); background-repeat:no-repeat; background-size: 100% 100px; width:100%; height:98px;}*/

.text-home{margin-top:8px;}
ul.prosedur-home{list-style:circle; margin-left:30px;}
.prosedur-home>li{margin-top:4px;}
.page-header>h3{margin:0;}

.menu-home {width:100%;}

#menu-masuk{background-color:#3aa531; width:100%; height:auto; font-size: 12px; font-weight:bold; } /* Tombol Menu Masuk saat layar di Desktop */
#menu-masuk>ul {display:inline-table;}
#menu-masuk>ul>li {display:block; float:left; line-height:20px;}
#menu-masuk>ul li {position:relative;}
#menu-masuk>ul>li a {padding: 5px 25px; }
#menu-masuk a {color: #FFF; text-decoration:none; font-family:Verdana, Geneva, sans-serif;}
#menu-masuk>ul>li>a {display:block;}
#menu-masuk>ul>li>a:hover {color: #FFF; background-color:#3aa531; background-image: linear-gradient(to bottom, #3aa531, #005900); font-weight:bold; border-bottom-color:#005900; text-decoration:none;}

.password .glyphicon{
	display:none;
	float:right;
	font-size:15px;
	margin:-26px 10px 0 0;
	cursor:pointer;
}

.glyphicon-eye-open{}

#menu-utama{} /* Menu Utama */
/*Hide & Show Menu Masuk*/
#form-masuk{right:0; width:400px; height:auto; z-index:1; background-color:#3aa531; color:#FFF; position:absolute; display:none; 
	-webkit-box-shadow: 0px 0 10px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0 10px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0 10px 1px rgba(0,0,0,0.5);
	
	padding:20px 30px;
}
#form-masuk table{margin:15px auto;}
#form-masuk td>input{text-align:center;}
#form-masuk td>input[type="text"],#form-masuk td>input[type="password"]{font-family:Tahoma, Geneva, sans-serif; font-size:14px; border:1px solid #000; border-radius:3px; padding:10px 20px;}
#form-masuk td>input[type="submit"]{margin-top:3px; width:120px; padding:7px 5px;}
#form-masuk td>input[type="submit"].active{background-color:#999;}
/*End of Hide & Show Menu Masuk*/

#body-home{width:100%; min-height:74vh; padding:2%; color:#333;}

/*Body PO || Body yang memiliki tabel dengan data PO*/
.table-responsive{margin-top:10px;}
#body-po{height:auto; font-size:16px;}
#body-po>table{border:1px #666 solid;}
#body-po>table>thead{background-color:#333; color:#FFF;}
#body-po>table>thead>tr>th{padding:10px 0; text-align:center;}
#body-po>table>tbody>tr>td{padding:5px 0;}
#body-po>table>.tb_po tr:hover{background-color:#3aa531; color:#FFF; cursor:default;}
#body-po>table>.tb_po tr>td>a:hover{color:#FFF;}

/* Download link styling */
.download-link {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
.download-link.downloaded {
	color: #0066FF !important;
	font-weight: bold;
}
.download-link.downloaded:hover {
	color: #0052CC !important;
}
/*End of Body PO*/


#head-page{float:right; padding:10px 0;}
/*Body Page || Pagination Tabel*/
#body-page>ul {padding-left: 0px;  font-size:11px;}
#body-page>ul>li {display:inline; float:left; line-height:20px; margin:5px 2px 0 0;}
#body-page>ul li {position:relative; z-index:1;}
#body-page>ul>li a {padding: 2px 10px;}
#body-page a {color: #666; text-decoration:none; font-weight:bold;}
#body-page>ul>li>a {display:block; border:1px solid #666; background-color:#666; Color:#FFF;}
#body-page>ul>li>a.active {background-color:#000;}
/*End of Body Page*/

/*Body View || Body untuk view data*/
#body-view{height:auto;}
#body-view>table{margin-top:10px; width:100%;}
#body-view>table>tbody>tr>td{padding:6px 10px 6px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; border-bottom:1px dashed #0C0;}
#body-view>table>tbody>tr>td.col-nama{width:16%;}
#body-view>table>tbody>tr>td.col-separator{width:2%;}
#body-view>table>tbody>tr>td.mid{text-align:center;}
/*End of Body View*/

#error-user{display:none; position:absolute; width:185px; padding:7px; margin-top:2px; font-weight:bold; z-index:1;}
.reset-password{display:none;}
.reset-password>input{margin-top:3px;}
#error-password{display:none; position:absolute; width:185px; padding:7px; margin-top:2px; font-weight:bold; z-index:1;}
.loading a{color:#C00; text-decoration:underline;}

#btn-tambah {font-weight:bold;}

#tambah-user{display:none; border:2px dashed #333; margin-top:10px; padding:10px; width:320px; color:#333;}
#tambah-user table{margin:0 auto;}

.link-download{color:#F00;}
.link-download > a{color:#F00; text-decoration:underline;}
.link-download > a:hover{color:#3aa531;}
#foot-home{width:100%; color:#FFF; background-color:#3aa531; text-align:left; padding:20px 25px; font-size:11px; font-style:italic; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
.garis-foot{width:100%; height:2px; background-color:#666; border:0; padding:0;}
hr.style-garis {
    border:0; padding:0;
    height:1px;
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}