body {
    word-break: break-word;
    background: #f8f8f8 !important;
  }
  
  /* sidebar */
  body.logged-in.admin-bar .ui.left.vertical.menu.sidebar {
    top: 32px;
    padding-bottom: 64px;
  }
  
  .master-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0;
    margin: 0;
  }
  .master-menu ul {
    list-style: none;
    padding-left: 15px;
    display: none;
  }
  .master-menu ul.menu {
    padding: 0;
  }
  .master-menu ul.menu li a.item {
    padding: 13px 16px !important;
  }
  .master-menu.submenu-open ul {
    display: block;
  }
  .master-menu.submenu-open > a.item {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
  }
  .master-menu.submenu-open .sejolisa-menubars {
    display: none;
    padding: 15px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #eee;
    top: 46px;
  }
  
  button.ui.button.sidebar-toggle {
    display: none;
  }
  
  .pushable > .pusher {
    overflow: unset !important;
  }
  .pushable > .pusher.dimmed {
    overflow: hidden !important;
  }
  
  /* content */
  /* .pusher.sejolisa-memberarea-content {
      max-width: 1091px;
  } */
  .sejolisa-memberarea-menu.ui.visible.left.sidebar ~ .pusher.sejolisa-memberarea-content {
    -webkit-transform: unset;
    -ms-transform: unset;
        transform: unset;
    margin-left: 260px;
  }
  
  .sejolisa-memberarea-menu.ui.inverted.menu {
    background-color: #000;
  }
  
  .sejolisa-memberarea-menu.ui.menu .item.header-menu {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  .alert-holder .message {
    margin-top: 15px !important;
  }
  .alert-holder .message .header {
    text-transform: capitalize;
  }
  
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
  }
  
  .select2-container .select2-selection--single {
    height: 38px !important;
  }
  
  .ui.divided.selection.list .item .label.main {
    min-width: 145px;
    color: white;
    text-align: left;
  }
  
  .ui.selection.list .list > .item, .ui.selection.list > .item {
    color: #222;
  }
  
  .dataTable .ui.label.boxed {
    color: white;
    display: block;
    text-align: center;
    line-height: 130%;
  }
  .dataTable tr.expired {
    background-color: rgba(192, 57, 43, 0.2) !important;
  }
  .dataTable th, .dataTable td {
    border: none;
  }
  
  button.ui.primary.button.show-filter-form,
  button.ui.primary.button.show-add-coupon-form {
    margin-bottom: 1em;
    margin-top: 0.5em;
  }
  
  .ui.fluid.action.input .select2-container--default .select2-selection--single {
    border-radius: 4px 0 0 4px;
  }
  
  .sejoli.registration img.image.icon,
  .sejoli.login img.image.icon {
    margin-bottom: 50px;
    max-width: 100% !important;
    margin: 50px auto;
    max-height: inherit !important;
  }
  
  div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
    min-width: 80px !important;
  }
  
  .item-holder .ui.card .content h4.ui.sub.header {
    margin-bottom: 5px;
  }
  .item-holder .ui.card .content p {
    margin-bottom: 3px;
  }
  
  .dataTables_wrapper .right.aligned.eight.wide.column {
    display: none;
  }
  
  #affiliate-link-holder .field {
    margin-bottom: 1em;
  }
  
  form#aff-link-parameter {
    margin-top: 20px;
    display: none;
  }
  
  select.aff-order-follow-up {
    height: auto !important;
  }
  
  .fb-pixel-links-holder li {
    margin-bottom: 20px;
  }
  
  .fb-pixel-links-holder ol {
    padding-left: 15px;
  }
  
  .fb-pixel-links-holder p {
    margin-bottom: 10px;
  }
  
  /* style for pohon jaringan */
  #network-tree-area .jstree-container-ul .jstree-node {
    margin-bottom: 0;
  }
  #network-tree-area .jstree-container-ul .jstree-node .jstree-anchor {
    padding: 10px;
    height: auto;
    background-color: #efefef;
    margin-bottom: 20px;
    margin-top: -10px;
  }
  #network-tree-area .jstree-container-ul .jstree-node .jstree-anchor .jstree-icon {
    margin-right: 8px;
    background-size: cover !important;
  }
  #network-tree-area .jstree-container-ul .jstree-node .jstree-children .jstree-node {
    position: relative;
  }
  #network-tree-area .jstree-container-ul .jstree-node .jstree-children .jstree-node::before {
    position: absolute;
    left: 0;
    top: -10px;
    display: block;
    content: " ";
    background-position: -292px -4px;
    background-repeat: repeat-y;
    background-image: url("https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.10/themes/default/32px.png");
    min-height: 10px;
    line-height: 10px;
    min-width: 24px;
  }
  
  #affiliate-detail-popup {
    display: none;
    cursor: default;
  }
  #affiliate-detail-popup .affiliate-detail {
    padding: 18px;
  }
  #affiliate-detail-popup .affiliate-detail table {
    border: none;
  }
  #affiliate-detail-popup .affiliate-detail table th, #affiliate-detail-popup .affiliate-detail table td {
    text-align: left;
  }
  #affiliate-detail-popup .affiliate-detail table tr:nth-child(2n+1) th, #affiliate-detail-popup .affiliate-detail table tr:nth-child(2n+1) td {
    background-color: #efefef;
  }
  
  @media screen and (max-width: 782px) {
    body.logged-in.admin-bar .ui.left.vertical.menu.sidebar {
      top: 46px;
    }
  
    .sejolisa-menubars {
      display: block;
    }
  
    button.ui.button.sidebar-toggle {
      display: block;
    }
  
    .sejolisa-memberarea-menu.ui.visible {
      visibility: hidden;
    }
  
    .sejolisa-memberarea-menu.ui.uncover.visible {
      visibility: visible;
    }
  
    .sejolisa-memberarea-menu.ui.visible.left.sidebar ~ .pusher.sejolisa-memberarea-content {
      /* -webkit-transform: unset;
      transform: unset; */
      margin-left: 0px;
    }
  
    .sejolisa-memberarea-menu.ui.uncover.visible.left.sidebar ~ .pusher.sejolisa-memberarea-content {
      margin-left: 260px;
      /* -webkit-transform: translate3d(260px,0,0);
      transform: translate3d(260px,0,0); */
    }
  
    .sejolisa-memberarea-menu.ui.uncover.visible.left.sidebar ~ .pusher:after {
      left: 260px;
    }
  }
  @media screen and (max-width: 767px) {
    .dataTables_paginate.paging_simple_numbers {
      text-align: left;
    }
  
    .ui.fluid.action.input span.select2.select2-container.select2-container--default {
      width: 65% !important;
    }
  
    #leaderboard-filter .field {
      padding-right: 0px;
      margin-bottom: 15px;
    }
  
    #leaderboard-filter .field:last-child {
      display: block;
      width: 100%;
    }
  
    button#leaderboard-filter-button {
      width: 100%;
    }
  
    .paginate_button.item.previous {
      display: inline !important;
    }
  
    .paginate_button.item.next {
      display: inline !important;
    }
  
    .paginate_button.item {
      display: none !important;
    }
  }
  @media screen and (max-width: 600px) {
    .sejolisa-menubars {
      top: 0px;
    }
  }
  .masonry.grid {
    display: block;
  }
  
  @media only screen and (min-width: 768px) {
    .masonry.grid {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 0;
      -moz-column-gap: 0;
      column-gap: 0;
    }
  
    .ui.doubling.masonry.grid[class*="three column"] > .column {
      width: 100% !important;
    }
  }
  @media only screen and (min-width: 992px) {
    .masonry.grid {
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3;
    }
  }
  
  table hr {
      margin: 1rem 0 !important;
      border-width: 0 !important;
  }
  
  .ui.vertical.menu .item>i.icon {
      width: 1.18em;
      float: left !important;
      margin: 0 1em 0 0 !important;
  }