/* pfSense-like styling for panels and forms */
body {
    background: #212529;
    color: #fff;
}

.panel {
    background: #343a40;
    border: 1px solid #495057;
    border-radius: 4px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.panel-heading {
    background: #495057;
    border-bottom: 1px solid #495057;
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
}

.panel-title {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.panel-body {
    padding: 15px;
    background: #343a40;
    color: #fff;
}

.breadcrumb {
    background: #343a40;
    border: 1px solid #495057;
    border-radius: 4px;
    padding: 8px 15px;
    margin-bottom: 20px;
}

.breadcrumb li {
    color: #adb5bd;
}

.breadcrumb li a {
    color: #0d6efd;
}

.container.fixed {
    max-width: 1200px;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 15px;
    display: table;
    width: 100%;
}

.control-label {
    display: table-cell;
    text-align: right;
    padding-top: 7px;
    font-weight: bold;
    padding-right: 15px;
    width: 16.66666667%;
    vertical-align: top;
}

.col-sm-10 {
    display: table-cell;
    width: 83.33333333%;
}

.helptext {
    color: #666;
    font-size: 12px;
    margin-top: 5px;
}

.table-responsive {
    border: none;
}

.table.table-striped.table-bordered {
    background: #343a40;
    color: #fff;
    border: 1px solid #495057;
    border-collapse: collapse;
}

.table.table-striped.table-bordered th {
    background: #495057;
    border: 1px solid #495057;
    color: #fff;
    padding: 8px;
    text-align: left;
}

.table.table-striped.table-bordered td {
    border: 1px solid #495057;
    color: #fff;
    padding: 8px;
}

.table.table-striped.table-bordered tbody tr:nth-child(odd) {
    background: #3d4347;
}

.table.table-striped.table-bordered tbody tr:nth-child(even) {
    background: #343a40;
}

.badge.bg-danger {
    background: #d9534f;
    color: #fff;
    padding: 3px 6px;
    border-radius: 3px;
    font-size: 12px;
}

code {
    background: #495057;
    border: 1px solid #6c757d;
    padding: 2px 4px;
    border-radius: 3px;
    color: #fff;
    font-family: monospace;
}

.card {
    background: #343a40;
    border: 1px solid #495057;
    color: #fff;
}

.card h4 {
    color: #fff;
}