.btn:active, .btn:hover, .btn:focus {
    outline: none !important;
}

.btn-nohover:hover, .btn-nohover:focus {
    color: #333;
    background-color: #f9f9f9;
    border-color: #ccc;
}

.table-iocontrol thead {
    color: white;
    color: #fff;
    padding: 12px 12px;
    cursor: pointer;
}

    .table-iocontrol thead h4,
    .table-iocontrol thead .expand-button {
        cursor: pointer;
        white-space: nowrap;
        font-size: 20px;
    }

.table-iocontrol tbody > tr > td {
    border: none;
    padding-bottom: 0;
    vertical-align: middle;
}

.table-iocontrol thead > tr > td {
    background-color: var(--themecolor);
}

    .table-iocontrol thead > tr > td:first-child {
        border-radius: 4px 0 0 4px;
        width: 28%
    }

.table-iocontrol .feedercolumn,
.table-iocontrol .antennacolumns {
    width: 40%
}

.table-iocontrol thead > tr > td:last-child {
    border-radius: 0 4px 4px 0;
}

.table-iocontrol .timer-group {
    display: inline-block;
    vertical-align: top;
    max-width: 108px;
    margin-top: 4px;
}

@media(min-width:768px) {
    .table-iocontrol .timer-group {
        float: right;
    }
}


.table-iocontrol .header-buttons {
    display: inline-block;
    margin: 4px 8px 4px 0;
}

.table-iocontrol[data-count="1"] .header-buttons {
    /*display: none;*/
}

.table-iocontrol .item {
    display: block;
}

.table-iocontrol .itemicon {
    color: var(--themecolor);
}


.table-iocontrol .controller {
    display: block;
    color: #737371;
}

.table-iocontrol .itemhintrow td {
    padding-top: 0;
    padding-bottom: 0;
    color: darkred;
    font-weight: bold;
    font-style: italic;
}

.table-iocontrol .expand-button,
.table-iocontrol .expand-button:hover,
.table-iocontrol .expand-button:active,
.table-iocontrol .expand-button:focus {
    display: inline-block;
    visibility: hidden;
    border: none;
    background: none;
    outline: none;
    margin: 6px;
    float: right;
}

.table-iocontrol .expand-button-hidden {
    display: none;
}

.table-iocontrol.table-collapsed .expand-button {
    display: inline-block;
    visibility: visible;
}

.table-iocontrol.table-collapsed tbody {
    display: none;
}

.table-iocontrol tbody {
    display: table-row-group;
    transform-origin: top;
    animation: anim 0.25s ease;
}

.table-iocontrol .btn-inline {
    display: inline-block;
}

.table-iocontrol .feederfeedtype {
    display: block;
    font-size: small;
    font-style: italic;
    font-weight: bold;
}

.table-iocontrol .rfidPower {
    font-size: small;
    font-style: italic;
    font-weight: bold;
}

    .table-iocontrol .rfidPower .rfidPowerValue {
        display: inline-block;
        min-width: 42px;
        text-align: right;
    }

@keyframes anim {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}