/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 /* Bulma panel */

.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 * {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
}

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

.panel.is-white .panel-heading {
background-color: white;
color: #0a0a0a!important;
}

.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!important;
}

.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)!important;
}

.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!important;
}

.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: #00d1b2;
color: #fff!important;
}

.panel.is-primary .panel-tabs a.is-active {
border-bottom-color: #00d1b2;
}

.panel.is-primary .panel-block.is-active .panel-icon {
color: #00d1b2;
}

.panel.is-link .panel-heading {
background-color: #3273dc;
color: #fff!important;
}

.panel.is-link .panel-tabs a.is-active {
border-bottom-color: #3273dc;
}

.panel.is-link .panel-block.is-active .panel-icon {
color: #3273dc;
}

.panel.is-info .panel-heading {
background-color: #3298dc;
color: #fff!important;
}

.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!important;
}

.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)!important;
}

.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!important;
}

.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: 18px!important;
font-weight: 700!important;
line-height: 1.25;
padding: 12px 12px!important;
margin: 0!important;
display: flex;
align-items: center;
}

.panel-tabs {
align-items: flex-end;
display: flex;
font-size: 0.875em;
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-block {
align-items: center;
color: #363636;
display: flex;
font-size: 16px;
justify-content: flex-start;
padding: 0.5em 0.75em!important;
margin: 0!important;
font-weight: normal!important;
}

.panel-block input[type="checkbox"] {
margin-right: 0.75em;
}

.panel-block > .control {
flex-grow: 1;
flex-shrink: 1;
width: 100%;
}

.panel-block.is-wrapped {
flex-wrap: wrap;
}

.panel-block.is-active {
border-left-color: #3273dc;
color: #363636;
}

.panel-block.is-active .panel-icon {
color: #3273dc;
}

.panel-block:last-child {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}

a.panel-block,
label.panel-block {
cursor: pointer;
}

.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;
}