body { padding-top:32 !important; }
.bs nav.navbar { margin:0; padding:0; font-size:85%; }
.bs .navbar-brand {  } 
.bs .navbar-nav > li > a {  padding: 5px 15px 5px; }
.bs nav.navbar {min-height:32px !important}
.bs nav.navbar .dropdown {
    border: none;
    top: 0;
    margin: 0;
    padding: 0; 
    position: relative;
    z-index: initial;
}

.bs nav.navbar .dropdown li {
    border: none
}

.bs nav.navbar .dropdown li.divider {
    padding:0;    
}

.scrollable { 
    overflow-y: scroll; 
}

/*.label-badge {*/
    /*border-radius: 1em !important;*/
/*}*/

.label-badge-success {
    background: #449d44 !important;
    color:white;
}

.d-msg-tr .d-msg {
  display: none;
}

.d-msg-tr.d-msg-open .d-msg {
    display: block;
}

.d-msg-tr .pm-tgl {
  background: rgba(0, 0, 0, 0) url("images/tgl-right.png") no-repeat scroll left center;
  padding: 2px 0 2px 22px;
}

.d-msg-tr.d-msg-open .pm-tgl {
    background: rgba(0, 0, 0, 0) url("images/tgl-bottom.png") no-repeat scroll left center;
}

.d-msg-tr .small-title {
  color: #008cff;
  margin: 2px 0;
}

.d-pm-widget .msg-body {
  border-left: 1px solid #0080ff;
  margin-left: 7px;
  padding-left: 9px;
}

.d-widget-substring {
  color: gray;
  font-size: 11px;
  margin-top: 3px;
}

#mikai-icon-panel {
    overflow: hidden; 
    overflow-x: no-content;
}

@media (max-width: 767px) {

    .bs .navbar-fixed-top {
        position: absolute;
    }
    
    #mikai-icon-panel {
        overflow: hidden; 
        overflow-x: scroll; 
    }
    
}

.i-16 {
    padding: 5px 0 5px 20px;
}

.i-32 {
  padding: 5px 0 5px 40px;
}

.i-compile-16 {
    background: rgba(0, 0, 0, 0) url("images/compile16.png") no-repeat scroll left center;
}
.i-compile-32 {
    background: rgba(0, 0, 0, 0) url("images/compile32.png") no-repeat scroll left center;
}
.i-delivery-16 {
    background: rgba(0, 0, 0, 0) url("images/delivery16.png") no-repeat scroll left center;
}
.i-delivery-32 {
    background: rgba(0, 0, 0, 0) url("images/delivery32.png") no-repeat scroll left center;
}
.i-done-16 {
    background: rgba(0, 0, 0, 0) url("images/done16.png") no-repeat scroll left center;
}
.i-done-32 {
    background: rgba(0, 0, 0, 0) url("images/done32.png") no-repeat scroll left center;
}
.i-nonstop-16 {
    background: rgba(0, 0, 0, 0) url("images/nonstop16.png") no-repeat scroll left center;
}
.i-nonstop-32 {
    background: rgba(0, 0, 0, 0) url("images/nonstop32.png") no-repeat scroll left center;
}
.i-pay-16 {
    background: rgba(0, 0, 0, 0) url("images/pay16.png") no-repeat scroll left center;
}
.i-pay-32 {
    background: rgba(0, 0, 0, 0) url("images/pay32.png") no-repeat scroll left center;
}
.i-stop-16 {
    background: rgba(0, 0, 0, 0) url("images/stop16.png") no-repeat scroll left center;
}
.i-stop-32 {
    background: rgba(0, 0, 0, 0) url("images/stop32.png") no-repeat scroll left center;
}
.i-archive-16 {
    background: rgba(0, 0, 0, 0) url("images/archive16.png") no-repeat scroll left center;
}
.i-archive-32 {
    background: rgba(0, 0, 0, 0) url("images/archive32.png") no-repeat scroll left center;
}
.i-pause-16 {
    background: rgba(0, 0, 0, 0) url("images/pause16.png") no-repeat scroll left center;
}
.i-pause-32 {
    background: rgba(0, 0, 0, 0) url("images/pause32.png") no-repeat scroll left center;
}