body { 
	background-image: url(../images/background.jpg);
background-color: #fff;
background-repeat: repeat-x;
font-family:tahoma;
font-size: 12px;
line-height: 18px;
color: #333333;
    }
img{border:0}
table{ color:#000000; font-size:10px;}
.button{background:url(images/button.gif) no-repeat 0 0; width:60px; height:24px; color:#000000; font:bold 11px Arial; border:none}
.button2{background:url(images/button.gif) no-repeat 0 0; width:60px; height:24px; color:#000000; font:bold 11px Arial; border:none}
.bingkai {border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;}
.bingkai2 {border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.bingkai3 {border: 1px solid #CCCCCC;}
#wrap { background: #fff; margin: 10px auto; padding: 0px; width: 960px; border:#fff 6px solid; }
#top { background:url(images/topbg.gif) repeat-x; margin: 0px; padding: 0px; height: 100px; }
a:link { text-decoration: none; color : #000000; border: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
a:active { text-decoration: none; color : #000000; border: none;font-weight: bold;}
a:visited { text-decoration: none; color : #000000; border: none;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
h3 { color:#000000; font-size: 12px; padding: 3px 0px; margin: 0px 7px 3px 0px;}
a:hover	{ text-decoration: none; color: #000000; border: none; font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;} 
#blogtitle { font-family: "Times New Roman", Times, serif; color: #fff; text-align:left; font-size:42px; font-weight:normal; line-height:100%; text-transform:capitalize; padding-top:20px; margin:0px; padding-left:20px; }
#blogtitle a:link { text-decoration: none; color : #fff; border: none;}
#blogtitle a:active { text-decoration: none; color : #fff; border: none;}
#blogtitle a:visited { text-decoration: none; color : #fff; border: none;}
#blogtitle a:hover	{ text-decoration: none; color : #fff; border: none;} 
#blogdesc { float: left; color: #fff; padding-left:25px; text-align:left; font-size:11px; padding-top:5px; margin:0px; }
#navtop { background: #3c61a4; margin: 0px auto; height: 26px; width: 960px; }
#searchform { height:20px; line-height:20px; float:right; margin: 0; padding: 0;  }
.s { color: #5188d2; width: 100px; border: 1px solid #5188d2; background:#e9f2ff;}
input#searchsubmit{ background:#3c61a4; color:#fff; font-size:10px; border:0px;}
#main { background: #fff; margin: 0px auto; padding: 0px; width: 960px; }
#post { background:#fff; margin:0px auto; padding:0px; width: 520px; float:left; }
.more { margin: 10px 0 0; padding: 0 0 0 15px; background: url(images/dashed.gif) no-repeat 0 50%; line-height: 10px;}
#sidebar { background:#fff; margin:5px auto; padding: 0 10px 10px 0; width: 415px; float:right; }
.content { background:#ffffff; margin:0px auto; padding: 0px; width: 100%; float:left; }
.content h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#2d5295; }
.content .date { background:#5188d2; width:160px; padding:0px 0 0px 0px; color:#fff; font-size:10px;text-transform:uppercase;}

.mn :link { text-decoration: none; color:#FFCC00; border: none;}
.mn a:active { text-decoration: none; color:#FFCC00; border: none;}
.mn a:visited { text-decoration: none; color:#FFCC00; border: none;}
.mn a:hover	{ text-decoration: none; color:#FFCC00; border: none;} 

.title { padding-left:8px; font-size:12px; overflow:hidden; }
.title a:link { text-decoration: none; color:#FF9900; border: none;}
.title a:active { text-decoration: none; color:#FF9900; border: none;}
.title a:visited { text-decoration: none; color:#FF9900; border: none;}
.title a:hover	{ text-decoration: none; color:#FF9900; border: none;} 

.entry { padding:0px; color:#333; font-size:11px; overflow:hidden; border:#5188d2 1px; }
.entry h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#2d5295;}
.entry h2 a:link { text-decoration: none; color:#2d5295; border: none;}
.entry h2 a:active { text-decoration: none; color:#2d5295; border: none;}
.entry h2 a:visited { text-decoration: none; color:#2d5295; border: none;}
.entry h2 a:hover	{ text-decoration: none; color:#2d5295; border: none;} 
.permalink { width:150px; float:right; text-align:right;}
.category { width:350px; float:left; height:20px; overflow:hidden;}
.postmeta { height:20px; background:#ffffff; font-size:11px; border-top:#ccc 1px solid; padding:2px 2px 2px 10px; }
img.wp-smiley { border:0px;}
.left { width:180px; float:left; padding:0px; padding:0 0 0 0px; overflow:hidden;}
.left h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#2d5295; font-size: 12px; padding: 3px 0px; margin: 0px 7px 3px 7px; }
.left ul { list-style-type: none; margin: 0 ; padding: 0; }
.left ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
.left ul li ul { list-style-type: square; margin: 0px; padding: 3px 3px; }
.left ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 12px; border: 0; margin: 0;  }

.center { width:400px; float:left; padding:0px; padding:0 0 0 5px; overflow:hidden;}
.center h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#2d5295; font-size: 12px; padding: 3px 0px; margin: 0px 7px 3px 7px; }

.right {width:180px; float:right; padding:0 0 0 0px; overflow:hidden;}
.right h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#2d5295; font-size: 12px; padding: 3px 0px; margin: 0px 7px 3px 7px;}
.right ul { list-style-type: none; margin: 0 ; padding: 0; }
.right ul li { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
.right ul li ul { list-style-type: square; margin: 0px; padding: 3px 3px; }
.right ul li ul li { list-style-type:none;  background: transparent url(images/bullet.gif) no-repeat 0 4px; padding: 0px 0px 2px 12px; border: 0; margin: 0;  }
#footer { background:url(images/topbg.gif) repeat-x; margin: 0px auto; width: 950px; clear:both; text-align:left; color:#fff; size:10px; padding-top:10px; padding-bottom:10px; padding-left:10px; }
#footer a:link { text-decoration: none; color : #fff; border: none;}
#footer a:active { text-decoration: none; color : #fff; border: none;}
#footer a:visited { text-decoration: none; color : #ffffff; border: none;}
#footer a:hover	{ text-decoration: none; color : #000; border: none; } 
ul.navtop { height:23px; line-height:23px; float:left; list-style: none; font-weight:bold; text-transform:uppercase; padding: 3px 0 0 0; margin: 0; font-size:10px; }
ul.navtop li { float: left; margin: 0; padding: 0; list-style-type: none; }
ul.navtop li  a, ul.navtop li a:visited , ul.navtop li a:link { background: #fff; color:#616161; float: left; padding: 0 10px; }
ul.navtop li a:hover, ul.navtop li a:active { background: #fff; color: #000; text-decoration: underline; }
ul.navtop li.current_page_item a { text-decoration:none; color:#fff; background: #3c61a4; }
ul.navtop li ul { float:left; margin:0; padding:0; }
.navigation { text-align: center; margin:0; padding: 10px; }
.alignright { float: right; margin: 0; padding-bottom:20px; padding-top:10px; }
.alignleft { float: left; margin: 0; padding-bottom:20px; padding-top:10px; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.comments h3 { font-size: 12px; padding: 3px 0px; margin: 0px 7px 3px 7px; }
ol.commentlist { list-style: none; padding: 0; margin: 0 0 1px; }
ol.commentlist li { list-style: none; margin: 0; padding: 13px 13px 1px; border-bottom: dashed 1px #ccc; background: #fcfcfc;}
ol.commentlist li.commenthead { list-style: none; margin: 0; }
ol.commentlist li.commenthead h2 { margin: 0;}
input{ color: #666; background: #fcfcfc; border: 1px solid #cbcbcb; }
textarea { color: #666; width: 100%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#url { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#author { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#email { color: #666; width: 50%; border: 1px solid #cbcbcb; padding: 3px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}

#navigation { height:2.2em; line-height:2.2em; background:#2b539b; color:#ffffff;}
#navigation li { float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}
#navigation li a { display:block; padding:0 10px; font-size:0.85em; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #ffffff;}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover {background:#6fa5ee; color:#ffffff; text-decoration:none;}

.style15 {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	padding-bottom: 6px;
	padding-top: 25px;
}

.style16 {font-size: 14px; color: #FFFFFF}

.menu { background:url(images/menu2.gif);}
.menu table{ color:#FFFFFF; font-weight: bold; font-size:11px;}
.menu a{ color:#FF9900; }
.bgmenu { text-align: center; }
.bgmenu a:link   { font: Tahoma; font-weight: bold; color:#FF9900; }
.bgmenu a:hover  { font: Tahoma; font-weight: bold; color:#FFFFFF; }
.bgmenu a:active { font: Tahoma; font-weight: bold; color:#990000; }
.bgmenu a:visited{ font: Tahoma; font-weight: bold; color:#CCCCCC; }

.menuu { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
.menuu2 { border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;}
.desk  { background:url(images/menu.gif);}

.username{background:url(images/fupeid.gif) #fff no-repeat 98% center;}
.password{background:url(images/pass.gif) #fff no-repeat 98% center;}

.benar{background:url(images/accept.gif) #fff no-repeat 98% center;}
.salah{background:url(images/reject.gif) #fff no-repeat 98% center; background-color:#ffe7e4;}
.proses{background:url(images/proses.gif) #fff no-repeat center;}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 2px;
margin-bottom: 0;
margin-right: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 4px;
margin-right: 0;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

#menuContainer {
  padding: 5px;
}

#menuContainer ul { 
  list-style-type: none;
  line-height:28px;
  margin: 0;
  padding: 0;
  width: 160px;
}

#menuContainer li{
  width: 180px;
  height:28px;
  /* this is to make the submenus position relative to this li */
  position: relative;
  border-bottom:1px solid #CCC;
}

#menuContainer ul ul li {
  width: 200px;
  height:28px;
  position: relative;
  background-color:#FDFDFD;
  border-bottom:1px solid #CCC;
}

#menuContainer a {
  text-decoration: none;
  color: #000033;
  font-size: 8pt;
  font-family: Tahoma;
}

#menuContainer a:hover {
  color: #993300;
}

#menuContainer ul ul {
  position: absolute;
  left: 160px;
  top: 0;
  visibility: hidden;
}

#menuContainer ul ul a{
  font-size:12px;
  font-weight: bold;
}

#menuContainer li:hover > ul {
  visibility: visible;
}

/*Mouseover: display second level or third level pop-up*/

#menuContainer li:hover ul, #menuContainer li:hover li:hover ul {
  visibility: visible;
}

/* Hide third level menu when the mouse is over the first level li*/
#menuContainer li:hover ul ul {
	visibility: hidden;
}
ul#menuutama,ul#menuutama ul{
	margin:0;list-style:none;padding:0;background-color:#FFFFFF;border-width:0;border-style:solid;border-color:;}
ul#menuutama ul{
	visibility:hidden;position:absolute;left:200%;opacity:0;-moz-transition:all 0.5s;-webkit-transition:opacity 0.5s,top 0.5s,left 0.5s;-o-transition:opacity 0.5s,top 0.5s,left 0.5s,visibility 0.5s;transition:opacity 0.5s,left 0.5s,left 0.5s;background-color:#E3E3E3;border-width:1px;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-style:solid;border-color:#FFD161 #FFD161 #FFD161; padding:0 0 3px; 
}
ul#menuutama li:hover>ul{
	visibility:visible;opacity:1;}
ul#menuutama li{ 
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#menuutama li:hover{
	z-index:1;}
ul#menuutama ul ul{
	position:absolute;left:200%;top:0;}
ul#menuutama>li:hover>ul{
	left:0%;}
ul#menuutama ul li:hover>ul{
	left:100%;}
ul#menuutama{
	font-size:0;z-index:99;position:relative;display:inline-block;zoom:1;padding:0;background-color:#FFC334;border-radius:6px;-moz-border-radius:0px;-webkit-border-radius:0px;
	*display:inline;}
* html ul#menuutama li a{
	display:inline-block; }
ul#menuutama>li{
	margin:0; }
ul#menuutama a:active, ul#menuutama a:focus{
	outline-style:none;}
ul#menuutama a{
	display:block;vertical-align:middle; text-decoration:none;font:14px Open Sans,Arial,sans-serif;color:#FFF;cursor:pointer;padding:3px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:; min-width:100px; text-align:center; text-shadow:1px #333333; }
ul#menuutama ul li{
	float:none;margin:0;}
ul#menuutama ul a{
	text-align:left;padding:10px 12px;background-color:#F9F9F9;border-width:0 0 1px 0;border-style:solid;border-color:#FFD161;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;color:#787878;text-decoration:none;}
ul#menuutama li:hover>a,ul#menuutama li a.pressed{
	border-style:none;color:#DB3937;text-decoration:none;}
ul#menuutama img{
	border:none;vertical-align:middle;margin-right:3px;}
ul#menuutama ul span{
	background-image:none;padding-right:10px;}
ul#menuutama ul li:hover>a,ul#menuutama ul li a.pressed{
	background-color:#F9F9F9;border-style:solid;border-color:#FFD161;color:#DB3937;text-decoration:none;}
ul#menuutama>li>a{
	padding:6px 12px 4px 12px;}
ul#menuutama li.topfirst:hover>a,ul#menuutama li.topfirst a.pressed{
	background-color:#F9F9F9; border-style:solid;border-color:#FFD161 #FFD161 #FFEEC4 #FFD161; }
ul#menuutama li.topmenu:hover>a,ul#menuutama li.topmenu a.pressed{
	background-color:#F9F9F9;border-style:solid;border-color:#FFD161 #FFD161 #FFEEC4 transparent; }
ul#menuutama li.topfirst>a { 
border-width:0px 1px 4px 1px;border-style:solid;border-radius:0px;
font-weight:bold; cursor:pointer;
border-color:#FFD161 #FFD161 #FFEEC4 #FFD161;
}
ul#menuutama li.topmenu>a {
border-width:0px 1px 4px 1px;border-style:solid;border-radius:0px;
font-weight:bold; cursor:pointer;
border-color:#FFD161 #FFD161 #FFEEC4 transparent; 
}
ul#menuutama li.topmenu>a,ul#menuutama li.topfirst>a, #menubg{
background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc334+0,ffd77a+50,ffc334+51,ffd87f+100 */
background: #ffc334; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc334 0%, #ffd77a 50%, #ffc334 51%, #ffd87f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc334), color-stop(50%,#ffd77a), color-stop(51%,#ffc334), color-stop(100%,#ffd87f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc334 0%,#ffd77a 50%,#ffc334 51%,#ffd87f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc334 0%,#ffd77a 50%,#ffc334 51%,#ffd87f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc334 0%,#ffd77a 50%,#ffc334 51%,#ffd87f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc334 0%,#ffd77a 50%,#ffc334 51%,#ffd87f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc334', endColorstr='#ffd87f',GradientType=0 ); /* IE6-9 */
;
}
/* For mobile phones: */
.abrow .input { height: auto !important;
  padding:0px !important;
  margin:auto !important;
  border:0px;
  line-height:32px;
}

@media only screen and (max-width: 460px) {
  .panel .panel-body .row .col-sm-3{
    text-align: left !important;
    line-height: 0px !important;
  }
  .row.form-row label{
    text-align: left !important;
  }
}

@media only screen and (max-width: 650px) {
  /* For tablets: */
  .abrow .col-p-1 {width: 8.33%;}
  .abrow .col-p-2 {width: 16.66%;}
  .abrow .col-p-3 {width: 25%;}
  .abrow .col-p-4 {width: 33.33%;}
  .abrow .col-p-5 {width: 41.66%;}
  .abrow .col-p-6 {width: 50%;}
  .abrow .col-p-7 {width: 58.33%;}
  .abrow .col-p-8 {width: 66.66%;}
  .abrow .col-p-9 {width: 75%;}
  .abrow .col-p-10 {width: 83.33%;}
  .abrow .col-p-11 {width: 91.66%;}
  .abrow .col-p-12 {width: 100%;}
  .td1 { display:none; }
  .td2 { display:none; }
  .td3 { display:table-cell; }
  .abrow .label { display:inline-block; float:left; text-align:left  }
  .abrow .samadengan { display:inline-block; float:left; padding:6px 0px; text-align:left }
  .abrow .input { width:calc(100% - 16px) !important; padding:0px 8px; display:inline-block; text-align:left}
  .menuweb { display:none; }
}
@media only screen and (min-width: 651px) {
  /* For tablets: */
  .abrow .col-m-1 {width: 8.33%;}
  .abrow .col-m-2 {width: 16.66%;}
  .abrow .col-m-3 {width: 25%;}
  .abrow .col-m-4 {width: 33.33%;}
  .abrow .col-m-5 {width: 41.66%;}
  .abrow .col-m-6 {width: 50%;}
  .abrow .col-m-7 {width: 58.33%;}
  .abrow .col-m-8 {width: 66.66%;}
  .abrow .col-m-9 {width: 75%;}
  .abrow .col-m-10 {width: 83.33%;}
  .abrow .col-m-11 {width: 91.66%;}
  .abrow .col-m-12 {width: 100%;}
  .td1 { display:none; }
  .td2 { display:table-cell; }
  .td3 { display:table-cell; }
  .abrow .label { width:calc(23% - 16px) !important; display:inline-block; float:left; text-align:left; margin:4px 0px;}
  .abrow .samadengan { width:2% !important; display:inline-block; float:left; padding:6px 0px; margin:4px 0px; }
  .abrow .input { width:75% !important; display:inline-block; text-align:left; margin:4px 0px; }
  .menuweb { display:block; }
}
@media only screen and (min-width: 1000px) {
  /* For desktop: */
  .abrow .col-1 {width: 8.33%;}
  .abrow .col-2 {width: 16.66%;}
  .abrow .col-3 {width: 25%;}
  .abrow .col-4 {width: 33.33%;}
  .abrow .col-5 {width: 41.66%;}
  .abrow .col-6 {width: 50%;}
  .abrow .col-7 {width: 58.33%;}
  .abrow .col-8 {width: 66.66%;}
  .abrow .col-9 {width: 75%;}
  .abrow .col-10 {width: 83.33%;}
  .abrow .col-11 {width: 91.66%;}
  .abrow .col-12 {width: 100%;}
  .td1 { display:table-cell; }
  .td2 { display:table-cell; }
  .td3 { display:table-cell; }
}
.abrow div{
  margin-bottom:4px;
}
.abrow::after {
  content: "";
  clear: both;
  display: block;
}
.abrow [class*="col-"] {
  float: left;
  padding: 0px;
}
.loader{
  position:fixed; border-radius:30px; display:none;z-index:9000003;left:50%;top:50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.drag {
  display:none;
  position:fixed;/*
  border-bottom-right-radius : 6px;
  border-bottom-left-radius:6px;*/
  cursor:move;
  top:50%;
  left:50%;
  margin:0;
  z-index:2000002;
  /*padding:2px 6px 6px 6px;*/
  padding : 0;
  margin-right: -50%;
  transform: translate(-50%, -50%) !important;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  /*box-shadow: 0 5px 15px rgba(0, 0, 0, .5);*/
  /*border: 1px solid rgba(0, 0, 0, .2);*/
  border-radius: 6px;
  /*height: 70%;*/
}
.drag .head{
  cursor:move;
  min-height:24px;
  font-weight:bold;
  padding:10px 4px 10px 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b2e1ff+0,66b6fc+100;Blue+3D+%236 */
  background: rgb(178,225,255); /* Old browsers */
  background: -moz-linear-gradient(top,  #008fe2 0, #00b29c 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #008fe2 0, #00b29c 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(154deg, #008fe2 0, #00b29c 100%);
  color: #FFF;
  border-radius: 6px 6px 0 0;
}
.drag .head .close:before{
  float:right;
  position:absolute;
  top:8px;
  right:8px;
  /*background-image:url(../images/Close_Circle_Blue.png);*/
  content: "\f00d";
  font-family: FontAwesome;
  color: red;
  width:24px;
  height:24px;
  cursor:pointer;
}
.drag .konten{
  background:#FFF;
  cursor:default;
  padding:2px 10px 6px 10px;
  border-radius: 0 0 6px 6px;
}
.dialogboxcenter{ display: none; position: fixed; top: 0px; left: 0px; height:100%; width: 100%; z-index: 200004; padding-top:200px; }
.dialogboxoverlay{ display: none; opacity: .8; position: fixed; top: 0px; left: 0px; background: #000; height:100%; width: 100%; z-index: 200001; }
.dialogbox{ background: #006687; border-radius:7px; z-index:200005; width:90%; max-width:500px; max-height:580px; padding:1px; }
.dialogbox > div{ margin:0px; border-radius:5px; }
.dialogbox > div > .dialogboxhead{ background: -moz-linear-gradient(#00CCCC, #009999);
  border-top-left-radius:5px; border-top-right-radius:5px; font-size:14px; font-weight:bold; padding:4px; color:#FFF; }
.dialogbox > div > .dialogboxheadsalah{ background: -moz-linear-gradient(top, rgba(255,231,227,1) 0%, rgba(196,47,13,1) 86%);
  border-top-left-radius:5px; border-top-right-radius:5px; font-size:14px; font-weight:bold; padding:4px; color:#FFF; }
.dialogbox > div > .dialogboxbody{ background: #00CCC0; padding:10px; color:#000; overflow:auto; max-height:500px;}
.dialogbox > div > .dialogboxfoot{ background: #00CCC0; padding:2px; padding-right:4px; text-align:right; }
.tombol:hover, input[type=submit]:hover, input[type=file]:hover, input[type=reset]:hover, button:hover, table .tombol:hover {
  color:#036!important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+0,84cfed+100 */
  background: #feffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #feffff 0%, #84cfed 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #feffff 0%,#84cfed 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #feffff 0%,#84cfed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#84cfed',GradientType=0 ); /* IE6-9 */
}
.table > thead > tr > th,
table.dataTable thead th,
table.dataTable tfoot th {
	text-align: center !important;
	font-size: 12px;
	text-transform: uppercase;
	vertical-align: middle !important;
}

table.dataTable thead .sorting {
	background: #F9FAFE;
	border-color: #DFE8F1;
	border-bottom: 1px solid #DFE8F1;
	color: #4B5056;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
	background-color: #008FE2;
	border-bottom: 1px solid #008FE2;
	color: #FFF;
}

table.dataTable tbody td:first-child {
	border-left: 1px solid #DDD;
}

.table > tbody > tr > td,
table.dataTable tbody td {
	font-size: 12px;
	color: #666;
	vertical-align: middle;
}

table.dataTable tbody td {
	padding: 3px 10px;
	border-right: 1px solid #DDD;
}

table.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(250, 250, 250, 0.5);
}

table.dataTable thead th,
table.dataTable thead td {
	padding: 10px 20px;
	border-bottom: 1px solid #CCC;
}

div.dataTables_paginate li.previous a:before {
	top: 6px !important;
}

table.dataTable thead th.sorting::after {
	/*top:6px !important;*/
	top: 25% !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 0px solid #DFE8F1 !important;
}

table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
	/*top:6px !important;*/
}

.row.filtertable {
	margin-bottom: 10px
}

.row.filtertable label {
}

/*GARIS FIX KOLOM*/
table.DTFC_Cloned tbody tr td:last-child {
	border-right: 1px solid #00CEB4;
}

table.display.dataTable.no-footer.DTFC_Cloned thead tr th:last-child {
	border-right: 1px solid #00CEB4;
}

/*===============*/

div.dataTables_scrollHeadInner {
	margin: 0 auto !important;
	width: 100% !important;
}

div.dataTables_scrollHeadInner table.table-striped.table-bordered.table-hover.dt-responsive.nowrap.dataTable.no-footer,
table.table-striped.table-bordered.table-hover.dt-responsive.nowrap.dataTable.no-footer {
	width: 100% !important;
}

table.table.dataTable thead th {
	border-top: 1px solid #DFE8F1 !important;
	/*border-right: 1px solid #008fe2;*/
}

table.table.dataTable.compact thead th:first-child {
	border-left: 1px solid #DFE8F1;
}

table.dataTable.compact thead th, table.dataTable.compact thead td {
	/*padding: 5px 25px !important;*/
}

div.dataTables_scroll {
	margin-top: 10px !important;
}

div.dataTables_scrollHead {
	z-index: 1;
}

div.dataTables_scrollBody {
	/*margin-top: -10px;*/
}

div.dataTables_scrollBody table thead tr th.sorting_desc:after,
div.dataTables_scrollBody table thead tr th.sorting_asc:after {
	z-index: -1;
}

div.DTFC_LeftBodyLiner table.display.compact.dataTable.no-footer.DTFC_Cloned thead tr th.sorting_desc:after,
div.DTFC_LeftBodyLiner table.display.compact.dataTable.no-footer.DTFC_Cloned thead tr th.sorting_asc:after,
div.DTFC_LeftBodyLiner table.display.compact.dataTable.no-footer.DTFC_Cloned thead tr th.sorting:after {
	display: none;
}

div.DTFC_LeftBodyLiner {
	/*top: -30px !important;*/
	/*top: -6% !important;*/
	margin-top: 0px !important;
	height: auto !important;
	max-height: initial !important;
}

table.display.dataTable.no-footer.DTFC_Cloned thead tr th {
	z-index: 5;
}

table.display.dataTable.no-footer.DTFC_Cloned thead tr th:first-child {
	border-left: 1px solid #DFE8F1 !important;
}

table.display.dataTable thead tr th.sorting_asc:after,
table.display.dataTable thead tr th.sorting_desc:after {
	color: #FFF;
}

table.dataTable.nowrap td {
	white-space: unset !important;
}

/*FIXED KOLOM*/
div.dataTables_wrapper.no-footer {
	/* margin-top: -20px !important;*/
	/*border-bottom: 1px solid #dfe8f1 !important;*/
	/*min-height: 500px;*/
	/*padding-bottom: 120px;*/
}

div.dataTables_scrollHead table thead tr:last-child th:first-child {
	border-left: 1px solid #DFE8F1;
}

div.dataTables_scrollHead table thead tr:last-child th:last-child {
	border-right: 1px solid #DFE8F1;
}

table.dataTable.no-footer {
	border-bottom: 1px solid #DDD !important;
}

a:hover, a:focus {
	text-decoration: none !important;
}

/*PLACEHOLDER*/
input.form-control::placeholder,
input.inputfilter::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #BBBCBF;
	opacity: 1; /* Firefox */
}
input.form-control:-ms-input-placeholder,
input.inputfilter:-ms-input-placeholder{ /* Internet Explorer 10-11 */
	color: #BBBCBF;
}
input.form-control::-ms-input-placeholder,
input.inputfilter::-ms-input-placeholder{ /* Microsoft Edge */
	color: #BBBCBF;
}
/*END PLACEHOLDER*/

ul.nav-responsive.nav.nav-pills li a{
	color: #2D8DD6;
	opacity: 0.6;
}

ul.nav-responsive.nav.nav-pills li.active a{
	color: #FFF;
	opacity: 1;
	border-radius: 0 !important;
}



/*#page-sidebar ul li.sfHover > a.sf-with-ul{
  color: #8da0aa !important;
}
#page-sidebar ul li.sfHover > a.sf-with-ul:hover{
  text-decoration: none !important;
}*/
ul.pagination {
	float: right;
}

.dataTables_length select,
div.dataTables_filter input,
input.form-control,
select.form-control {
	height: 32px !important;
}

.dataTables_length select {
	width: auto !important;
	margin-right: 5px !important;
}

.nav-tabs > li > a {
	font-size: 13px !important;
	border-radius: 0 !important;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background-color: #00CEB4 !important;
	color: #FFF !important;
}

.content-box.remove-border {
	margin-bottom: 10px !important;
}

.row.form-row {
	margin-bottom: 10px;
}

.row.form-row label {
	text-align: right;
	line-height: 30px;
}

.row.form-row label:first-child::after {
	content: ' :';
	margin-left: 10px;
}

.row [class*="col-xs-"],
.row [class*="col-sm-"],
.row [class*="col-md-"],
.row [class*="col-lg-"] {
	padding-left: 10px;
	padding-right: 10px;
}

.row.form-row.no-after label:first-child::after {
	content: '';
}

.icon-inputkanan {
	z-index: 999;
	right: 5px;
	left: inherit !important;
	border: transparent !important;
	content: "\f079";
}

.fc-grid .fc-event-time {
	display: block !important;
}

.fc-event {
	cursor: pointer !important;
}

.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
	border-bottom: 1px solid #FFF !important;
}

.fc-event-vert.fc-event-end {
	border: 1px solid #FFF !important;
}

.morris-hover.morris-default-style .morris-hover-row-label {
	color: #666 !important;
}

.morris-hover.morris-default-style {
	background: rgba(255, 255, 255, 1) !important;
}

.theme-color-wrapper span {
	height: 24px;
	width: 24px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	float: left;
	margin: 2px;
	border-radius: 50px;
	border: #FFF solid 2px !important;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
	opacity: 0.8;
}

#konten-form {
	text-align: left;
}
#sidebar-menu li .sidebar-submenu ul li {
	margin: 4px !important;
}
.glyph-icon {
	font-size: 16px;
}
/*SELECT LIST ONLINE*/
ul#divlistdata {
	position: static;
	float: none;
	border: 0;
	padding: 0;
	margin: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

ul#divlistdata li {
	line-height: 2em;
	padding: 6px 40px 6px 10px;
	color: #8DA0AA !important;
	min-height: 30px;
}

.search-ac li {
	line-height: 1em;
	padding: 4px 6px;
}

ul#divlistdata li,
.search-ac li {
	list-style: none;
	text-align: left;
	font-size: 12px !important;
}

ul#divlistdata li:hover,
.search-ac li:hover {
	background-color: #EFF4F6;
	cursor: pointer;
}

.inputfilter {
	width: 100% !important;
	margin: 10px 0 0;
	font-size: 12px !important;
	height: 32px !important;
	border-radius: 3px;
	display: block;
	float: none;
	background: #FFF;
	padding: 6px !important;
	color: #8DA0AA;
	border: #DFE8F1 solid 1px;
	-webkit-box-shadow: inset 1px 1px 3px #F6F6F6;
	-moz-box-shadow: inset 1px 1px 3px #F6F6F6;
	box-shadow: inset 1px 1px 3px #F6F6F6;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.inputfilter:focus {
	border-color: #3DA6FF;
}

.divlistsearch {
	display: none;
	border: #DFE8F1 solid 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	color: #003;
	border-top: 0px;
	padding: 6px;
	width: calc(100%) !important;
	position: absolute;
	z-index: 2000;
	background-color: rgba(253, 253, 253, 1.0);

}

.divlistbox button {
	-webkit-appearance: button;
	font-size: 13px;
	padding: 0 10px;
	line-height: 32px;
	height: 35px;
	text-align: center;
	white-space: nowrap;
	border-radius: 0px;
	outline: 0 !important;
	border: 1px solid #F1F1F1;
	/*background: #FEFEFF;*/
	background: ivory;
	color: #2B2F33;
}

.search {
	position: relative;
	margin: 0 auto;
}

.search input {
	background: url(../images/search-white.png) no-repeat 10px 6px #FEFAD3;
	border: 0 none;
	font: bold 12px Arial, Helvetica, Sans-serif;
	color: #8DA0AA;
	width: 200px;
	line-height: 26px;
	height: 26px;
	padding-left: 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 8px;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

.search input:focus {
	background: url(../images/search-dark.png) no-repeat 10px 6px #FCFCFC !important;
	color: #8DA0AA !important;
	width: 243px;
	border-radius: 8px;
}

.search input:focus + .livesearch {
	display: block;
}

.livesearch {
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
	z-index: 10;
	background: #FDFDFD;
}

.search-ac {
	margin: 0;
	padding: 0;
	border: 0px solid;
	border-color: #CBCFE2 #C8CEE7 #C4C7D7;
	border-radius: 3px;
	margin-top: 5px;
}

.livesearch:hover {
	display: block;
}

.search-ac li {
	display: block;

}

.search-ac li:last-child {
	margin-bottom: 1px;
}

.search-ac li a {
	color: #666666 !important;
}

.search-ac a {
	display: block;
	position: relative;
	margin: 0 -1px;
	padding: 6px 40px 6px 10px;
	text-decoration: none;
	border-radius: 3px;
	cursor: pointer;
}

.search-ac a span {
	font-weight: 200;
}

.search-ac a:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	background: url("../images/arrow.png") 0 0 no-repeat;
}

.divlistbox {
	position: relative;
	font-size: 10px;
}

.divlistbox button b {
	font-weight: normal;
	font-size: 12px !important;
	/*font-family: 'Roboto', sans-serif !important;*/
}

.divlistbox button:disabled {
	background: #FAFAFA;
}

.divlistbox div {
	text-align: left !important;
	overflow: hidden;
}

.divlistdata img {
	margin-left: 48%;
}

.seleksi {
	background-color: lightyellow;
	border: 1px solid #EFF4F6;
}

.seleksi a i {
	color: silver !important;
}

.divlistbox button div b a i,
.divlistbox button div b a img {
	display: none;
}
.listdegradasi {
    background: rgb(198, 232, 255);
    color:#FFF;
}
.alert {
	padding: 2px 10px !important;
	margin: 0px !important;
}
div.dataTables_filter input{
	margin-left: 0px !important;
}
div.dataTables_length select{
	margin-right: 0px !important;
	padding: 0px !important;
}
.pagination {
	width: 100% !important;
}