.rssi {
    max-width: 20px;
    max-height:11px;
}


.tone-icon {
    max-width: 30px;
    max-height: 10px;
    padding-right: 5px;
}

.card.radio-interface {
    margin: 1px 2px;
}

.card-contents {
    padding:2px 4px;
}



.card.radio-interface.emergency-active {
    animation: emergency 1s infinite;
}

@keyframes emergency {
    0% {
        background: red;
        color: yellow;
    }
    1% {
        color:red;
        background: yellow;
    }
    50% {
        color:red;
        background: yellow;
    }
    51% {
        background: red;
        color: yellow;
    }
    100% {
        background: red;
        color: yellow;
    }
}


.mon-button-img
{
    width: 20px;
    margin-top:7px
}
.pri-button.selected {
    background: darkgreen;
}

.card.radio-interface .btn {
    margin-top:2px;
    margin-bottom:2px;
}


.brand-logo {
    padding-left:5px!important;
}


body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}


.recent-list {
    overflow-y: scroll!important;
    height:100px;
    background-color:white;
}

.recent-list-item {
    font-size:11px;
    border:1px black solid;
    padding:2px!important;
    line-height:0em;
}

.recent-list-item[data-recent-type="Emergency Alarm"]{
    font-weight: bold;
    color:red;
}
.recent-list-item[data-recent-type=""]{
    color:white;
}