* {
    font-family: 'Jost', sans-serif;
}

.info-label {
    padding: 4px 10px;
    border-radius: 15px
}

.info-label.info-label-success {
    background: #d6ffef;
    color: #28a745;
    font-weight: bold;
}

.info-label.info-label-success::before {
    content: '↑';
    font-size: 17px;
    font-weight: bolder;
    margin-right: 3px;
}

.info-label.info-label-danger {
    background: #ffdede;
    color: #dc3545;
    font-weight: bold;
}

.info-label.info-label-danger::before {
    content: '↓';
    font-size: 17px;
    font-weight: bolder;
    margin-right: 3px;
}

.info-label.info-label-secondary {
    background: #e8e8e8;
    color: #636363;
    font-weight: bold;
}

.state {
    display: inline-block;
    padding: 3px 5px;
    font-weight: bolder;
    font-size: 11px;
    border-radius: 3px;
    width: 100%;
}

.state.closed {
    color: #fff;
    background-color: #cb8600;
}

.state.open {
    color: #fff;
    background-color: #00579a;
}

.border-left {
    border-left: 1px solid #dee2e6!important;
}

.border-top-none {
    border-top: none!important;
}

.last-update {
    border: 1px #dee2e6 solid;
    padding: 4px 15px;
    color: #000;
    border-radius: 3px;
    margin-bottom: 10px;
    font-size: 13px;
}

.badge .close {
    margin-left: .25rem;
    color: inherit;
    font-size: 100%;
}

.svg-icon {
    width: 2em;
    height: 2em;
}

.svg-icon.secondary path,
.svg-icon.secondary polygon,
.svg-icon.secondary rect {
    fill: #636363;
}

.svg-icon.secondary circle {
    stroke: #636363;
    stroke-width: 1;
}

.svg-icon.danger path,
.svg-icon.danger polygon,
.svg-icon.danger rect {
    fill: red;
}

.svg-icon.danger circle {
    stroke: red;
    stroke-width: 1;
}