
.wtb-firewall-admin .card{
    max-width: none;
    width: 70%;
}
.wtb-status-label {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px;
    vertical-align: middle;
}

.wtb-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    vertical-align: middle;
    margin-right: 4px;
}
.wtb-badge-block   {
    background:#be3131;
    color:#fff;
}
.wtb-badge-allow   {
    background:#26803c;
    color:#fff;
}
.wtb-badge-temp    {
    background:#ffcc00;
    color:#000;
}
.wtb-badge-ipv6    {
    background:#777;
    color:#fff;
}

.wtb-status-active {
    background: #46b450;
    color: #fff;
}

wtb-status-inactive {
    background: #dc3232;
    color: #fff;
}

.wtb-status-disabled {
    color:#777;
}

.wtb-expired {
    color:#be3131;
    font-weight:600;
}

.wtb-row-actions {
    font-size: 11px;
    color: #555;
    margin-top: 4px;
}
.wtb-row-actions a {
    margin-right: 6px;
}

.wtb-note {
    max-width: 260px;
    max-height: 3.6em;
    overflow-y: auto;
}

.wtb-pill{
    display:inline-block;
    padding:2px 8px;
    border-radius:999px;
    font-size:12px;
    line-height:18px;
    border:1px solid #dcdcde;
    background:#f6f7f7;
    color:#1d2327;
    margin-right:6px;
    vertical-align:middle;
}

@media screen and (max-width: 782px) {
    .wrap .card {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }  
    
    .tablenav .alignleft.actions,
    .tablenav .alignright.actions {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }

    .tablenav form {
        display: block;
        width: 100%;
    }

    .tablenav input[type="text"],
    .tablenav select {
        width: 100%;
        max-width: 100%;
        margin-top: 4px;
        margin-bottom: 6px;
    }

    .tablenav .button {
        width: 100%;
        margin-top: 4px;
    }
}

