body {
	color: #003300 !important;
	font-size: 12px;;
}

.atable {
	font-family:Helvetica, Arial, sans-serif;
	color:#000;
        /*font-size:10px;*/
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:0px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.atable th {
	padding:3px 2px 3px 2px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
        border-right:1px solid #e0e0e0;
        text-align: center;
        /*
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb); */
}
.atable th:first-child {
	padding-left:2px;padding-right:2px;            
}
.atable tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.atable tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.atable tr {
	/*padding-left:20px;*/padding-left:10px;
}
.atable td:first-child {
	/* text-align: left; */
	padding-left:2px;
	border-left: 1;
        
}
.atable td {
        padding:2px 4px 2px 4px;
        border-top: 1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	font-size:12px;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.atable tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.atable tr:last-child td {
	border-bottom:0;
}
.atable tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.atable tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.atable tr:hover td {
	background: #ddeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ddeeee), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #ddeeee,  #f0f0f0);	
}
.atable.bold {
	font-weight:bold; text-align: center;
}


.tdbgOrange { background-color: #E3E344;}
.tdbgBrown  { background-color: #C6A98D;}
.tdbgYellow { background-color: #FFFF33;}
.tdbgRed    { background-color: #E08566;}
.tdbgGrey   { background-color: #CECEB6;}
.tdbgGreen  { background-color: #C3D48E;}
.tdbgPurple { background-color: #194775;}

.cursor_pointer{cursor:pointer;}

.text_100 { text-align: left; width:100px;}
.text_tgl { text-align: left; width:80px;}
.text1 { text-align: right;}
.text1.qty { width:80px;}
.text1.value { width:100px;}
.text1.pct { width:60px;}
.text_buf { width: 20px; }
.kombo_unit { width:100px; }
.btn-browse {
	font: bold 105% helvetica,sans-serif; 
	border:1px solid;
	margin: 0px 3px 0px 3px;
	border-color: #696 #363 #363 #696;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.button {
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	clear: both;
	color: #6e6e6e;
	font: bold 12px Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 5px 10px;
	position: relative;
	display: inline-block;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #f3f3f3;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	border: solid 1px #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-right: 10px;
	margin-right: 10px;
}
.button:hover{
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
button, input[type="button"] { 

}
submit, input[type="submit"] { 
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 5px;
    clear: both;
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 5px 10px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
    margin-right: 10px;
}
input[type="submit"]:hover{
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.warning {
			color: #9F6000;
			background-color: #FEEFB3;
			background-image: url('img/warning.png');
		}
.txtarea{
	/*resize: none;*/
	height: 40px;
}

#tablist {
	margin-top:0px; margin-bottom:0px; text-align:center; padding: 5px 0; margin-left: 0; border-bottom: 1px solid #eeeeff; font-weight: bold;
}
#tablist li {
	list-style: none; margin: 0; display: inline;
}
#tablist li a {
	color: #000000; padding: 1px 18px; margin-left: 3px; border: 1px solid #ccccff; border-bottom: none; text-decoration: none;
}
#tablist li a:hover {color:darkblue;background-color:Turquoise }
#tablist li a:active {background-color:DarkTurquoise;text-decoration: underline;}

/* alert box, 4 sep 2015 */
.alert-box {
	color:#555;
	border-radius:5px;
	font-size:11px;
	/*font-family:Tahoma,Geneva,Arial,sans-serif;*/
	padding:1px 30px;
	margin:5px 3px 5px 3px;
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
/*
.error {
	background:#ffecec url('../images/ico/error.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
}
.success {
	background:#e9ffd9 url('../images/ico/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}*/
.warning {
	background:#fff8c4 url('../images/ico/warning.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}
.notice {
	background:#e3f7fc url('../images/ico/notice.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}
.deskripsi {
	margin:0px 10px 0px 8px;
}

.disable-link {
    background-color:#FFEEEE;
    cursor: default;
}
.enable-link {
    background-color: #FFFFFF;
    cursor: pointer !important;
}

.grid-view table.items th, .grid-view table.items td {
	font-size: 1.1em !important;
  }
  
.grid-view .button-column img {
	padding: 0.2em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 0.9em !important;
}

@media (max-width: 979px) {
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	  color: #fff !important;
	}

	.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover {
		background-color: orange !important;
	}
}

label, input, button, select, textarea {
	font-size: 12px !important;
}

.portlet > .portlet-decoration, .sidebar-nav > ul > li > a, .navbar li > a, th {
	font-size: 12px !important;
  }