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

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

.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 #68BDFF;
  -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,.table td.grad-down,.grad-down{
  color: #316689;
  text-shadow: 0 -1px 0 rgba(0, 237, 255, 0.25);
  background-color: #679FC6;
  *background-color: #679FC6;
  background-image: -moz-linear-gradient(top,#679FC6, #fff );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#679FC6), to(#fff));
  background-image: -webkit-linear-gradient(top, #679FC6, #fff);
  background-image: -o-linear-gradient(top, #679FC6, #fff);
  background-image: linear-gradient(to bottom, #679FC6, #fff);
  background-repeat: repeat-x;
  border-color: #96A6FF #679FC6 #000E4F;
  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,
.dropdown-menu li > a:focus,.dropdown-menu li > a:hover, .dropdown-submenu:hover > a{
  color: #115884;
  text-shadow: 0 -1px 0 rgba(181, 255, 251, 0.25);
  background-color: #CBE4F4;
  *background-color: #CBE4F4;
  background-image: -moz-linear-gradient(top, #fff,#CBE4F4 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#CBE4F4));
  background-image: -webkit-linear-gradient(top, #fff, #CBE4F4);
  background-image: -o-linear-gradient(top, #fff, #CBE4F4);
  background-image: linear-gradient(to bottom, #fff, #CBE4F4);
  background-repeat: repeat-x;
  border-color: #fff #CBE4F4 #679FC6;
  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);
}
.grad-up{
  color: #316689;
  text-shadow: 0 -1px 0 rgba(0, 237, 255, 0.25);
  background-color: #679FC6;
  *background-color: #679FC6;
  background-image: -moz-linear-gradient(top, #fff,#679FC6 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#679FC6));
  background-image: -webkit-linear-gradient(top, #fff, #679FC6);
  background-image: -o-linear-gradient(top, #fff, #679FC6);
  background-image: linear-gradient(to bottom, #fff, #679FC6);
  background-repeat: repeat-x;
  border-color: #96A6FF #679FC6 #000E4F;
  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: #4C7896;
  text-shadow: 0 -1px 0 rgba(0, 255, 212, 0.25);
  background-color: #B1CADB;
  *background-color: #B1CADB;
  background-image: -moz-linear-gradient(top, #fff, #B1CADB);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#B1CADB));
  background-image: -webkit-linear-gradient(top, #fff, #B1CADB);
  background-image: -o-linear-gradient(top, #fff, #B1CADB);
  background-image: linear-gradient(to bottom, #fff, #B1CADB);
  background-repeat: repeat-x;
  border-color: #fff #B1CADB #679FC6;
  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-small {
  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: #679FC6;
  *background-color: #679FC6;
}

.tombol-box:active,
.tombol-box.active {
  background-color: #679FC6 \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: #E3E7F7;
}

.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;
}
#menu-utama li{
    
}
.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);
}

a:hover{
    color: #0D225B;
    text-decoration: none;
}

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

/*JQUERY UI*/
.ui-widget {
    font-size:  0.9em !important;
}
.ui-autocomplete-loading {
    background: white url('ui-anim_basic_16x16.gif') right center no-repeat;
}
.ui-autocomplete.ui-widget-content {
    background: #CEFFF6;
}
.ui-autocomplete {
    background: #CEFFF6;
}
.ui-autocomplete li{
    line-height: 15px;
}
.ui-autocomplete li.ui-state-focus{
    font-weight: normal;
}

.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: #00257C;
}

/*.ui-button-text{font-size: .8em;color: #0B297C;}*/
.ui-state-active .ui-button-text{font-weight: bold;}
.ui-state-default.ui-state-active,a{
    color: #0B297C;
}


.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,.table th{
    color: #00146D;
}
.table th{
    background-color: #B5DAF2;
}
.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;) */
}
.table{
    border-collapse: separate;
    padding: 1px;
}
.table td,.table th{margin: 3px;}

.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: #BFDDF2}
.font-kecil{font-size: 12.5px;}
.font-besar{font-size: 17.5px;}
.ui-widget a.merah,.merah{color:red;}
.ui-widget a.hijau ,.hijau {color:green;}
.ui-widget a.biru  ,.biru  {color:blue;}
.ui-widget a.orange,.orange{color:orange;}
.ui-widget a.gelap ,.gelap {color:  #00073F;}
.ui-widget a.ungu  ,.ungu  {color:purple;}
.border-merah{border-color: #FF8484;}
.border-hijau{border-color:#72FF72;}
.border-biru{border-color:#7FB0FF;}
.border-orange{border-color:orange;}
.border-gelap{border-color:  #00073f;}
.border-ungu{border-color:purple;}