/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

#logo {
    margin-top: 10px !important;
}

#logo img {
    max-height: 30px;
    width: auto !important;
    padding-left: 3px;
}

.jarvismetro-tile .iconbox span {
    display: block;
    text-align: center;
    font-size: 12px;
}

sup.color-red {
    color: red;
    font-weight: bold;
}

.row {
    margin-right: -13px;
    margin-left: -13px;
}

.have_data {
    border: 1px solid #BDBDBD;
    width: 100%;
}

.have_data > div {
    font: 13px/16px 'Open Sans',Helvetica,Arial,sans-serif;
    height: 20px;
    line-height: 20px;
    padding: 5px 10px;
}

#ribbon {
    border-bottom: 1px solid #CFCFCF;
    border-top: 1px solid #E6E6E6;
    background: #F5F5F5;
}

.btn, a:link, button {
    -webkit-tap-highlight-color: rgba(200,200,200,.5);
}

.btn-smart-form {
    margin-top: 25px;
    display: block;
    width: 100%;
}

@media (min-width: 980px) {

  .page-footer {
      padding: 15px 13px 0
  }
  .menu-on-top.hidden-menu #left-panel {
      left: 0
  }
  #main {
      margin-left: 0!important;
      margin-top: 119px !important
  }
  #hide-menu,
  .minifyme {
      display: none!important
  }
  aside#left-panel {
      width: 100%!important;
      min-height: 0!important;
      height: auto;
      overflow: visible;
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #333;
    background: #F7F7F7;
  }
  .smart-style-2 #left-panel {
    padding: 50px 0px 0px 0px;
  }
  aside#left-panel nav>ul {
      display: block;
      width: 100%
  }
  aside#left-panel nav>ul>li:first-child {
      margin-left: 0
  }
  aside#left-panel nav>ul>li {
      position: relative;
      height: auto!important;
      padding: 0!important;
      display: inline-block;
      float: left;
      border-right: 1px solid #ddd;
      overflow: visible
  }
  aside#left-panel nav>ul>li>a {
      display: inline-block;
      height: 68px;
      text-shadow: none!important;
      font-size: 13px;
      text-decoration: none;
      line-height: 22px;
      padding: 14px 9px 10px 9px !important;
  }
  li.active>a {
      font-weight: 700!important
  }
  nav>ul>li>a b {
      display: none
  }
  aside#left-panel nav>ul>li>a>i {
      display: block!important;
      margin: 1px 0 4px;
      line-height: inherit;
      text-align: center;
      font-size: 24px;
      margin-bottom: 2px;
      width: 100%
  }
  .menu-item-parent {
      width: 70px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: center;
      font-size: 13px
  }
  .menu-item-parent+span {
      float: none!important;
      top: 5px;
      right: 5px;
      position: absolute
  }
  nav ul ul li a {
      padding-left: 10px!important;
      font-size: 13px
  }
  aside#left-panel nav>ul>li:hover {
      background: #fff;
  }
  aside#left-panel nav>ul>li:hover>a {
      color: #333!important;
  }
  aside#left-panel nav>ul>li>ul {
      position: absolute!important;
      background: #3a3633
  }
  aside#left-panel nav>ul>li:hover>ul {
      display: block!important
  }
  aside#left-panel nav ul li.active>a:before {
      content: ""!important
  }
  nav>ul ul li::before,
  nav>ul>li>ul::before {
      border: none
  }
  nav ul ul li a,
  nav ul ul ul li a {
      color: #4C4F53
  }
  nav ul ul li a:hover,
  nav ul ul li:hover>a,
  nav ul ul ul li a:hover {
      color: #fff;
      background-color: #4C4F53
  }
  nav>ul ul ul {
      border-top: 1px solid #c7c7c7!important
  }
  nav ul ul li {
      overflow: visible
  }
  nav ul ul,
  nav ul ul ul {
      display: none!important;
      background: #fff!important;
      border: 1px solid #c7c7c7;
      -moz-box-shadow: inset 0 -4px 0 0 #bd2a2a;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      border-bottom: 1px solid #BD2A2A;
      border-top: none;
      width: 200px;
      border-radius: 0;
      padding: 3px;
      margin-left: 0
  }
  nav>ul ul li:hover>ul {
      display: block!important;
      position: absolute;
      z-index: 999;
      left: 100%;
      top: -8px;
      background: #333
  }
  nav>ul>li>a:after {
      content: "\f0dd"!important;
      top: 76%!important;
      color: #636363!important;
      left: 46%
  }
  nav ul ul li:hover>a:after,
  nav>ul ul>li a:after,
  nav>ul ul>li a:hover:after,
  nav>ul>li>a:after {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: 400;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\f0da";
      display: block!important;
      position: absolute;
      top: 9px;
      right: 4px;
      color: #333
  }
  nav ul ul li:hover>a:after,
  nav>ul ul>li a:hover:after {
      color: #fff
  }
  nav>ul ul>li a:only-child:after,
  nav>ul>li>a:only-child:after {
      content: ""!important
  }
  nav ul ul .active>a {
      color: #333!important
  }
  nav ul ul .active>a:hover,
  nav ul ul li.active:hover>a {
      color: #fff!important
  }
  .slimScrollDiv,
  nav {
      overflow: visible!important
  }
  body.menu-on-top.fixed-header {
      padding-top: 49px
  }
  body.menu-on-top.fixed-header.fixed-navigation nav>ul {
      padding-right: 0;
      position: relative;
      height: auto;
      width: auto;
      overflow: visible
  }
  body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
      left: 0;
      top: 118px
  }

  .smart-style-2 .login-info {
    margin-bottom: 0px !important;
  }

  .smart-style-2 .login-info span {
    border-radius: 0px;
  }

  #header {
    height: 50px;
  }

  .smart-style-2 nav ul ul li>a {
      padding-left: 23px !important;
  }

  .smart-style-2 nav ul ul li>a > .fa {
      position: absolute;
      left: 2px;
      top: 6px;
  }

  .smart-style-2 nav .collapse-sign {
      display: none !important;
  }

}

