button{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:none;
	font-size			:14px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#00B7F1, #203DB4);
	background-color	:#69a74e;
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px 4px 8px;
	text-align			:center;
	width				:255px;
	height				:100px;
	margin				:0px 5px 15px 5px;}
button:hover{
	background			:linear-gradient(#FF0000, #990000);}

button2{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#95C11F, #028837);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin				:4px 5%;
	width				:90%;
	text-align			:center;}
button2:hover{
	background			:linear-gradient(#333, #000);}

button2a{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#95C11F, #028837);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin				:2px;
	text-align			:center;}
button2a:hover{
	background			:linear-gradient(#333, #000);}

button3{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#FF3341, #C7000E);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin				:4px 5%;
	width				:90%;
	text-align			:center;}
button3:hover{
	background			:linear-gradient(#333, #000);}

button3a{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#FF3341, #C7000E);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin				:2px;
	text-align			:center;}
button3a:hover{
	background			:linear-gradient(#333, #000);}

button4{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#00B7F1, #203DB4);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin				:4px 5%;
	width				:90%;
	text-align			:center;}
button4:hover{
	background			:linear-gradient(#333, #000);}

button5{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#FE7930, #D35400);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin				:4px 5%;
	width				:90%;
	text-align			:center;}
button5:hover{
	background			:linear-gradient(#333, #000);}

button6{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#FF10AD, #C60082);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin				:4px 5%;
	width				:90%;
	text-align			:center;}
button6:hover{
	background			:linear-gradient(#333, #000);}

button7{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:18px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#95C11F, #028837);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin				:4px 5%;
	width				:90%;
	text-align			:center;}
button7:hover{
	background			:linear-gradient(#333, #000);}

aksi{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#95C11F, #028837);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:1px 2px;
	margin				:1px;
	text-align			:center;}
aksi:hover{
	background			:linear-gradient(#333, #000);}

aksi2{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#00B7F1, #203DB4);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:1px 2px;
	margin				:1px;
	text-align			:center;}
aksi2:hover{
	background			:linear-gradient(#333, #000);}

logout{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif !important;
	font-weight			:bold !important;
	font-size			:14px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#333, #000);
	background-color	:#69a74e;
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	width				:90%;
	height				:32px;
	padding				:4px 8px 2px 8px;
	margin				:4px 5%;
	text-align			:center;}
logout:hover{
	background			:linear-gradient(#FF0000, #990000);}
	
kembali{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#333, #000);
	background-color	:#69a74e;
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	text-align			:center;}
kembali:hover{
	background			:linear-gradient(#FF0000, #990000);}

kembalia{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#333, #000);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin				:2px;
	text-align			:center;}
kembalia:hover{
	background			:linear-gradient(#333, #000);}

kembalib{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#333, #000);
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:2px 5px;
	text-align			:center;}
kembalib:hover{
	background			:linear-gradient(#FF0000, #990000);}

kosong{
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#333, #000);
	background-color	:#69a74e;
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:1px;
	text-align			:center;}
kosong:hover{
	background			:linear-gradient(#FF0000, #990000);}

detail{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#0A51D4, #000);
	background-color	:#69a74e;
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin-bottom 		:4px;
	text-align			:center;}
detail:hover{
	background			:linear-gradient(#FF0000, #990000);}

tambah{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#95C11F, #028837);
	background-color	:#69a74e;
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin-bottom 		:4px;
	text-align			:center;}
tambah:hover{
	background			:linear-gradient(#FF0000, #990000);}

edit{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#FFCC33, #FF6600);
	background-color	:#69a74e;
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin-bottom 		:4px;
	text-align			:center;}
edit:hover{
	background			:linear-gradient(#FF0000, #990000);}

hapus{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#D4860A, #000);
	background-color	:#69a74e;
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	text-align			:center;}
hapus:hover{
	background			:linear-gradient(#FF0000, #990000);}

rekon{
	font-family			:'Freight Sans Bold', Helvetica, Arial, sans-serif;
	font-weight			:bold;
	font-size			:12px;
	letter-spacing		:normal;
	text-rendering		:optimizelegibility;
	/*box-shadow: inset 0 1px 1px #a4e388;*/
	border				:1px solid;
	border-color		:#3b6e22 #3b6e22 #2c5115;
	background			:linear-gradient(#0A51D4, #000);
	background-color	:#69a74e;
	border-radius		:5px;
	color				:#fff;	
	cursor				:pointer;
	display				:inline-block;
	position			:relative;
	text-shadow			:0 1px 2px rgba(0,0,0,.5);
	padding				:4px 8px;
	margin				:2px;
	text-align			:center;}
rekon:hover{
	background			:linear-gradient(#FF0000, #990000);}

/*PENYESUAIAN LAYAR*/
@media screen and (max-width: 600px){
	button{
		width 	:100%;
	}
}