bulmil/dist/collection/core/components/panel/panel.css


.panel {
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  font-size: 1rem;
}
.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}
.panel.is-white .panel-heading {
  background-color: white;
  color: #0a0a0a;
}
.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: white;
}
.panel.is-white .panel-block.is-active .panel-icon {
  color: white;
}
.panel.is-black .panel-heading {
  background-color: #0a0a0a;
  color: white;
}
.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: #0a0a0a;
}
.panel.is-black .panel-block.is-active .panel-icon {
  color: #0a0a0a;
}
.panel.is-light .panel-heading {
  background-color: whitesmoke;
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: whitesmoke;
}
.panel.is-light .panel-block.is-active .panel-icon {
  color: whitesmoke;
}
.panel.is-dark .panel-heading {
  background-color: #363636;
  color: #fff;
}
.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: #363636;
}
.panel.is-dark .panel-block.is-active .panel-icon {
  color: #363636;
}
.panel.is-primary .panel-heading {
  background-color: #5851ff;
  color: #fff;
}
.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: #5851ff;
}
.panel.is-primary .panel-block.is-active .panel-icon {
  color: #5851ff;
}
.panel.is-link .panel-heading {
  background-color: #5851ff;
  color: #fff;
}
.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: #5851ff;
}
.panel.is-link .panel-block.is-active .panel-icon {
  color: #5851ff;
}
.panel.is-info .panel-heading {
  background-color: #3298dc;
  color: #fff;
}
.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: #3298dc;
}
.panel.is-info .panel-block.is-active .panel-icon {
  color: #3298dc;
}
.panel.is-success .panel-heading {
  background-color: #48c774;
  color: #fff;
}
.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: #48c774;
}
.panel.is-success .panel-block.is-active .panel-icon {
  color: #48c774;
}
.panel.is-warning .panel-heading {
  background-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: #ffdd57;
}
.panel.is-warning .panel-block.is-active .panel-icon {
  color: #ffdd57;
}
.panel.is-danger .panel-heading {
  background-color: #f14668;
  color: #fff;
}
.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: #f14668;
}
.panel.is-danger .panel-block.is-active .panel-icon {
  color: #f14668;
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 1px solid #ededed;
}

.panel-heading {
  background-color: #ededed;
  border-radius: 6px 6px 0 0;
  color: #363636;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}

.panel-tabs {
  -ms-flex-align: end;
      align-items: flex-end;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.875em;
  -ms-flex-pack: center;
      justify-content: center;
}
.panel-tabs a {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: -1px;
  padding: 0.5em;
}
.panel-tabs a.is-active {
  border-bottom-color: #4a4a4a;
  color: #363636;
}

.panel-list a {
  color: #4a4a4a;
}
.panel-list a:hover {
  color: #5851ff;
}

.panel-block {
  -ms-flex-align: center;
      align-items: center;
  color: #363636;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}
.panel-block > .control {
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
}
.panel-block.is-wrapped {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.panel-block.is-active {
  border-left-color: #5851ff;
  color: #363636;
}
.panel-block.is-active .panel-icon {
  color: #5851ff;
}
.panel-block:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: whitesmoke;
}

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: #7a7a7a;
  margin-right: 0.75em;
}
.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

bm-panel:not(:last-child) {
  margin-bottom: 1.5rem;
}