:root {
    --dark-green: #004c71;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

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

body {
  margin-bottom: 60px;
}

.text-justify {
    text-align: justify;
}

[x-cloak] {
    display: none !important;
}


@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

h1 {
    color: var(--dark-green);
}

td a {
    color: var(--dark-green);
}


.nav-head .container-xl {
    background-color: #004c73;
    height: 100px;
}

.nav-menu .container-xl {
    border-top: 2px solid var(--dark-green);
    border-bottom: 2px solid var(--dark-green);
    background-color: #E7EAEA;
}

.nav-menu a {
    color: var(--dark-green) !important;
}

.form-control.input-validation-error, .form-select.input-validation-error {
    border-color: #dc3545;
}

.field-validation-error {
    color: #dc3545;
}

button.toggle-group.collapsed span.collapsed {
    display: inline;
}

button.toggle-group.collapsed span {
    display: none;
}

button.toggle-group span.collapsed {
    display: none;
}

button.toggle-group span {
    display: inline;
}

.bd-callout {
    padding: 1.25rem;
/*    margin-top: 1.25rem;*/
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem
}

    .bd-callout h4 {
        margin-bottom: .25rem
    }

    .bd-callout p:last-child {
        margin-bottom: 0
    }

    .bd-callout code {
        border-radius: .25rem
    }

    .bd-callout + .bd-callout {
        margin-top: -.25rem
    }

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-danger {
    border-left-color: #d9534f
}

/*button.toggle-group::after {
    content: "Dölj detaljer";

}

button.toggle-group.collapsed::after {
    content: "Visa detaljer";
}*/
/* Small devices (landscape phones, 576px and up)*/
/*@media screen and (max-width: 576px)
{
    .offcanvas { --bs-offcanvas-width: 100%; }
}*/

/* Medium devices (tablets, 768px and up)*/
/*@media screen and (max-width: 768px) {
    .offcanvas {
        --bs-offcanvas-width: 20%;
    }
}*/


/*// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
    ...
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
    ...
}

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
    ...
}

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) {
    ...
}*/