@media (max-width: 979px) {
  .smart-style-2 #left-panel {
    padding: 50px 0px 0px 0px !important
  }
  .fixed-ribbon #ribbon {
      left: 45px
  }
  .login-info a i,
  .login-info a span {
      display: none
  }
  .login-info span {
      padding: 0 5px;
      text-align: center
  }
  .login-info img {
      margin: -2px 0 0;
      width: 30px
  }
  .login-info {
      height: 38px;
      border-bottom: 1px solid #181818
  }
  .smart-style-2 .login-info {
    margin-bottom: 0px !important;
  }
  .smart-style-2 .login-info span {
    padding: 0px !important;
  }
  #left-panel {
      width: 45px;
      left: 0px !important;
  }
  #main {
      margin-left: 45px;
      width: auto !important;
  }
  #left-panel,
  nav>ul>li {
      overflow: visible
  }
  nav>ul>ul {
      min-height: 100px!important;
      max-height: 180px!important;
      overflow-y: scroll;
      overflow-x: hidden;
      background: #ed1c24!important
  }
  nav>ul>li,
  nav>ul>li a {
      position: relative
  }
  nav ul>li>a {
      padding: 12px 11px;
      display: block;
  }
  nav>ul>li>a .fa.fa-fw {
      display: block;
      width: auto;
      text-align: center;
      padding: 0
  }
  nav>ul>li>a>i,
  .smart-style-2 nav>ul>li>a>i {
      font-size: 18px !important;
      text-align: center;
      margin: 0;
      display: block
  }
  nav>ul>li.active>a::before {
      content: "\f0d9"
  }
  nav ul ul li a {
      padding-left: 14px
  }
  nav ul ul li li a {
      padding-left: 25px
  }
  nav>ul ul li::before,
  nav>ul>li>ul::before {
      left: 12px
  }
  nav>ul>li>a .menu-item-parent,
  nav>ul>li>a>b {
      display: none
  }
  nav>ul>li>a>.menu-item-parent {
      display: none;
      position: absolute;
      left: 40px;
      top: -3px;
      width: 186px;
      height: 38px;
      line-height: 38px;
      background-color: #f5f5f5;
      color: #333;
      z-index: 3;
      -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2);
      -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2);
      box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2);
      border-left: 1px solid #bfbfbf;
      border-top: 1px solid #D8D4D4;
      border-bottom: 1px solid #fff;
      padding-left: 12px
  }
  nav>ul>li>ul {
      display: none!important;
      position: absolute;
      left: 40px;
      width: 199px;
      z-index: 5;
      border: 1px solid #bfbfbf;
      min-height: 180px;
      -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
      -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
      box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
      background: #454545;
      margin-top: -3px;
      overflow: hidden
  }
  nav ul>li>ul>li>ul {
      position: relative;
      left: 13px;
      border: none;
      margin-left: -12px;
      width: 197px
  }
  nav>ul>li:hover>a>.menu-item-parent,
  nav>ul>li:hover>ul {
      display: block!important
  }
  nav>ul>li>ul>li {
      background-color: rgba(69, 69, 69, .9)
  }
  nav>ul>li>ul>li>ul>li {
      background-color: #484B50
  }
  nav>ul>li {
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #FFF;
  }
  nav>ul>li>ul::before {
      border-left: none
  }
  nav>ul ul li::before {
      border: none
  }
  .slimScrollDiv,
  .slimScrollDiv>:first-child {
      overflow: hidden
  }
  .slimScrollDiv,
  .slimScrollDiv>:first-child {
      overflow: visible!important
  }
  .slimScrollBar,
  .slimScrollRail {
      display: none
  }
  nav>ul>li>ul>li>a,
  nav>ul>li>ul>li>ul>li>a {
      padding-top: 7px;
      padding-bottom: 7px
  }
  nav>ul>li>ul>li>ul>li a {
      padding-top: 6px;
      padding-bottom: 6px
  }
  nav ul ul ul ul li a {
      padding-left: 45px
  }
  nav ul ul ul ul ul li a {
      padding-left: 62px
  }
  nav ul ul ul ul ul ul li a {
      padding-left: 82px
  }
  .inbox-badge {
      border-radius: 50%;
      font-size: 9px;
      padding: 2px;
      position: absolute;
      top: 6px;
      right: 6px;
      background: #ED1C24;
      min-width: 13px
  }
  .smart-style-2 .login-info {
      margin: 0!important
  }
  .smart-style-2 .login-info a {
      margin-top: 4px
  }
  .smart-style-2 .login-info span {
      padding: 0
  }
  .smart-style-2 #left-panel {
      padding: 0!important;
      padding-top: 50px!important
  }
  .smart-style-2 nav ul>li>a {
      padding: 12px 11px
  }
  .smart-style-2 nav ul li.active>a:before {
      height: 23px;
      right: -19px;
      top: 7px;
      font-size: 20px;
      color: #FFF
  }
  .smart-style-2 nav>ul>li {
      border-bottom: 1px solid #E6E6E6;
      border-top: 1px solid #FFF
  }
  .smart-style-2 nav>ul>li>a>i {
      font-size: 18px!important
  }
  .smart-style-2 nav>ul>li>ul,
  .smart-style-2 nav>ul>li>ul>li,
  .smart-style-2 nav>ul>li>ul>li>ul>li {
      background: #fff!important
  }
  #fullscreen>:first-child>a {
    display: block!important;
  }

  .smart-style-2 nav ul ul li>a {
      padding-left: 23px !important;
  }

  .smart-style-2 nav ul ul li>a > .fa {
      position: absolute;
      left: 2px;
      top: 12px;
  }

}

