:root {
    /*---------------------Primary Colors----------------------*/
    --kommers-dark-blue-color: #00055B;
    --kommers-blue-color: #1D00E8;
    --kommers-link-blue-color: #004EC2;
    --kommers-yellow-color: #FFC000;
}


html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 20rem;
    margin-top: 5rem;
    min-height: 100%;
}

a {
    text-decoration-line: underline;
    text-decoration-thickness: 0px !important;
    text-underline-offset: 0.15em;
}

    a:hover,
    a:focus {
        text-decoration-thickness: 2px !important;
    }

    a.btn,
    a.nav-link,
    a.navbar-brand,
    a.dropdown-item,
    .vertical-menu a {
        text-decoration: none;
    }


/* White links in top menu*/
.navbar-dark .navbar-nav .nav-link {
    color: white;
}

/* Asp.net validator imitation bootstrap validation*/
.custom-invalid-feedback span {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

/* Asp.net CheckBox imitating bootstrap style*/
span.form-check-input input {
    margin-right: 0.4rem;
}

/*Asp.net RadioButtonList */
.custom-radio-button-list label {
    padding-left: 0.2rem;
    padding-right: 0.5rem;
    margin-right: 5px;
}

/* Details View */
div.detailsview {
    padding-left: 15px;
    padding-right: 15px;
}

dl.row {
    margin-left: 0;
    margin-right: 0;
}

dl dt {
    font-size: small;
    background-color: #f8f9fa;
}

@media all and (min-width: 768px) {
    dl dt {
        margin-bottom: .4rem;
    }
}

dl dd {
    background-color: #f8f9fa;
    margin-bottom: .4rem;
}


/* Sticky footer  */
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 3rem;
}

    footer a {
        color: #ffc000;
    }

        footer a:hover {
            color: white;
        }

    footer .footer-copyright {
        position: absolute;
        bottom: 0;
        height: 3rem;
        width: 100%;
    }

/* Vertical Menu*/
.vertical-menu {
}

    .vertical-menu a {
        display: block;
        color: MenuText;
        padding-top: 0.6rem;
    }

        .vertical-menu a:hover {
            text-decoration: none;
            color: black;
        }

        .vertical-menu a.active {
            /*background-color: GrayText;*/
            font-weight: bold;
        }

        .vertical-menu a.disabled, .vertical-menu a.disabled:hover {
            color: #595959;
        }

    .vertical-menu .sublink {
        padding-top: 0.1rem;
        padding-left: 0.6rem;
        font-weight: normal;
        font-size: 0.9rem;
    }


/* Start Page */

.start-welcome {
    height: 40rem;
    background-image: url('../Images/BackgroundImages/ImageHome.jpg');
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0,0.6);
    background-repeat: no-repeat, repeat;
    overflow: hidden;
}

.veidekke {
    display: none;
}

div.aspNetDisabled {
    opacity: 0.5;
}

.scroll-margin-top {
    scroll-margin-top: 7rem;
}

/* Printable */

.printable-width {
    max-width: 210mm;
}

    .printable-width * {
        max-width: 210mm;
    }

.printable-table {
    table-layout: fixed;
}

.easter-egg {
    font-weight: bold;
    font-family: "Comic Sans MS", cursive, sans-serif;
    background: linear-gradient( to right, red, orange, yellow, green, blue, indigo, violet );
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(2px 2px black);
}

.Warning {
    color: red;
}

/*Buttons*/

.btn-primary {
    background-color: var(--kommers-blue-color) !important;
    border: solid 1px var(--kommers-blue-color) !important;
}

    .btn-primary:hover {
        background-color: var(--kommers-blue-color) !important;
        border: solid 1px var(--kommers-blue-color) !important;
        filter: brightness(85%) !important;
    }

.btn-outline-primary {
    border: solid 1px var(--kommers-blue-color) !important;
    color: var(--kommers-blue-color) !important;
}

    .btn-outline-primary:hover {
        background-color: var(--kommers-blue-color) !important;
        border: solid 1px var(--kommers-blue-color) !important;
        color: white !important;
    }

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--kommers-dark-blue-color);
    border-color: var(--kommers-dark-blue-color);
}

.btn-secondary {
    color: #fff;
    background-color: var(--kommers-yellow-color);
    border-color: var(--kommers-yellow-color);
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #a67d00;
        border-color: #a67d00;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: var(--kommers-yellow-color);
        border-color: var(--kommers-yellow-color);
    }


/*Background*/

.bg-primary {
    background-color: var(--kommers-dark-blue-color) !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #000447 !important;
}

.bg-secondary {
    background-color: var(--kommers-yellow-color) !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #a67d00 !important;
}

/*Border*/

.border-primary {
    border-color: var(--kommers-dark-blue-color) !important;
}

.border-secondary {
    border-color: var(--kommers-yellow-color) !important;
}

/*Text*/

.text-primary {
    color: var(--kommers-dark-blue-color) !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #096694 !important;
}

.text-secondary {
    color: var(--kommers-yellow-color) !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #a67d00 !important;
}

.link-primary {
    color: var(--kommers-link-blue-color) !important;
}

    .link-primary:hover,
    .link-primary:focus {
        color: var(--kommers-dark-blue-color) !important;
    }

.card-link {
    color: var(--kommers-link-blue-color) !important;
}

a {
    color: var(--kommers-link-blue-color);
}

/* List layout ported from Kommers Core */

.list {
    padding-left: .75rem;
    padding-right: .75rem;
}

    .list > .row {
        background-color: white;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
        padding-bottom: .7em;
        padding-top: .7em;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    }

        .list > .row:last-child {
            border-bottom: none !important;
        }

        .list > .row:first-child {
            background-color: var(--bs-light);
            font-weight: 600;
            color: var(--kommers-dark-blue-color);
        }

    .list .row .title {
        font-weight: 600;
    }

    .list .row:hover {
        background-color: var(--bs-light);
    }

    .list > .row:first-child:hover {
        background-color: var(--bs-light);
    }