/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
body {
    border-top: 10px solid red;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}
.rb-sort label {
    margin-right: 20px;
}
/* RadioButtonList – mer luft mellan val */
.rb-sort input[type="radio"],
.rb-prisval input[type="radio"] {
    margin-right: 4px;
}

.rb-sort label,
.rb-prisval label {
    margin-right: 16px;
}

/* Checkbox – lite luft mellan ruta och text */
.form-check-input {
    margin-right: 6px;
}
.autogiro-row input[type="checkbox"] {
    accent-color: #999;
}
.autogiro-row {
    background-color: #f5f5f5 !important;
    color: #888 !important;
}

.provapa-row {
    background-color: #fff3cd !important; /* gul varning */
    color: #664d03 !important;
}

.pay-12 > td {
    border-left: 4px solid #198754;
}

.pay-6 > td {
    border-left: 4px solid #0d6efd;
}

.pay-3 > td {
    border-left: 4px solid #ffc107;
}

.pay-auto > td {
    border-left: 4px solid #6c757d;
}
.autogiro-row {
    background: #f5f5f5 !important;
    color: #888 !important;
}

.provapa-row {
    background: #fff3cd !important; /* ljus gul */
    color: #664d03 !important;
}