.content {margin:20px 5px;padding:6px 10px;border:1px solid #ccc}
.tJudul {color:#fff;font-size:25px;top:2px;position:fixed;z-index:1001;left:10px;text-transform:uppercase;}
.mnA { float:right;font-size:25px;color:#fff}
.fa-file-o {font-size:3em;color:red}
.box-title {margin:2px 10px}
.mnA .fa {cursor:pointer}
.bordered td {padding:0 3px;margin:0}
td .fa-edit{color:#FFA62F;border:1px solid #ccc}
td .fa-list-ol {color:green;border:1px solid #ccc}
img {max-width:100%}
table .fa {font-size:1.5em}
#pribs .btn01 {border:none;background:none;color:#fff;padding:5px;margin:5px 5px 0 0;cursor:pointer;font-size:15px;width:auto}
#pribs .btn02, #pribs .btn01:hover {border:none;background:#fff;color:#444444;padding:5px;margin:5px 5px 0 0;cursor:pointer;font-size:15px;width:auto}
#poplog select {font-size:1.3em}
.klass {display:inline-block;background:#f0f0f0;border:1px solid #ccc;padding:2px;margin:2px;border-radius:3px}
.topimg {width:50px;float:left;margin-right:10px;margin-top:-10px;border:1px solid #ccc;background:#fff;padding:5px 2px 2px 2px;border-radius:5px}
.PG10 tr {cursor:pointer;}
.PG10 td {border-bottom:1px solid #ccc}
#atasnya {display:block}
#enmayA {top:42px;background:#fff;position:fixed; top:42px;left:5%;right:5%; bottom:10px;padding:0 10px;overflow-y:auto;overflow-x:hidden;z-index:999999;}
#enmayD {position:fixed;z-index:9999990;top:0;left:0;right:0;bottom:0;background:#444; border:1px solid #ccc}
#MyEnmayD {background:#fff;position:fixed; top:42px;bottom:5px;padding:0 2px;left:2%;right:2%;overflow-y:auto;overflow-x:hidden;z-index:9999991}
#enmay {position:fixed;z-index:999998;top:0;left:0;right:0;bottom:0;background:#444; border:1px solid #ccc}

#MyEnmay {position:fixed;z-index:999990;top:0;left:0;right:0;bottom:0;background: #666; }
#MyEnmayA {background:#fff;position:fixed; top:42px;bottom:5px;padding:0 2px;left:5px;right:5px;overflow-y:auto;overflow-x:hidden;z-index:999991}
.navbar-header h1 {margin:0;padding:0;font-size:25px;width:auto}
.banner_bottom, .inner_sec_info_wthree_agile, #stemepat, .peringatan, .mainNav, .courses,  tr, .tuc, .tuc2,.ul3,.mtr, .mtr2, .prt,  #tombolSimpan {
    -moz-animation-name: jatuh;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 0.3s;

    -webkit-animation-name: jatuh;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 0.3s;

    animation-name: jatuh;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.3s;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-moz-keyframes jatuh1 {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-webkit-keyframes jatuh1 {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes jatuh1 {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
@-moz-keyframes jatuh {
    0% {
        -moz-transform: translateY(-100%);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes jatuh {
    0% {
        -webkit-transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes jatuh {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}
.fa-edit, .fa-trash {color:red}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	
	background: transparent;
}
table {border-spacing: 0;max-width:100%;margin:10px auto }
table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:99%;margin:5px auto;
}

table th {
	padding:5px;
	border:1px solid #ddd;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
	background: #FFFFCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ebebeb));
	background: -moz-linear-gradient(top,  #efefef,  #ebebeb);
}
table th:first-child{
	
	
}
table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr{
background:#fff;color:#000;	
}
table tr:hover{
background:#FFFFCC;color:#000;	
}
table tr td:first-child{
	
	
	border-left: 0;
}
table tr td {
	padding-top:5px;padding-bottom:5px;
	border-color: #eee;
	
	
	background: #fff;
	color:#000;
}
table tr.even td{
	background: #f6f6f6;
	
}
table tr:last-child td{
	border-bottom:0;
}
table tr:last-child td:first-child{
	}
table tr:last-child td:last-child{
	
}
table tr:hover td{
	background: #FFFFCC;
}
td input {border-color:#ccc}
#enmayA input, #enmayA select, #enmayA textarea {border:1px solid #ccc;font-size:1.1em;margin:1px auto;width:99%;padding:2px 5px;}
#myInstance1 {border:1px solid #ccc;max-height:350px;min-height:100px;overflow-y:auto;padding:0 10px;}
#myInsPilA,#myInsPilB, #myInsPilC,#myInsPilD, #myInsPilE  {border:1px solid #ccc;max-height:350px;overflow-y:auto;padding:0 10px;}
.modal-header h4 {
	color: #59595b;
	font-weight: 700;
	font-size: 1.6em;
	border: none;
	padding: 0 10px;
}
.modal-header input[type="text"]{
	width:100%;
	margin:1em;
}
.nav-tabs {
    margin-bottom: 15px;
}
.sign-with {margin-top: 5px;padding: 20px;}
.loader {position:fixed;z-index:999999999;left:50%;margin-left:-25px;top:50%;margin-top:-25px;opacity:0.8;}
.modal-content {
	border-radius:0;border:1px solid #ccc;
	box-shadow:none;min-height:200px;
}
.modal-lgA {width:70%}
.modal-dialog {
    margin: 3em 15%;
}
.modal-header {
    padding: 5px 15px;background:#ccc;color:#fff
}
.modal-body {
    padding: 10px 20px 70px 20px;
}
.btn_red:hover {background: #9F9F9F;}

a.btn { text-align: center; text-decoration: none;}

.one_half {width:50%; display: block; float:left;}
.one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size:26px;}

.popupBody {padding:20px;}
@media(max-width:800px){.modal-dialog {margin: 2em auto;	}
.modal-lgA {width:100%}
body {height:100%;overflow-y:auto}	
.topimg {width:30px;float:left;margin-right:5px;margin-top:0;border:0;background:none;padding:0;border-radius:0}
#footer {position:fixed;bottom:0;left:0;right:0}
.navbar-toggle {margin-right:-10px;margin-top:-30px}
.navbar-collapse {position:relative;z-index:2;background:#87F717;margin-top:5px}
.navbar-inverse {background: #87F717;color:#fff;padding-top:3px;padding-bottom:3px;height:auto;}
#head {position:fixed;left:0;right:0;top:70px;bottom:40px;overflow-y:auto; background: #fff url( ../images/bg_header.jpg) no-repeat center bottom;
    background-size: 100%;}
.navbar-header h1 {margin:0;padding:0;font-size:15px;width:auto;margin-top:-10px;}
.navbar-header h1 {margin:0;padding:0;font-size:15px;width:auto}
#footer .panel-body p {font-size:9px}
#atasnya {display:none}
.PG10 tr {cursor:pointer;}
.PG10 td {border-bottom:1px solid #ccc;font-size:0.9em}
}
@media(max-width:720px){
#enmayA {top:42px;background:#fff;left:3%;right:3%; bottom:10px;padding:0 10px;overflow-y:auto;overflow-x:hidden;z-index:999999;}
.log1, .akti1,.admi1 {width:32%;}
.admi1 {display:inline-block}
.tJudul {color:#fff;font-size:17px;top:7px;position:fixed;z-index:1001;left:10px}
}
@media(max-width:480px){
	.modal-dialog {
		margin: 1em auto;
	}
	#jabar #noSoals {width:80%;float:right;height:300px;overflow-y:auto;background:#fff;margin:5px;text-align:center}
	
}
@media(max-width:320px){
	.modal-body {
		padding: 20px 30px 20px 20px;
	}
	.modal-dialog {
		margin: 1em auto;
	}
	.modal-lgA {width:98%}
}