input[type=text], input[type=password], label{
    padding: 6px 8px;
  display: inline-block;
  height:32px !important;
	}
select{
    padding: 5px 8px;
    display: inline-block;
}
input[type=text], input[type=password], select, textarea{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	}
.tombol { width:calc(100% - 12px) !important; }
.tombol, input[type=submit], input[type=file], input[type=reset], table .tombol {
    padding: 2px 8px;
}
.tombol, input[type=submit], input[type=file], input[type=reset], button, table .tombol {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color:#FFF!important;
  border:#006666 1px solid !important; min-height:24px; 
  display:inline-table; line-height:24px;  min-width:10px; padding-right:6px;padding-left:6px; text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0088b2+0,006699+100 */
background: #0088b2; /* Old browsers */
background: -moz-linear-gradient(top,  #0088b2 0%, #006699 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0088b2 0%,#006699 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0088b2 0%,#006699 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0088b2', endColorstr='#006699',GradientType=0 ); /* IE6-9 */
}
input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=number]:focus,
input[type=search]:focus,input[type=time]:focus,input[type=url]:focus,input[type=email]:focus,textarea:focus,
select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.loader{
  position:fixed; border-radius:30px; display:none;z-index:200003;left:50%;top:50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.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 */
}
/* For mobile phones: */
/* For mobile phones: */
.abrow .input { height: auto !important;
  margin:auto !important;
  border:0px;
}
.abrow [class*="col-"] {
  width: 100%;
}
.abrow div{
  margin-bottom:4px;
}
.abrow class*="col-" label{
  padding-left:4px;
}
.abrow label, abrow .input, abrow .samadengan{
  height:32px !important;
  line-height:34px;
  color:#000;
  -webkit-box-shadow:none !important; 
}
@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::after {
  content: "";
  clear: both;
  display: block;
}
.abrow [class*="col-"] {
  float: left;
  padding: 0px;
}
.menutab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
    background-color: #f3f3f3;
}

.menutab li {
    float: left;
	cursor:pointer;
}

.menutab li a {
    display: block;
    color: #003;
    text-align: center;
	font-size:12px;
	text-transform:uppercase;
    padding: 10px 12px;
    text-decoration: none;
}

.menutab li a:hover:not(.active) {
    background-color: #ddd;
}

.menutab li a.active {
    color: white;
    background-color: #008CD0;
}
.divlistsearch {
  border:1px solid #999999;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  background-color:#f6f6f6;
  border-top:0px;
  padding:6px;
  display:none;
  width:calc(100% - 12px)!important;
  position:absolute;
  z-index:2000;
}
.divlistbox
{
  position:relative;
  font-size:10px;
}
.divlistbox button
{
  min-height:32px; background: url(../images/down.png) no-repeat #ffffff right !important; background-position:right 6px bottom 50%!important; border-radius:8px; cursor:pointer; opacity:0.8; font-size:11px; color:#036!important;
}
.divlistbox button:hover
{
  background-color:transparent !important;
}
.inputfilter{
  padding-left:28px!important; height:24px; width:calc(100% - 36px)!important;
  background: url(../images/search-white.png) no-repeat 10px 6px #ffffff;
}
#divlistdata {
  overflow:auto;
  max-height:300px;
  background-color:#f6f6f6;
}
#divlistdata ul{
  margin-top:0px;
}
#divlistdata li{
  list-style:none;
  margin: 0px 0px 0px -40px;
  padding:4px;
  min-height:16px;
  border-bottom:solid 1px #CCCCCC;
  cursor:pointer;
}
.divlistload {
  overflow:auto;
  max-height:300px;
  background-color:#F4F4F4;
}
.divlistload ul{
  margin-top:0px;
}
.divlistload li{
  list-style:none;
  margin: 0px 0px 0px -40px;
  padding:4px;
  min-height:16px;
  border-bottom:solid 1px #CCCCCC;
  cursor:pointer;
}
.alert{
  padding:4px !important;
  font-size:12px;
}
.list img {
	max-height: auto !important;
}
.blog-box h3 a {
	font-size: 18px;
    line-height: 22px;
    padding-top: 30px;
}
.blog-box .post-content p {
	letter-spacing: 0.035em;
}
#home-top {
	padding: 0px !important;
}