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

.header-atas{
    
}
#view_content{
    background-color: #FFFF99
}

.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 orange;
  -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);
}

.navbar.top-nav-logo .navbar-inner,.grad-down{
  color: #7C2F00;
  text-shadow: 0 -1px 0 rgba(135, 74, 0, 0.25);
  background-color: #ffff66;
  *background-color: #ffff66;
  background-image: -moz-linear-gradient(top,#ffff66, #fff );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffff66), to(#fff));
  background-image: -webkit-linear-gradient(top, #ffff66, #fff);
  background-image: -o-linear-gradient(top, #ffff66, #fff);
  background-image: linear-gradient(to bottom, #ffff66, #fff);
  background-repeat: repeat-x;
  border-color: #FFDF96 #ffff66 #CE6E00;
  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='#ffF9D275', endColorstr='#ffffb156', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.table td.grad-up,.soft-grad,.nav a:hover,.nav .active>a{
  color: #935300;
  text-shadow: 0 -1px 0 rgba(255, 136, 0, 0.25);
  background-color: #FFCC56;
  *background-color: #FFCC56;
  background-image: -moz-linear-gradient(top, #FF9,#FFCC56 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FF9), to(#FFCC56));
  background-image: -webkit-linear-gradient(top, #FF9, #FFCC56);
  background-image: -o-linear-gradient(top, #FF9, #FFCC56);
  background-image: linear-gradient(to bottom, #FF9, #FFCC56);
  background-repeat: repeat-x;
  border-color: #FF9 #FFCC56 #ffff66;
  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='#ffFFB156', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.grad-up{
  color: #7C2F00;
  text-shadow: 0 -1px 0 rgba(135, 74, 0, 0.25);
  background-color: #ffff66;
  *background-color: #ffff66;
  background-image: -moz-linear-gradient(top, #fff,#ffff66 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ffff66));
  background-image: -webkit-linear-gradient(top, #fff, #ffff66);
  background-image: -o-linear-gradient(top, #fff, #ffff66);
  background-image: linear-gradient(to bottom, #fff, #ffff66);
  background-repeat: repeat-x;
  border-color: #FFDF96 #ffff66 #CE6E00;
  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='#ffF9D275', endColorstr='#ffffb156', 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: #ffff66;
  *background-color: #ffff66;
  background-image: -moz-linear-gradient(top, #F7B774, #ffff66);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7B774), to(#ffff66));
  background-image: -webkit-linear-gradient(top, #F7B774, #ffff66);
  background-image: -o-linear-gradient(top, #F7B774, #ffff66);
  background-image: linear-gradient(to bottom, #F7B774, #ffff66);
  background-repeat: repeat-x;
  border-color: #FFDF96 #ffff66 #CE6E00;
  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='#ffF9D275', endColorstr='#ffffb156', 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: #CE6E00 \9;
}

table {
    font-size: 1em;
}
#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;
}
/*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{
    color: #FF6600;
}
.order-column{
    
}
td.green-td{color: green;}
td.blue-td{color: blue;}
td.red-td{color: red;}
#myModal .modal-body {
	max-height: 400px;
}

#myModal {
	width: 1000px; /* SET THE WIDTH OF THE MODAL */
	margin: -50px 0 0 -500px; /* CHANGE MARGINS TO ACCOMODATE THE NEW WIDTH (original = margin: -250px 0 0 -280px;) */
}

.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: #FFCC56;background-color: #FFCC56;}
.font-kecil{font-size: 12.5px;}
.font-besar{font-size: 17.5px;}
.merah{color:red;}
.hijau{color:green;}
.biru{color:blue;}
.orange{color:orange;}
.gelap{color:  #7C2F00;}
.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*/