body {
    /*padding-top: 50px; /* 60px to make the container go all the way to the bottom of the topbar */
    
}

#main_input_form{
  padding: 10px;
}
.hori-row{
  margin-bottom: 10px!important;
  min-height: 50px;
}
.hori-label,.input-control{
  padding-right: 5px;
}
.hori-label{
  padding-top: 20px;
  padding-right: 5px;
}
a.mini-button{
  padding-top:  0;
  margin: 0;
}
.input-control.text{
  margin-top: 17px!important;
}

/* MODAL METRO UI*/
.dialog {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.button:focus{
  border: 1px solid green;
}
.bg-hijau-terang{
  background: #ccffaa;
}

.btn-minier{
    padding-top:1px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 16px;
}
/*table.table-condensed td{padding: 2px 3px 2px 3px;}*/
.round-box {
  padding: 5px;
  border: 1px solid #60a917;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
          box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.round-top {
  padding: 5px;
  border: 1px solid #60a917;
  -webkit-border-top-left-radius: 5px;
     -moz-border-top-left-radius: 5px;
          border-top-left-radius: 5px;  
  -webkit-border-top-right-radius: 5px;
     -moz-border-top-right-radius: 5px;
          border-top-right-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
          box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.round-bottom {
  padding: 5px;
  border: 1px solid #60a917;
  -webkit-border-bottom-left-radius: 5px;
     -moz-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px;  
  -webkit-border-bottom-right-radius: 5px;
     -moz-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
          box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.navbar.top-nav-logo .navbar-inner,.grad-down{
  color: #3e1e00;
  text-shadow: 0 -1px 0 rgba(135, 74, 0, 0.25);
  background-color: #ffc400;
  *background-color: #ffc400;
  background-image: -moz-linear-gradient(top,#ffc400, #f8f9c0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc400), to(#f8f9c0));
  background-image: -webkit-linear-gradient(top, #ffc400, #f8f9c0);
  background-image: -o-linear-gradient(top, #ffc400, #f8f9c0);
  background-image: linear-gradient(to bottom, #ffc400, #f8f9c0);
  background-repeat: repeat-x;
  border-color: #f8f9c0 #ffc400 #ffc400;
  border-color: rgba(242, 240, 184, 0.3) rgba(244, 233, 149, 0.3) rgba(237, 230, 139, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff01c640', endColorstr='#ffb3ff51', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.table td.grad-up,.table th.grad-up,.soft-grad,.nav a:hover,.nav .active>a,.grad-up{
  color: #2d6600;
  text-shadow: 0 -1px 0 rgba(255, 136, 0, 0.25);
  background-color: #ffc400;
  *background-color: #ffc400;
  background-image: -moz-linear-gradient(top, #f8f9c0,#ffc400 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f9c0), to(#ffc400));
  background-image: -webkit-linear-gradient(top, #f8f9c0, #ffc400);
  background-image: -o-linear-gradient(top, #f8f9c0, #ffc400);
  background-image: linear-gradient(to bottom, #f8f9c0, #ffc400);
  background-repeat: repeat-x;
  border-color: #f8f9c0 #ffc400 #ffc400;
  border-color: rgba(242, 240, 184, 0.3) rgba(244, 233, 149, 0.3) rgba(237, 230, 139, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFFFFF', endColorstr='#ffb3ff51', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.grad-down2,.table th.grad-down2, .table td.grad-down2{
  color: #3e1e00;
  text-shadow: 0 -1px 0 rgba(135, 74, 0, 0.25);
  background-color: #a4c400;
  *background-color: #a4c400;
  background-image: -moz-linear-gradient(top,#a4c400, #fff );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a4c400), to(#fff));
  background-image: -webkit-linear-gradient(top, #a4c400, #fff);
  background-image: -o-linear-gradient(top, #a4c400, #fff);
  background-image: linear-gradient(to bottom, #a4c400, #fff);
  background-repeat: repeat-x;
  border-color: #ccff96 #a4c400 #1f9601;
  border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff01c640', endColorstr='#ffb3ff51', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.grad-up2,.table th.grad-up2, .table td.grad-up2{
  color: #3e1e00;
  text-shadow: 0 -1px 0 rgba(255, 136, 0, 0.25);
  background-color: #a4c400;
  *background-color: #a4c400;
  background-image: -moz-linear-gradient(top, #f8f9c0,#a4c400 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f9c0), to(#a4c400));
  background-image: -webkit-linear-gradient(top, #f8f9c0, #a4c400);
  background-image: -o-linear-gradient(top, #f8f9c0, #a4c400);
  background-image: linear-gradient(to bottom, #f8f9c0, #a4c400);
  background-repeat: repeat-x;
  border-color: #f8f9c0 #a4c400 #a4c400;
  border-color: rgba(242, 240, 184, 0.3) rgba(244, 233, 149, 0.3) rgba(237, 230, 139, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFFFFF', endColorstr='#ffb3ff51', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.tombol-box {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #7ad61d;
  *background-color: #7ad61d;
  background-image: -moz-linear-gradient(top, #F7B774, #7ad61d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7B774), to(#7ad61d));
  background-image: -webkit-linear-gradient(top, #F7B774, #7ad61d);
  background-image: -o-linear-gradient(top, #F7B774, #7ad61d);
  background-image: linear-gradient(to bottom, #F7B774, #7ad61d);
  background-repeat: repeat-x;
  border-color: #ccff96 #7ad61d #1f9601;
  border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff01c640', endColorstr='#ffb3ff51', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-box {
  width: 120px;
  height: 120px;
  margin-left: 5px;
  margin-top: 5px;
  display: block;
  padding-top: 10px;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-box-menu {
  width: 120px;
  height: 215px;
}

.btn-box-md {
  width: 80px;
  height: 80px;
}

.btn-box-sm {
  width: 60px;
  height: 60px;
}

.btn-box:hover{
  color: #333333;
  text-decoration: none;
  background-position: 0 -140px;
  -webkit-transition: background-position 0.01s linear;
     -moz-transition: background-position 0.01s linear;
       -o-transition: background-position 0.01s linear;
          transition: background-position 0.01s linear;
}

.tombol-box:hover,
.tombol-box:active,
.tombol-box.active,
.tombol-box.disabled,
.tombol-box[disabled] {
  color: #ffffff;
  background-color: #EA8007;
  *background-color: #EA8007;
}

.tombol-box:active,
.tombol-box.active {
  background-color: #1f9601 \9;
}

table {
    font-size: .9em;
}
.table .display_omitted{
  display: none;
}
#ui-datepicker-div{font-size: .8em;line-height: 12px}
#ui-datepicker-div select{font-size: .8em;line-height: 12px;height: 20px;padding: 0}
.table td.div_center,.div_center,.table td.tengah,.tengah{
    margin-bottom: auto;
    text-align: center;
    vertical-align: middle;
    margin-top: auto;
}
.table td.v-center,.v-center,table th.v-center{
    margin-bottom: auto;
    vertical-align: middle;
    margin-top: auto;
}

.table td.kanan,.kanan, th.kanan{
    text-align: right;
    vertical-align: middle;
}
.table td.kiri,.kiri, th.kiri{
    text-align: left;
    vertical-align: middle;
}

.bg_silver{
    background: #fefefe url('../img/td_bg4.gif') bottom repeat-x;
}

.bg_silver2{
    background: #fefefe url('../img/td_bg3.gif') top repeat-x;
}
table{
    background: #F7F9E3;
}

.page-title{
    border-top: none;
    margin-top: 0px;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
}

#menu-utama,#menu-utama>*{
    border-bottom: none;
    margin-bottom: 0;
    border-top: none;
    margin-top: 0;
    border-radius: 0;
}
.welcome{
    padding: 5px;
    font-size: smaller;
    border: 1px solid #D6D6D6;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.ui-button-text,span.ui-button-text,
.ui-widget button.ui-button,.ui-widget .fc button,.ui-dialog-titlebar-close {
    /*font-size: .8em;*/
    font-weight: normal;
}
.ui-button.ui-state-default,.ui-state-default{
    color: #6B6B6B;
}

.ui-button-text{font-size: .8em;color: #CC5B00;}
.ui-state-active .ui-button-text{font-weight: bold;}
.ui-state-default.ui-state-active{
    color: #EB8F00;
}

.tak-tertutup .ui-dialog-titlebar-close {
    display: none;
}

.table_form{
    padding: 5px;
    border: 1px solid #E2FFB5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
select.sembunyikan{
    display: none;
}

/*auto complate*/
.ui-autocomplete-loading {
    background: white url('ui-anim_basic_16x16.gif') right center no-repeat;
}
.ui-autocomplete li{
    line-height: 15px;
}
.ui-autocomplete li.ui-state-focus{
    font-weight: normal;
}
li.item-auto{
    font-size: 0.8em;
}
/*auto complate*/

.table-nonfluid {
    margin: auto;
    width: auto;
}
.table-nonfluid th,.table-nonfluid td{
   padding: 5px;
}
.no-margin-bottom{
    margin-bottom: 0;
}

a.link-nodecor
{
    font-weight: normal;
}
.link-nodecor:hover
{
    font-size: small;
    text-decoration: none;
}
#tabel-data-utama .order-by,.tabel-data-utama .order-by{
    color: #027001;
}

.table th, .table thead th, .table tfoot th, .table td, .table tbody td, .table tfoot td{
  padding: 5px;
}
.table.bordered {
    border: 1px solid #999;
}

.table thead th, .table tfoot th, .table tfoot td{
  padding: 5px;
  background: #d1ffb5;
}


.order-column{
    
}
td.green-td{color: green;}
td.blue-td{color: blue;}
td.red-td{color: red;}
#myModal .modal-body {
	max-height: 400px;
}

.custom-combobox {
position: relative;
display: inline-block;
}
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
}
.custom-combobox-input {
margin: 0;
padding: 5px 10px;
}

.text-center{
  text-align: center;
}
.table td.clear-border,.clear-border{border-color: #7ad61d;background-color: #7ad61d;}
.font-kecil{font-size: 12.5px;}
.font-besar{font-size: 17.5px;}
.merah{color:red;}
.hijau{color:green;}
.biru{color:blue;}
.oranye{color:orange;}
.gelap{color:  #3e1e00;}
.ungu{color:purple;}


/*PANEL*/
.panel {
  padding: 5px;
  margin-bottom: 5px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 5px 5px;
  margin: -5px -5px 5px;
  font-size: 17.5px;
  font-weight: 500;      
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-footer {
  padding: 5px 5px;
  margin: 5px -5px -5px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary .panel-heading {
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel>.table, .panel>.table-responsive>.table {
      margin-bottom: 0;
}
/*END PANEL*/