#login-wrapper {
	position:absolute;
	border:1px solid #ddd;
	width: 474px;
	/*height: 165px;*/
	left: 34%;
	/*margin-left: -150px;*/
	top: 40%;
	margin-top: -77px;
	background:#fff;
	padding: 15px 0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px}

.box_login{
	position: absolute;
	/*width: 350px;*/
	/*background: #fff none repeat scroll 0 0;*/
	/*border-radius: 5px;*/
	height: 157px;
	left: 50%;
	margin-left: -150px;
	top: 50%;
	margin-top: -77px;
	/*padding: 15px 0px;*/
	/*color: white;*/
	width:474px;
	border:1px solid #ddd;
	background:#fff;
	padding:10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px
}

/* STYLE ANDRE */

.cke {
    width: 90% !important;
}

.btn {
    border: 0;
    padding: 9px 14px;
    border-radius: 4px;
}


.btn-sukses {
    background: #257850;
    color: white;
}

.btn-hapus {
    background: #dc1a1a;
    color: white;
}

.btn-edit {
    background: #0d8eb9;
    color: rgb(255, 255, 255);
}

.btn-cari {
    background: #1f50c1;
    color: white;
}

.btn-kedua {
    background: #646464;
    color: white;
}

.btn-lg {
    padding: 12px 16px;
    font-size: 14px;
}

.form-kontrol {
    border: 1px solid darkgray;
    padding: 7px 5px;
    border-radius: 0.35em;
}

.mr-2 {
    margin-right: 6px;
}

.mr-3 {
    margin-right: 10px;
}

/* AKHIR STYLE ANDRE */

.bt_bawah{
	margin-top: 40px;
}
.bt_atas{
	margin: 10px 0px;
	font-family: 'Helvetica',sans-serif;
}
.sl_kecil{
	width: 60px;
}
.sl_mid{
	width: 120px;
}
.in_cb{
	width: 30px;
}
.tb_edit{
	cursor: pointer;
	font-weight: bold;
}
.tb_edit:hover{
	text-decoration: underline;
}
.stok{
	padding: 1px 5px;
	background: green;
	text-align: center;
	width: 60px;
	color: white;
	border-radius: 3px;
	font-size: 10px;
}
.sttidak{
	padding: 1px 5px;
	background: red;
	text-align: center;
	width: 60px;
	color: white;
	border-radius: 3px;
	font-size: 10px;
}
.box_judul {
	padding: 5px 10px 5px 10px;

}
.box_judul h1{
	color: black;
	font-size: 20px;
	font-weight: bold;
	margin-top: -10px;
}
.tb_mode1 td{
	padding: 6px 12px;
	border: 1px solid #aeaeae;
}
.tb_mode1 th{
	font-size: 16px;
	font-weight: bold;
	border: 1px solid black;
	padding: 4px 20px;
	background: #f6f6f6;
}
.tb_mode1 span{
	display: block;
	padding: 3px 2px;
	text-align: center;
}
.ttl_win{
	padding: 5px 0px;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0px;
}
.merah{
	background: red;
	border-radius: 4px;
	color: white;
}
.hijau{
	background: green;
	border-radius: 4px;
	color: white;
}
.kuning{
	background: yellow;
	border-radius: 4px;
}
.hitam{
	background: black;
	border-radius: 4px;
	color: white;
}
.coklat{
	background: brown;
	border-radius: 4px;
	color: white;
}
.tombol{
	padding: 2px 5px;
	cursor: pointer;
}
.tombol:hover{
	background: #8a8a8a;
}
.judul_table{
	margin: 20px 0px 5px;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	border-bottom: 2px solid #000000;
	border-top: 2px solid #000000;
	color: black;
}
.tabel_kd{
	width: 100%;
}
.tabel_kd th{
	padding: 5px 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,3f4c6b+100;Blue+Grey+Flat */
background: rgba(39, 54, 101, 1) !important; /* Old browsers */
background: -moz-linear-gradient(top, #3f4c6b 0%, #3f4c6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3f4c6b 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3f4c6b 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
	text-transform: capitalize;
	color:#fff;
	font-weight: bold;
	font-size: 12px;
}
.tabel_kd td{
	padding: 5px;
	border-bottom: 1px solid #FFF;
}
.tabel_bd th{
	border: 1px solid #FFF;
	text-align: left;
	color: #fff;
}
.tabel_bd td{
	padding: 2px 10px;
	border: 1px solid #bcbcbc;
	text-transform: uppercase;
}
.k-widget{
	border-radius: 3px;
	font-family: 'Helvetica',sans-serif;
}

.k-grouping-header{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,3f4c6b+100;Blue+Grey+Flat */
background: rgba(39, 54, 101, 1) !important;; /* Old browsers */
background: -moz-linear-gradient(top, #3f4c6b 0%, #3f4c6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3f4c6b 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3f4c6b 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
	text-transform: capitalize;
	color:#fff;

}



.k-link:link, .k-link:visited {
	color: #000000;
}

.k-pager-wrap,.k-header,.k-grid-header,.k-link{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff404b+0,60abf8+44,4096ee+100;Blue+3D+%2314 */
background: #ffffff; /* Old browsers */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff404b', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
	text-transform: uppercase;
}

.k-state-selected{
	background-image: none,linear-gradient(rgba(103, 117, 163, 1), rgba(103, 117, 163, 1)) !important;
	/* color: rgb(9, 102, 28); */
	border-color: #EDEDED;
}

.k-grid td {
	text-transform: uppercase;
}
.k_tutup{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000000000000;
	top: 0px;
	left: 0px;
	display: none;
	background: white;
}