.hidden {
    display: none
}

.image {
    vertical-align: middle;
    height: 40px;
    padding-right: 5px
}

.tabtitle {
    float: left;
    vertical-align: middle
}

.flexTop {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.flexInner {
    flex-basis: content
}

.panel {
    width: auto
}

.panel ul {
    list-style: none;
    padding-left: 1em
}

.led-box {
    height: 30px;
    width: 25%;
    margin: 2px 35%;
    float: left
}

.led-red {
    margin: auto;
    width: 24px;
    height: 24px;
    background-color: red;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, .2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, .5) 0 2px 12px
}

.led-green {
    margin: auto;
    width: 24px;
    height: 24px;
    background-color: #abff00;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, .2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89ff00 0 2px 12px
}

td {
    min-width: 125px
}

.mytable {
    border-collapse: collapse
}

.mytable td, .mytable th {
    border: 1px solid #000;
    text-align: center;
    min-width: 50px
}

.risico_tabel {
    border-collapse: collapse;
    margin: 1em 0
}

.risico_tabel td, .risico_tabel th {
    border: 1px solid #000;
    text-align: center;
    min-width: 50px;
    padding: .5em
}

.low {
    background-color: #adff2f
}

.medium {
    background-color: #ff0
}

.high {
    background-color: orange
}

.critical {
    background-color: red
}

.antumContainer {
    width: 500px;
    height: 500px
}

.modal {
    width: fit-content
}

.navbar, .subnavbar, .toolbar {
    background-color: #009cde
}

.bg-green, .color-green {
    background-color: #3f9c35 !important
}

.tabel {
    border-collapse: collapse;
    margin: 1em 0;
}

.tabel td, .tabel th {
    border: 1px solid #000;
    /*text-align: center;*/
    /*min-width: 50px;*/
    padding: .5em;
}