@charset "utf-8";
/* CSS Document */
@media all and (max-width: 1600px){/*res=1600x900 */
	/*.layout_wrapper{z-index:3;}*/
	.layout_wrapper{
	/*position:absolute;
	top:-999em;
	left:-999em
	z-index:1;*/

	width:1250px;
	margin:0 auto;
	/*position:relative;*/
	/*top:1px;
	left:2px;
	bottom:0px;
	right:0px;
/*	background-color:#B1C86F;
	border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	box-shadow: 0 5px 3px #333;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B1C86F), color-stop(1, #FFC) );
	background:-moz-linear-gradient( center top, #B1C86F 5%, #FFC 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fa619', endColorstr='#4efa0a');
*/	}
	.isi{
	  width:1250px;
	  height:80.2%;
	  /*min-height:72%;*/
	  top:2px;
	  margin-top:125px;
	  margin-bottom:50px;
	  background-color:#FFF;
	  position:fixed;
	  box-shadow: 0 5px 3px #333;	
	}
	.atas{
	  width:1250px;
	  height:120px;
	  top:0px;
	  /*background-color:#666;*/
	  position:fixed;
	  box-shadow: 0 5px 3px #333;
	  /*border-radius:30px;
	  -o-border-radius:30px;
	  -moz-border-radius:30px;
	  -webkit-border-radius:30px;*/
	}
	.logo2 img{
	  width:263%;
	  height:120px;
	}
	.my-col-lg-9{
	  margin-right: 20px;
	}
	.col-lg-9{ 
	  padding-right: 20px;
	  margin-left: 119px;
	}
	.btn-tambah-ijazah{
	  width: 180px;
	  margin-right: 1px;
	  margin-top: 3px;	
	}
	.btn-surat-ket{
	  width: 180px;
	  margin-top: 3px;
	}
	.tbl-data tbody {
	  display: block;
	  height: 526px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}
	.tbl-pilih tbody {
	  display: block;
	  height: 280px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}	
	.tbl-data > tbody > tr > td {
     vertical-align: middle;
	 width: 5%;
	}
	.tbl-data { min-width: 600px; }
	
	/*The next 3 sections make the magic happen*/
	.tbl-data thead, .tbl-data tbody tr {
		display: table;
		width: 1219px;
		table-layout: fixed;
	}
	
/*	tbody {
		display: block;
		height: 250px;
		overflow-x: hidden;
		overflow-y: scroll;
	}*/
	.ket { margin-top:-15px; padding:3px 3px; }
	.ket .tot-fil { padding-left:150px; }
	.tbl-data td {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/*Use the following to make sure cols align correctly*/
	.tbl-data, .tbl-data tr, .tbl-data th, .tbl-data td {
		/*border: 1px solid black;*/
		border-collapse: collapse;
	}
	
	/*Set your columns to where you want them to be, skip the one that you can have resize to any width*/
	.tbl-data thead th:nth-child(1) { width: 53px; }
	.tbl-data tbody td:nth-child(1) { width: 53px; }
	.tbl-data thead th:nth-child(2) { width: 152px; }
	.tbl-data tbody td:nth-child(2) { width: 152px; }
	.tbl-data thead th:nth-child(3) { width: 208px; }
	.tbl-data tbody td:nth-child(3) { width: 208px; }
	.tbl-data thead th:nth-child(4) { width: 208px; }
	.tbl-data tbody td:nth-child(4) { width: 208px; }
	.tbl-data thead th:nth-child(5) { width: 143px; }
	.tbl-data tbody td:nth-child(5) { width: 143px; }
	.tbl-data thead th:nth-child(6) { width: 127px; }
	.tbl-data tbody td:nth-child(6) { width: 127px; }
	.tbl-data thead th:nth-child(7) { width: 50px; }
	.tbl-data tbody td:nth-child(7) { width: 50px; }
	.tbl-data thead th:nth-child(8) { width: 40px; }
	.tbl-data tbody td:nth-child(8) { width: 40px; }
	
	.bawah{
		width:1250px;
		height:40px;
		bottom:6px;
		/*margin-top: 5px;*/
		position:fixed;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DFECB9), color-stop(1, #9C0) );
		background:-moz-linear-gradient( center top, #DFECB9 5%, #9C0 100% );
		/*background-image:url(images/bg.jpg);*/
		/*margin-top:104px;*/
		/*border-radius:30px;
		-o-border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;*/
		box-shadow: 0 5px 3px #333;
	}
}
@media all and (max-width: 1366px){/*res=1366x768 */
	/*.layout_wrapper{z-index:3;}*/
	.layout_wrapper{
	/*position:absolute;
	top:-999em;
	left:-999em
	z-index:1;*/

	width:1250px;
	margin:0 auto;
	/*position:relative;*/
	/*top:1px;
	left:2px;
	bottom:0px;
	right:0px;
/*	background-color:#B1C86F;
	border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	box-shadow: 0 5px 3px #333;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B1C86F), color-stop(1, #FFC) );
	background:-moz-linear-gradient( center top, #B1C86F 5%, #FFC 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fa619', endColorstr='#4efa0a');
*/	}
	.isi{
	  width:1250px;
	  height:71%;
	  /*min-height:72%;*/
	  top:2px;
	  margin-top:125px;
	  margin-bottom:50px;
	  background-color:#FFF;
	  position:fixed;
	  box-shadow: 0 5px 3px #333;	
	}
	.atas{
	  width:1250px;
	  height:120px;
	  top:0px;
	  /*background-color:#666;*/
	  position:fixed;
	  box-shadow: 0 5px 3px #333;
	  /*border-radius:30px;
	  -o-border-radius:30px;
	  -moz-border-radius:30px;
	  -webkit-border-radius:30px;*/
	}
	.logo2 img{
	  width:266%;
	  height:120px;
	}
	.my-col-lg-9{
	  margin-right: 20px;
	}
	.col-lg-9{ 
	  padding-right: 20px;
	  margin-left: 119px;
	}
	.btn-tambah-ijazah{
	  width: 180px;
	  margin-right: 1px;
	  margin-top: 3px;	
	}
	.btn-surat-ket{
	  width: 180px;
	  margin-top: 3px;
	}
	.tbl-data tbody {
	  display: block;
	  height: 248px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}
	.tbl-pilih tbody {
	  display: block;
	  height: 280px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}	
	.tbl-data > tbody > tr > td {
     vertical-align: middle;
	 width: 5%;
	}
	.tbl-data { min-width: 600px; }
	.tbl-filter-data {height: 320px;}
	/*The next 3 sections make the magic happen*/
	.tbl-data thead, .tbl-data tbody tr {
		display: table;
		width: 1219px;
		table-layout: fixed;
	}
	
/*	tbody {
		display: block;
		height: 280px;
		overflow-x: hidden;
		overflow-y: scroll;
	}*/
	.ket { margin-top:-15px; padding:3px 3px; }
	.ket .tot-fil { padding-left:150px; }
	.tbl-data td {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/*Use the following to make sure cols align correctly*/
	.tbl-data, .tbl-data tr, .tbl-data th, .tbl-data td {
		/*border: 1px solid black;*/
		border-collapse: collapse;
	}
	
	/*Set your columns to where you want them to be, skip the one that you can have resize to any width*/
	.tbl-data thead th:nth-child(1) { width: 53px; }
	.tbl-data tbody td:nth-child(1) { width: 53px; }
	.tbl-data thead th:nth-child(2) { width: 152px; }
	.tbl-data tbody td:nth-child(2) { width: 152px; }
	.tbl-data thead th:nth-child(3) { width: 208px; }
	.tbl-data tbody td:nth-child(3) { width: 208px; }
	.tbl-data thead th:nth-child(4) { width: 208px; }
	.tbl-data tbody td:nth-child(4) { width: 208px; }
	.tbl-data thead th:nth-child(5) { width: 143px; }
	.tbl-data tbody td:nth-child(5) { width: 143px; }
	.tbl-data thead th:nth-child(6) { width: 127px; }
	.tbl-data tbody td:nth-child(6) { width: 127px; }
	.tbl-data thead th:nth-child(7) { width: 50px; }
	.tbl-data tbody td:nth-child(7) { width: 50px; }
	.tbl-data thead th:nth-child(8) { width: 40px; }
	.tbl-data tbody td:nth-child(8) { width: 40px; }
	
	.bawah{
		width:1250px;
		height:40px;
		bottom:6px;
		/*margin-top: 5px;*/
		position:fixed;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DFECB9), color-stop(1, #9C0) );
		background:-moz-linear-gradient( center top, #DFECB9 5%, #9C0 100% );
		/*background-image:url(images/bg.jpg);*/
		/*margin-top:104px;*/
		/*border-radius:30px;
		-o-border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;*/
		box-shadow: 0 5px 3px #333;
	}
}
@media all and (max-width: 1364px){/*res=1366x768 */
	/*.layout_wrapper{z-index:3;}*/
	.layout_wrapper{
	/*position:absolute;
	top:-999em;
	left:-999em
	z-index:1;*/

	width:1250px;
	margin:0 auto;
	/*position:relative;*/
	/*top:1px;
	left:2px;
	bottom:0px;
	right:0px;
/*	background-color:#B1C86F;
	border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	box-shadow: 0 5px 3px #333;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B1C86F), color-stop(1, #FFC) );
	background:-moz-linear-gradient( center top, #B1C86F 5%, #FFC 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fa619', endColorstr='#4efa0a');
*/	}
	.isi{
	  width:1250px;
	  height:73%;
	  /*min-height:72%;*/
	  top:2px;
	  margin-top:125px;
	  margin-bottom:50px;
	  background-color:#FFF;
	  position:fixed;
	  box-shadow: 0 5px 3px #333;	
	}
	.atas{
	  width:1250px;
	  height:120px;
	  top:0px;
	  /*background-color:#666;*/
	  position:fixed;
	  box-shadow: 0 5px 3px #333;
	  /*border-radius:30px;
	  -o-border-radius:30px;
	  -moz-border-radius:30px;
	  -webkit-border-radius:30px;*/
	}
	.logo2 img{
	  width:266%;
	  height:120px;
	}
	.my-col-lg-9{
	  margin-right: 20px;
	}
	.col-lg-9{ 
	  padding-right: 20px;
	  margin-left: 119px;
	}
	.btn-tambah-ijazah{
	  width: 180px;
	  margin-right: 1px;
	  margin-top: 3px;	
	}
	.btn-surat-ket{
	  width: 180px;
	  margin-top: 3px;
	}
	.tbl-data tbody {
	  display: block;
	  height: 292px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}
	.tbl-pilih tbody {
	  display: block;
	  height: 280px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}	
	.tbl-data > tbody > tr > td {
     vertical-align: middle;
	 width: 5%;
	}
	.tbl-data { min-width: 600px; }
	.tbl-filter-data {height: 363px;}
	/*The next 3 sections make the magic happen*/
	.tbl-data thead, .tbl-data tbody tr {
		display: table;
		width: 1219px;
		table-layout: fixed;
	}
	
/*	tbody {
		display: block;
		height: 280px;
		overflow-x: hidden;
		overflow-y: scroll;
	}*/
	.ket { margin-top:-15px; padding:3px 3px; }
	.ket .tot-fil { padding-left:150px; }
	.tbl-data td {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/*Use the following to make sure cols align correctly*/
	.tbl-data, .tbl-data tr, .tbl-data th, .tbl-data td {
		/*border: 1px solid black;*/
		border-collapse: collapse;
	}
	
	/*Set your columns to where you want them to be, skip the one that you can have resize to any width*/
	.tbl-data thead th:nth-child(1) { width: 53px; }
	.tbl-data tbody td:nth-child(1) { width: 53px; }
	.tbl-data thead th:nth-child(2) { width: 152px; }
	.tbl-data tbody td:nth-child(2) { width: 152px; }
	.tbl-data thead th:nth-child(3) { width: 208px; }
	.tbl-data tbody td:nth-child(3) { width: 208px; }
	.tbl-data thead th:nth-child(4) { width: 208px; }
	.tbl-data tbody td:nth-child(4) { width: 208px; }
	.tbl-data thead th:nth-child(5) { width: 143px; }
	.tbl-data tbody td:nth-child(5) { width: 143px; }
	.tbl-data thead th:nth-child(6) { width: 127px; }
	.tbl-data tbody td:nth-child(6) { width: 127px; }
	.tbl-data thead th:nth-child(7) { width: 50px; }
	.tbl-data tbody td:nth-child(7) { width: 50px; }
	.tbl-data thead th:nth-child(8) { width: 40px; }
	.tbl-data tbody td:nth-child(8) { width: 40px; }
	
	.bawah{
		width:1250px;
		height:40px;
		bottom:6px;
		/*margin-top: 5px;*/
		position:fixed;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DFECB9), color-stop(1, #9C0) );
		background:-moz-linear-gradient( center top, #DFECB9 5%, #9C0 100% );
		/*background-image:url(images/bg.jpg);*/
		/*margin-top:104px;*/
		/*border-radius:30px;
		-o-border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;*/
		box-shadow: 0 5px 3px #333;
	}
}
@media all and (max-width: 1360px){/*res=1360x768 */
	/*.layout_wrapper{z-index:3;}*/
	.layout_wrapper{
	/*position:absolute;
	top:-999em;
	left:-999em
	z-index:1;*/

	width:1250px;
	margin:0 auto;
	/*position:relative;*/
	/*top:1px;
	left:2px;
	bottom:0px;
	right:0px;
/*	background-color:#B1C86F;
	border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	box-shadow: 0 5px 3px #333;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B1C86F), color-stop(1, #FFC) );
	background:-moz-linear-gradient( center top, #B1C86F 5%, #FFC 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fa619', endColorstr='#4efa0a');
*/	}
	.isi{
	  width:1250px;
	  height:71%;
	  /*min-height:72%;*/
	  top:2px;
	  margin-top:125px;
	  margin-bottom:50px;
	  background-color:#FFF;
	  position:fixed;
	  box-shadow: 0 5px 3px #333;	
	}
	.atas{
	  width:1250px;
	  height:120px;
	  top:0px;
	  /*background-color:#666;*/
	  position:fixed;
	  box-shadow: 0 5px 3px #333;
	  /*border-radius:30px;
	  -o-border-radius:30px;
	  -moz-border-radius:30px;
	  -webkit-border-radius:30px;*/
	}
	.logo2 img{
	  width:263%;
	  height:120px;
	}
	.my-col-lg-9{
	  margin-right: 20px;
	}
	.col-lg-9{ 
	  padding-right: 20px;
	  margin-left: 119px;
	}
	.btn-tambah-ijazah{
	  width: 180px;
	  margin-right: 1px;
	  margin-top: 3px;	
	}
	.btn-surat-ket{
	  width: 180px;
	  margin-top: 3px;
	}
	.tbl-data tbody {
	  display: block;
	  height: 403px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}
	.tbl-pilih tbody {
	  display: block;
	  height: 248px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}	
	.tbl-data > tbody > tr > td {
     vertical-align: middle;
	 width: 5%;
	}
	.tbl-data { min-width: 600px; }
	.tbl-filter-data {height: 320px;}
	/*The next 3 sections make the magic happen*/
	.tbl-data thead, .tbl-data tbody tr {
		display: table;
		width: 1219px;
		table-layout: fixed;
	}
	
/*	tbody {
		display: block;
		height: 277px;
		overflow-x: hidden;
		overflow-y: scroll;
	}
*/	
	.ket { margin-top:-15px; padding:3px 3px; }
	.ket .tot-fil { padding-left:150px; }
	
	.tbl-data td {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/*Use the following to make sure cols align correctly*/
	.tbl-data, .tbl-data tr, .tbl-data th, .tbl-data td {
		/*border: 1px solid black;*/
		border-collapse: collapse;
	}
	
	/*Set your columns to where you want them to be, skip the one that you can have resize to any width*/
	.tbl-data thead th:nth-child(1) { width: 53px; }
	.tbl-data tbody td:nth-child(1) { width: 53px; }
	.tbl-data thead th:nth-child(2) { width: 152px; }
	.tbl-data tbody td:nth-child(2) { width: 152px; }
	.tbl-data thead th:nth-child(3) { width: 208px; }
	.tbl-data tbody td:nth-child(3) { width: 208px; }
	.tbl-data thead th:nth-child(4) { width: 208px; }
	.tbl-data tbody td:nth-child(4) { width: 208px; }
	.tbl-data thead th:nth-child(5) { width: 143px; }
	.tbl-data tbody td:nth-child(5) { width: 143px; }
	.tbl-data thead th:nth-child(6) { width: 127px; }
	.tbl-data tbody td:nth-child(6) { width: 127px; }
	.tbl-data thead th:nth-child(7) { width: 50px; }
	.tbl-data tbody td:nth-child(7) { width: 50px; }
	.tbl-data thead th:nth-child(8) { width: 40px; }
	.tbl-data tbody td:nth-child(8) { width: 40px; }
	
	.bawah{
		width:1250px;
		height:40px;
		bottom:6px;
		/*margin-top: 5px;*/
		position:fixed;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DFECB9), color-stop(1, #9C0) );
		background:-moz-linear-gradient( center top, #DFECB9 5%, #9C0 100% );
		/*background-image:url(images/bg.jpg);*/
		/*margin-top:104px;*/
		/*border-radius:30px;
		-o-border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;*/
		box-shadow: 0 5px 3px #333;
	}
}
@media all and (max-width: 1280px){/*res=1280x768 */
	/*.layout_wrapper{z-index:3;}*/
	.layout_wrapper{
	/*position:absolute;
	top:-999em;
	left:-999em
	z-index:1;*/

	width:1250px;
	margin:0 auto;
	/*position:relative;*/
	/*top:1px;
	left:2px;
	bottom:0px;
	right:0px;
/*	background-color:#B1C86F;
	border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	box-shadow: 0 5px 3px #333;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B1C86F), color-stop(1, #FFC) );
	background:-moz-linear-gradient( center top, #B1C86F 5%, #FFC 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fa619', endColorstr='#4efa0a');
*/	}
	.isi{
	  width:1250px;
	  height:71%;
	  /*min-height:72%;*/
	  top:2px;
	  margin-top:125px;
	  margin-bottom:50px;
	  background-color:#FFF;
	  position:fixed;
	  box-shadow: 0 5px 3px #333;	
	}
	.atas{
	  width:1250px;
	  height:120px;
	  top:0px;
	  /*background-color:#666;*/
	  position:fixed;
	  box-shadow: 0 5px 3px #333;
	  /*border-radius:30px;
	  -o-border-radius:30px;
	  -moz-border-radius:30px;
	  -webkit-border-radius:30px;*/
	}
	.logo2 img{
	  width:263%;
	  height:120px;
	}
	.my-col-lg-9{
	  margin-right: 20px;
	}
	.col-lg-9{ 
	  padding-right: 20px;
	  margin-left: 119px;
	}
	.btn-tambah-ijazah{
	  width: 180px;
	  margin-right: 1px;
	  margin-top: 3px;	
	}
	.btn-surat-ket{
	  width: 180px;
	  margin-top: 3px;
	}
	.tbl-data tbody {
	  display: block;
	  height: 248px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}
	.tbl-pilih tbody {
	  display: block;
	  height: 280px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}	
	.tbl-data > tbody > tr > td {
     vertical-align: middle;
	 width: 5%;
	}
	.tbl-data { min-width: 600px; }
	.tbl-filter-data {height: 320px;}
	/*The next 3 sections make the magic happen*/
	.tbl-data thead, .tbl-data tbody tr {
		display: table;
		width: 1219px;
		table-layout: fixed;
	}
	
/*	tbody {
		display: block;
		height: 250px;
		overflow-x: hidden;
		overflow-y: scroll;
	}*/
	.ket { margin-top:-15px; padding:3px 3px; }
	.ket .tot-fil { padding-left:150px; }
	.tbl-data td {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/*Use the following to make sure cols align correctly*/
	.tbl-data, .tbl-data tr, .tbl-data th, .tbl-data td {
		/*border: 1px solid black;*/
		border-collapse: collapse;
	}
	
	/*Set your columns to where you want them to be, skip the one that you can have resize to any width*/
	.tbl-data thead th:nth-child(1) { width: 53px; }
	.tbl-data tbody td:nth-child(1) { width: 53px; }
	.tbl-data thead th:nth-child(2) { width: 152px; }
	.tbl-data tbody td:nth-child(2) { width: 152px; }
	.tbl-data thead th:nth-child(3) { width: 208px; }
	.tbl-data tbody td:nth-child(3) { width: 208px; }
	.tbl-data thead th:nth-child(4) { width: 208px; }
	.tbl-data tbody td:nth-child(4) { width: 208px; }
	.tbl-data thead th:nth-child(5) { width: 143px; }
	.tbl-data tbody td:nth-child(5) { width: 143px; }
	.tbl-data thead th:nth-child(6) { width: 127px; }
	.tbl-data tbody td:nth-child(6) { width: 127px; }
	.tbl-data thead th:nth-child(7) { width: 50px; }
	.tbl-data tbody td:nth-child(7) { width: 50px; }
	.tbl-data thead th:nth-child(8) { width: 40px; }
	.tbl-data tbody td:nth-child(8) { width: 40px; }
	
	.bawah{
		width:1250px;
		height:40px;
		bottom:6px;
		/*margin-top: 5px;*/
		position:fixed;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DFECB9), color-stop(1, #9C0) );
		background:-moz-linear-gradient( center top, #DFECB9 5%, #9C0 100% );
		/*background-image:url(images/bg.jpg);*/
		/*margin-top:104px;*/
		/*border-radius:30px;
		-o-border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;*/
		box-shadow: 0 5px 3px #333;
	}
}
@media all and (max-width: 1024px){/*res=1024x768 */
	/*.layout_wrapper{z-index:3;}*/
	.layout_wrapper{
	/*position:absolute;
	top:-999em;
	left:-999em
	z-index:1;*/

	width:1000px;
	margin:0 auto;
	/*position:relative;*/
	/*top:1px;
	left:2px;
	bottom:0px;
	right:0px;
/*	background-color:#B1C86F;
	border-radius:30px;
	-o-border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	box-shadow: 0 5px 3px #333;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B1C86F), color-stop(1, #FFC) );
	background:-moz-linear-gradient( center top, #B1C86F 5%, #FFC 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fa619', endColorstr='#4efa0a');
*/	}
	.isi{
	  width:1000px;
	  height:71%;
	  /*min-height:72%;*/
	  top:2px;
	  margin-top:125px;
	  margin-bottom:50px;
	  background-color:#FFF;
	  position:fixed;
	  box-shadow: 0 5px 3px #333;	
	}
	.atas{
	  width:1000px;
	  height:120px;
	  top:0px;
	  /*background-color:#666;*/
	  position:fixed;
	  box-shadow: 0 5px 3px #333;
	  /*border-radius:30px;
	  -o-border-radius:30px;
	  -moz-border-radius:30px;
	  -webkit-border-radius:30px;*/
	}
	.logo2 img{
	  width:204%;
	  height:120px;
	}
	.col-lg-9{ 
	  padding-right: 20px;
	  margin-left: 25px;
	}
	.my-col-lg-9{
	  padding-right: 185px;
	  margin-top: -5px;
	}
	.btn-tambah-ijazah{
	  width: 180px;
	  margin-right: 1px;
	  margin-top: 3px;	
	}
	.btn-surat-ket{
	  width: 180px;
	  margin-top: 3px;
	}
	.tbl-data tbody {
	  display: block;
	  height: 248px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}
	.tbl-pilih tbody {
	  display: block;
	  height: 280px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}	
	.tbl-data > tbody > tr > td {
     vertical-align: middle;
	 width: 5%;
	}
	.tbl-data { min-width: 600px; }
	.tbl-filter-data {height: 320px;}
	/*The next 3 sections make the magic happen*/
	.tbl-data thead, .tbl-data tbody tr {
		display: table;
		/*width: 1000px;*/
		table-layout: fixed;
	}
	
/*	tbody {
		display: block;
		height: 250px;
		overflow-x: hidden;
		overflow-y: scroll;
	}*/
	.ket { margin-top:-15px; padding:3px 3px; }
	.ket .tot-fil { padding-left:150px; }
	.tbl-data td {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/*Use the following to make sure cols align correctly*/
	.tbl-data, .tbl-data tr, .tbl-data th, .tbl-data td {
		/*border: 1px solid black;*/
		border-collapse: collapse;
	}
	/*Set your columns to where you want them to be, skip the one that you can have resize to any width*/
	.tbl-data thead th:nth-child(1) { width: 52px; }
	.tbl-data tbody td:nth-child(1) { width: 52px; }
	.tbl-data thead th:nth-child(2) { width: 150px; }
	.tbl-data tbody td:nth-child(2) { width: 150px; }
	.tbl-data thead th:nth-child(3) { width: 204px; }
	.tbl-data tbody td:nth-child(3) { width: 204px; }
	.tbl-data thead th:nth-child(4) { width: 204px; }
	.tbl-data tbody td:nth-child(4) { width: 204px; }
	.tbl-data thead th:nth-child(5) { width: 140px; }
	.tbl-data tbody td:nth-child(5) { width: 140px; }
	.tbl-data thead th:nth-child(6) { width: 125px; }
	.tbl-data tbody td:nth-child(6) { width: 125px; }
	.tbl-data thead th:nth-child(7) { width: 50px; }
	.tbl-data tbody td:nth-child(7) { width: 50px; }
	.tbl-data thead th:nth-child(8) { width: 61px; }
	.tbl-data tbody td:nth-child(8) { width: 39px; }
	
	.bawah{
		width:1000px;
		height:40px;
		bottom:6px;
		/*margin-top: 5px;*/
		position:fixed;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DFECB9), color-stop(1, #9C0) );
		background:-moz-linear-gradient( center top, #DFECB9 5%, #9C0 100% );
		/*background-image:url(images/bg.jpg);*/
		/*margin-top:104px;*/
		/*border-radius:30px;
		-o-border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;*/
		box-shadow: 0 5px 3px #333;
	}
}
@media all and (max-width: 800px){
	/*.layout_wrapper{z-index:4;}*/
	.logo2{width:400px;}
	.isi{
	  width:768px;
	  height:20%;
	  /*min-height:72%;*/
	  top:3px;
	  margin-top:125px;
	  margin-bottom:50px;
	  background-color:#FFF;
	  position:fixed;
	  box-shadow: 0 5px 3px #333;	
	}
	.tbl-data tbody {
	  display: block;
	  height: 80px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}
	.tbl-pilih tbody {
	  display: block;
	  height: 80px;
	  overflow-x: hidden;
	  overflow-y: scroll;
	}
	.col-lg-9{ 
	  padding-right: 20px;
	  margin-left: 25px;
	}
	.my-col-lg-9{
	  padding-right:190px;
	}
	.btn-tambah-ijazah{
	  width: 180px;
	  margin-right: 1px;
	  margin-top: 1px;	
	}
	.btn-surat-ket{
	  width: 180px;
	  margin-right: -3px;
	}
}

body {margin:0; padding:0; background-color:#DBF8F7; font-family:Arial,Helvetica,sans-serif;
	color:#135009;}

div.modal-header {
	text-align:left; padding:10px 23px; background-color:#94e7f2;
	-moz-box-shadow: inset 0 0 2px 1px #1DA1B4;
	-webkit-box-shadow: inset 0 0 2px 1px #1DA1B4;
	box-shadow: inset 0 0 2px 1px #1DA1B4;
}
.form-modal{
	width:500px;
}
.modal {
	overflow-y:scroll;
}
.fullwin-modal-dialog{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
.fullwin-modal-content{
	height:auto;
	min-height:100%;
	border-radius:0;
}
/*.frame-size{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	border:none;
	margin:0;
	padding:0;
	overflow:auto;
	z-index:99999;
}*/
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #FFC;
}
.input-group.input-group-unstyled input.form-control {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.input-group-unstyled .input-group-addon {
    border-radius: 4px;
    border: 0px;
    background-color: transparent;
}




.logo1{
	float:left; 
	margin-top:10px; 
	margin-left:10px;
}

.logo2{
	float:left; 
	margin-left:20px;
}

.logo1 img{
	width:90px;
	height:100px; 
}

/*.isi{
	width:850px;
	height:70%;
	min-height:72%;
	top:3px;
	margin-top:125px;
	margin-bottom:50px;
	background-color:#FFF;
	position:fixed;
}*/

.menu{
	margin-top:136px;
	/*margin-right:50px;*/
	z-index:2;
	position:relative;
}


.isi_bawah{
	width: 100%;
	text-align: center;
	font-size:10px;
	color: #FFF;
	margin-top:5px;
}

.grad_bg_form{
	/*font-weight:bolder;*/
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B1C86F), color-stop(1, #FFC) );
	background:-moz-linear-gradient( center top, #B1C86F 5%, #FFC 100% );	
}

.my_eror{
	padding:0 3px;
	background-color:#FF0;
	float:right;
	color:#F00;
}
.modal-title{margin-left: -10px;}

.tampil_pilih{
	margin-top: 15px;
	/*margin-bottom: -15px;*/
}

.btn{ padding:3px 3px; }

.btn-filter{
	  width: 80px;
	  height: 32px;
	  margin-right: 1px;
	  margin-top: 1px;	
	}

th{
	text-align:center;	
}

/*table{height:310px;width:100%;overflow:hidden;display:block; border-collapse:collapse;}*/
/*Setting tabel dengan fixed header*/
/*Set a min width where your table start to look like crap*/

.rotate {
  transform: rotate(180deg);
  transition: all 0.5s;
}
.rotate.in {
  transform: rotate(1800deg);
  transition: all 1.5s;
}

/*Konfigurasi Tabel Pilih*/
.tbl-pilih > tbody > tr > td {
     vertical-align: middle;
}

.tbl-pilih { min-width: 300px; }

/*The next 3 sections make the magic happen*/
.tbl-pilih thead {
    display: table;
    width: 97%;
    table-layout: fixed;
}
.tbl-pilih tbody tr{
	display: table;
    width: 100%;
    table-layout: fixed;
	cursor: pointer;
}

.tbl-pilih td {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Use the following to make sure cols align correctly*/
.tbl-pilih, .tbl-pilih tr, .tbl-pilih th, .tbl-pilih td {
    /*border: 1px solid black;*/
    border-collapse: collapse;
}

/*Set your columns to where you want them to be, skip the one that you can have resize to any width*/
.tbl-pilih th:nth-child(1), .tbl-pilih td:nth-child(1) {
    width: 30px;
}
.tbl-pilih th:nth-child(2), .tbl-pilih td:nth-child(2) {
    width: 160px;
}
.tbl-pilih th:nth-child(3), .tbl-pilih td:nth-child(3) {
    width: 120px;
}

.ket { margin-top:-15px; padding:3px 3px; }
.ket .tot-fil { padding-left:150px; }

/*Konfigurasi Tabel Verifikasi*/
.tbl-verifikasi > tbody > tr > td {
     vertical-align: middle;
	 padding:5px;
}
.tbl-verifikasi td {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Use the following to make sure cols align correctly*/
.tbl-verifikasi, .tbl-verifikasi tr, .tbl-verifikasi th, .tbl-verifikasi td {
    /*border: 1px solid black;*/
    border-collapse: collapse;
}
.tbl-verifikasi th:nth-child(1), .tbl-verifikasi td:nth-child(1) {
    /*width: 33px;*/
	text-align:center;
}
.tbl-verifikasi th:nth-child(2), .tbl-verifikasi td:nth-child(2) {
    /*width: 300px;*/
}
.tbl-verifikasi th:nth-child(3), .tbl-verifikasi td:nth-child(3) {
    width: 150px;
	text-align:center;
}
.tbl-verifikasi th:nth-child(4), .tbl-verifikasi td:nth-child(4) {
    width: 70px;
	text-align:center;
}
.tbl-verifikasi th:nth-child(5), .tbl-verifikasi td:nth-child(5) {
    width: 70px;
	text-align:center;
}

.selected {
	background-color:#F9F;	
}