body {
    font-size: 76%;
    font-family: arial, Georgia, verdana, sans-serif;
    color: #505050;
    line-height: 1.3;
    font-variant: normal;
}

td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}

.custom-file-input:lang(sv) ~ .custom-file-label::after {
    content: "Bläddra";
}

.card {
    margin-bottom: 20px;
}

h2 {
    font-size: 2.167em;
    color: #333;
    font-weight: normal;
    margin-bottom: 10px;
}

h3 {
    color: #505050;
    font-size: 1.33em;
    font-weight: normal;
}

p {
    line-height: 1.5;
}

.header-bg-abf {
    background: linear-gradient(#c4161c, #c4161c 75%, #a61116) !important;
    padding: 20px 0px 0px 10px;
    margin: -16px 0px 0px 0px !important;
    height: 150px;
}

    .header-bg-abf .header-abf-title {
        vertical-align: bottom !important;
        color: #fff;
        color: white !important;
        display: block;
        font-weight: bold;
        text-transform: uppercase !important;
        font-size: 1em;
        letter-spacing: 0.1em;
    }

        .header-bg-abf .header-abf-title img {
            display: block;
            float: left;
            padding: 0;
            margin-left: 5px;
        }

        .header-bg-abf .header-abf-title .header-abf-title-text{
            margin-top: 54px;
            margin-left: 5px;
            float: left;
        } 
        
            .header-bg-abf .header-abf-title .header-abf-title-text a,
            .header-bg-abf .header-abf-title .header-abf-title-text a:hover,
            .header-bg-abf .header-abf-title .header-abf-title-text a:focus {
                color: inherit;
                text-decoration: none;
                text-transform: none !important;
                font-size: 1.6em !important;
                letter-spacing: normal !important;
            }

@media (min-width: 992px) {
    .navbar {
        clear: both;
        background: #fff url(../images/navBg.png) repeat-x bottom left;
        padding-left: 10px !important;
    }

    .nav-item > a {
        background: url(../images/navDivider.png) no-repeat right 17px;
    }

        li.nav-item:last-of-type a {
            background: none;
        }
}

.dropdown-menu {
    font-size: 100%;
}

.navbar {
    padding: 0;
    margin: 0;
}
.navbar-toggler {
    margin-top: 5px;
    margin-left: 33px;
}
.navbar-collapse.show,
.navbar-collapse.collapsing {
    padding: 0px 10px 0px 40px;
}

.navbar-collapse.show {
    background: #fff url(../images/navBg.png) repeat-x bottom left;
}

.nav-item {
    display: inline-block;
}

    .nav-item a,
    .nav-item.dropdown-menu a {
        padding: 14px 9px 11px 6px;
        font-family: arial, Georgia, verdana, sans-serif;
        font-size: 0.916em;
        font-weight: bold;
        text-transform: uppercase;
        color: #333 !important;
    }

    .nav-item.active {
        background: url(../images/navActive.png) no-repeat top;
        margin-top: -2px;
        padding-top: 2px;
        color: #000;
    }

.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ff4c55;
}

html[xmlns] .nav-item {
    display: block;
}

* html .nav-item {
    height: 1%;
}

.navbar-collapse.collapse.show .nav-item.active,
.navbar-collapse.collapsing .nav-item.active {
    background: none !important;
}

a.btn-primary,
a.btn-primary:focus,
a.btn-primary:visited,
a.btn-primary:hover {
    color: #fff;
}

.btn-primary {
    background-color: #c4161c;
    border-color: #a61116;
}

    .btn-primary:hover {
        background-color: #a61116;
        border-color: #710d10;
    }

    .btn-primary.disabled {
        background-color: #c4161c;
        border-color: #a61116;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #a61116;
        border-color: #710d10;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(196, 22, 28, 0.5);
    }

    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(196, 22, 28, 0.5);
    }

.paginate_button.page-item.active a {
    background-color: #c4161c;
    border-color: #a61116;
}

table.dataTable tbody tr.selected {
    background-color: #ff4c55;
}

table.dataTable tbody table.subtable {
    min-width: 50%;
    margin-left: 30px;
    margin-top: 0px;
}

table.dataTable tbody tr th.subtitle {
    border-top: 0px;
    vertical-align: bottom;
}

table.dataTable tbody tr.subtotals {
    border-top: 1px solid darkgrey;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
}

table.dataTable tbody tr td div.subtitle {
    font-weight: bold;
    margin-left: 20px;
    padding-top: 10px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #a61116;
    background: #c4161c;
}

a,
a:visited,
a:hover,
a.btn-link,
a.btn-link:focus,
a.btn-link:visited,
a.btn-link:hover,
a.page-link,
a.page-link:focus,
a.page-link:visited,
a.page-link:hover {
    color: #c4161c;
    text-decoration: none;
}

.btn {
    font-size: 0.75rem;
}

.field-validation-error {
    color: red;
    font-style: italic;
}

.jumbotron-fluid {
    clear: both;
    background: linear-gradient(180deg, #ccc 1px, #f6f8ef 5px, #f6f8ef 98%, #fff) !important;
    min-height: 150px;
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
}

.navbottom-abf {
    clear: both;
    background: linear-gradient(180deg, #ccc 1px, #fff) !important;
    height: 5px;
    margin: 0px 0px 0px 0px;
}

@media print {
    .jumbotron-fluid,
    .navbottom-abf {
        display: none;
    }
}