/*.smart-style-2 nav ul li.open>a::after {
    color: #fff !important;
}

.smart-style-2 nav ul li.open>a,
.smart-style-2 nav ul li.open>a b,
aside#left-panel nav>ul>li:hover>a,
.smart-style-2 nav ul li.open>a:hover {
    color: #fff !important;
    background-color: #69737A!important;
}

.smart-style-2 nav ul li.open>a:hover::after,
.smart-style-2 nav ul li.open>a:hover b {
    color: #fff !important;
}*/

.smart-style-2 nav ul .active>a,
nav ul ul .active>a:hover, nav ul ul li.active:hover>a {
    color: #fff !important;
    background-color: #4C4F53 !important;
}

.smart-style-2 nav ul ul li:hover>a {
    color: #fff !important;
    background-color: #4C4F53 !important;
}

/*.fa{
    position: relative;
}*/

.fa > .fa{
    position: absolute;
    right: -4px;
    top: -4px;
    font-size: 4px;
    color: #000;
}

li:hover > a > .fa > .fa{
    color: #FFF;
}

.thead-order-button {
    width: 100%;
}

th {
    vertical-align: middle !important;
    text-align: center !important;
}

.table-td {
    text-align: center !important;
    vertical-align: middle !important;
}

.benchmark-info {
    text-align: center;
    font-size: x-small;
    margin-bottom: 10px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #edf2ff;
}

.table-hover>tbody>tr:hover {
    background-color: #ced4ef;
}

.jarviswidget-color-blue > header {
    background-color: #508bdb;
}

.pagination {
    margin-bottom: 0px;
}

.adv-search-form {
    background-color: #767676;
    border-bottom: #ddd 2px solid;
}

.adv-search-form-header {
    background-color: #f2f2f2 !important;
    margin: 0px 0px 0px 0px !important;
    padding: 10px 0px 10px 30px !important;
    border-bottom: 0px !important;
}

.adv-search-form-footer {
    background-color: #f2f2f2 !important;
    border-top: 0px !important;
    padding-right: 30px !important;
}

.fieldset-top-padding {
    padding-top: 10px !important;
}

/**
 * ALAMAT ACCOUNT
 */
.col_form {
    background: #e6e6e6;
    border: 1px solid #bfbfbf;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 10px;
}
.adr_collapse {
    display:none;
}
.adr_collapse.show {
    display:block;
}
.toggle-expand {
    text-align:right;
}


/**
 * LOG penjualan
 */
.log-data {
    border-bottom: 1px #cecece solid;
    padding: 10px;
}
.log-tanggal {
    font-size:15px;
}
.log-isi, .log-user {
    padding-top:5px;
}
.log-user {
    font-weight: bold;
    font-style: italic;
}
.log-container {
    max-height: 1124px;
    overflow-y: auto;
    overflow-x: hidden;
}

.log-container-gv {
    max-height: 1052px;
    overflow-y: auto;
    overflow-x: hidden;
}


/**
 * Note
 */
.note-after-radcheck {
    margin-bottom: 10px;
}