mekari-ui-toolkit/dist/css/components/mekari-ui-list-group.css

Mekari ui toolkit

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212121;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #005fbf;
  border-color: #005fbf;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1272px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-group-item-danger {
  color: #702112;
  background-color: #f4cac1;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #702112;
  background-color: #f0b7ab;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #702112;
  border-color: #702112;
}

.list-group-item-success {
  color: #005332;
  background-color: #b8e4d3;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #005332;
  background-color: #a6ddc8;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #005332;
  border-color: #005332;
}

.list-group-item-info {
  color: #857a50;
  background-color: #fff9e2;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #857a50;
  background-color: #fff4c9;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #857a50;
  border-color: #857a50;
}

.list-group-item-warning {
  color: #855f00;
  background-color: #ffebb8;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #855f00;
  background-color: #ffe49f;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #855f00;
  border-color: #855f00;
}

.list-group-item-primary {
  color: #003163;
  background-color: #b8d2ed;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #003163;
  background-color: #a4c5e8;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #003163;
  border-color: #003163;
}

.list-group-item-jurnal {
  color: #005173;
  background-color: #b8e3f6;
}

.list-group-item-jurnal.list-group-item-action:hover, .list-group-item-jurnal.list-group-item-action:focus {
  color: #005173;
  background-color: #a1daf3;
}

.list-group-item-jurnal.list-group-item-action.active {
  color: #fff;
  background-color: #005173;
  border-color: #005173;
}

.list-group-item-talenta {
  color: #64161b;
  background-color: #edc3c6;
}

.list-group-item-talenta.list-group-item-action:hover, .list-group-item-talenta.list-group-item-action:focus {
  color: #64161b;
  background-color: #e7afb3;
}

.list-group-item-talenta.list-group-item-action.active {
  color: #fff;
  background-color: #64161b;
  border-color: #64161b;
}

.list-group-item-klikpajak {
  color: #813901;
  background-color: #fdd6b8;
}

.list-group-item-klikpajak.list-group-item-action:hover, .list-group-item-klikpajak.list-group-item-action:focus {
  color: #813901;
  background-color: #fcc89f;
}

.list-group-item-klikpajak.list-group-item-action.active {
  color: #fff;
  background-color: #813901;
  border-color: #813901;
}

.list-group-item-mekari {
  color: #392577;
  background-color: #d6ccf8;
}

.list-group-item-mekari.list-group-item-action:hover, .list-group-item-mekari.list-group-item-action:focus {
  color: #392577;
  background-color: #c4b6f5;
}

.list-group-item-mekari.list-group-item-action.active {
  color: #fff;
  background-color: #392577;
  border-color: #392577;
}

.list-group-item-dark {
  color: #111111;
  background-color: #c1c1c1;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #111111;
  background-color: #b4b4b4;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #111111;
  border-color: #111111;
}

.list-group-item-slate {
  color: #3e3e3e;
  background-color: #d9d9d9;
}

.list-group-item-slate.list-group-item-action:hover, .list-group-item-slate.list-group-item-action:focus {
  color: #3e3e3e;
  background-color: #cccccc;
}

.list-group-item-slate.list-group-item-action.active {
  color: #fff;
  background-color: #3e3e3e;
  border-color: #3e3e3e;
}

.list-group-item-muted {
  color: #5e5e5e;
  background-color: #eaeaea;
}

.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus {
  color: #5e5e5e;
  background-color: #dddddd;
}

.list-group-item-muted.list-group-item-action.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

.list-group-item-smoke {
  color: #767676;
  background-color: #f7f7f7;
}

.list-group-item-smoke.list-group-item-action:hover, .list-group-item-smoke.list-group-item-action:focus {
  color: #767676;
  background-color: #eaeaea;
}

.list-group-item-smoke.list-group-item-action.active {
  color: #fff;
  background-color: #767676;
  border-color: #767676;
}

.list-group-item-light {
  color: #838383;
  background-color: #fefefe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #838383;
  background-color: #f1f1f1;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #838383;
  border-color: #838383;
}

.list-group-item-cloud {
  color: #7e7f80;
  background-color: #fbfcfd;
}

.list-group-item-cloud.list-group-item-action:hover, .list-group-item-cloud.list-group-item-action:focus {
  color: #7e7f80;
  background-color: #eaeff5;
}

.list-group-item-cloud.list-group-item-action.active {
  color: #fff;
  background-color: #7e7f80;
  border-color: #7e7f80;
}

.list-group-item-link {
  color: #0a2d85;
  background-color: #bdd0ff;
}

.list-group-item-link.list-group-item-action:hover, .list-group-item-link.list-group-item-action:focus {
  color: #0a2d85;
  background-color: #a4beff;
}

.list-group-item-link.list-group-item-action.active {
  color: #fff;
  background-color: #0a2d85;
  border-color: #0a2d85;
}

.list-group-item-white {
  color: #858585;
  background-color: white;
}

.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
  color: #858585;
  background-color: #f2f2f2;
}

.list-group-item-white.list-group-item-action.active {
  color: #fff;
  background-color: #858585;
  border-color: #858585;
}
/*# sourceMappingURL=mekari-ui-list-group.css.map */