body {padding-top:56px;}

a {text-decoration: none;}

.navbar-toggler:focus, .navbar-toggler:active { outline: 0;box-shadow: none; }
.navbar-toggler span {
    display: block;
    background-color: rgb(255, 255, 255);
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    left: 0;
    opacity: 1;
}
.navbar-toggler span:nth-child(1), .navbar-toggler span:nth-child(3) {-webkit-transition: transform .35s ease-in-out;-moz-transition: transform .35s ease-in-out;-o-transition: transform .35s ease-in-out;transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) {top: 12px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 13px;visibility: hidden;background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {top: -12px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}

.navbar ul.navbar-nav li.nav-item a.nav-link {background-color: #0D47A1;color: #FFFFFF;border: 1px solid #ffffff;}
.navbar ul.navbar-nav li.nav-item a.nav-link.active, .navbar ul.navbar-nav li.nav-item a.nav-link:hover {background-color: #FFFFFF;color: #000000;}

.bg-darkblue {
    background-color: #0D47A1!important;
}

.border-darkblue {
    border-color: #0D47A1!important;
}

.navbar-brand {
    font-family: 'Rationale', sans-serif; font-size:36px; line-height: 1.1;margin-right: 0;
}

.width-25 {width: 25px;}
.width-40 {width: 40px;}

.dagblock {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
.dagblock-top {font-size: 24px;}
.dagblock-veckodag {font-size: 36px;}
.dagblock-dag {
    font-size: 12rem;
    font-weight: 300;
    line-height: 0.8;
}
.dagblock-manad {font-size: 36px;}
.dagblock-namnsdag {font-size: 20px;margin-top:8px;}

.btn-dagblock {width: 90px;border-radius: 0.25rem!important;padding-top: 2px!important;padding-bottom: 2px!important;border:1px solid #b0b3bb;}
.btn-dagblock small {font-size: .75rem;}
.btn-dagblock div {font-size: 1.4rem!important;line-height: .9;font-weight: 500;color:#0d6efd;}
.btn-dagblock .redday {color: #ff0000;}
.btn-dagblock-red {border-color: #ff0000;}
.btn-dagblock:hover {background-color: #f1f4f6;}

footer .nav-link {
    padding: .25rem .75rem;
}

footer .social a {color:#b7b7b7;}
a.facebook:hover {color:#3b5998;}
a.twitter:hover {color:#55acee;}
a.linkedin:hover {color:#007bb5;}

.table-padding-1>:not(caption)>*>* {padding: .75rem 0.5rem;}

.table-shrink abbr {display:none;}
.table-header, .table-header td, .table-header th {color:#ffffff;background-color:#0D47A1;font-weight: 500;}
.table-redday td, td.week-cell {border-bottom: 1px solid #737373;}
.table-redday, .table-redday>td, .table-redday>th {color: #990000;}
.table-border-bottom, .table-border-bottom td {border-bottom: 1px solid #737373!important;}
.table-month {writing-mode: vertical-rl; color:black!important; font-size:18px;}
.table-cell-normal {font-weight: normal; background-color: #ffffff!important;}
.table-row-lightgrey {background-color: #f9f9f9;}

.table-nav-header {display: flex;flex-flow: row wrap;}
.table-nav-header > * {padding: 5px; flex: 1 100%;}
.table-nav-header .dropdown-menu{border-color: #737373;}
.table-nav-row { flex: 1 auto; align-self:flex-end;}
.table-nav-title a::after {top:-10px;}
.table-nav-title h1 {font-weight: 400;font-size:2.2rem;}

.table-this-day {
    border-spacing:0;
}

.table-bordered-curved {
    border-radius: 10px;
    border-collapse: separate;
    border: solid 1px #ccc;
}

.table-bordered-curved thead tr:last-child th,
.table-bordered-curved thead tr:last-child td {
    border-bottom: solid 1px #ccc;
}

.table-bordered-curved thead tr th,
.table-bordered-curved thead tr td {
    border-bottom: 0;
    border-right: solid 1px #ccc;
}

.table-bordered-curved thead tr th:last-child,
.table-bordered-curved thead tr td:last-child {
    border-right: 0;
}

.table-bordered-curved tbody tr:first-child th,
.table-bordered-curved tbody tr:first-child td {
    border-top: 0;
}

.table-bordered-curved tbody tr td {
    border-right: solid 1px #ccc;
}

.table-bordered-curved tbody tr td:last-child {
    border-right: 0;
}

.table-this-day td {padding:0;}
.table-this-day a {display: block;text-align: center;padding: 2px; text-decoration: none;}
.table-this-day a:hover {background-color: #0D47A1;color:#ffffff;}
.table-this-day tr:first-child td:first-child a {border-top-left-radius: 10px;}
.table-this-day tr:first-child td:last-child a {border-top-right-radius: 10px;}
.table-this-day tr:last-child td:first-child a {border-bottom-left-radius: 10px;}
.table-this-day tr:last-child td:last-child a {border-bottom-right-radius: 10px;}
.table-this-day tr:last-child td {border-bottom-width: 0;}

.table-stack td:first-child {border-bottom-width: 0;padding-bottom: 0;}
.table-stack td:last-child {padding-top: 0;}
.table-stack td {display: block;}

.alert-light-blue-old {color: #0c5460;background-color: #e6ecff;border-color: #99b3ff;}
.alert-light-blue {color: #000000;background-color: #f1f4f6;border-color: #b0b3bb!important;}

abbr {text-decoration: none!important;}

.reference {margin-top:20px;}
.reference h3 {border-bottom: 1px solid #737373;}

.head-line2 {position: relative;line-height: 1.5;z-index: 1;overflow: hidden;text-align: center;padding-left:0;margin-bottom:0;}
.head-line2:before {position: absolute;top: 51%;overflow: hidden;width: 50%;height: 2px;content: '\a0';background-color: black;margin-left: -11%;text-align: right;}
.head-line2:after {position: absolute;top: 51%;overflow: hidden;margin-left:10px;width: 50%;height: 2px;content: '\a0';background-color: black;}

/*https://www.trysmudford.com/blog/css-header-legend/*/
.head-line {display: flex;width: 100%;justify-content: center;align-items: center;text-align: center;}
.head-line:before, .head-line:after {content: '';border-top: 1px solid gray;margin: 0 10px 0 0;flex: 1 0 10px;}
.head-line:after {margin: 0 0 0 10px;}

.mt-6 {margin-top: 4rem;}

.blockquote {font-size: inherit;}

.card {border: 1px solid rgba(0,0,0,.25);}

.btn-lightblue {
    color: #fff;
    background-color: rgb(76, 132, 194);
    border-color: rgb(57, 106, 159);
}

.btn-lightblue:hover, .btn.active {
    color: #fff;
    background-color: #104a86;
    border-color: #235E9D;
}

.btn-outline-lightblue {
    color: #232323;
    border-color: #8DA6CD;
}

.btn-outline-lightblue:hover {
    color: #fff!important;
    background-color: #104a86;
    border-color: #235E9D;
}

.btn-outline-lightblue:focus {
    outline: none;
    box-shadow: none;
}

.fw-bold {
    font-weight: 600!important;
}

.timeline {
    border-left: 4px solid #4C84C2FF;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(255, 255, 255, 0.03);

    margin: 5px auto;
    position: relative;
    padding: 25px 0 25px 30px;
    list-style: none;
    text-align: left;
    max-width: 95%;
}
.timeline .event {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}
.timeline .event:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
.timeline .event:after {
    position: absolute;
    display: block;
    top: 0;
}
.timeline .event:after {
    box-shadow: 0 0 0 4px #4C84C2FF;
    left: -37.85px;
    background: #ffffff;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 7px;
}

.text-bg-grey {
    color: black;
    background-color: #e6eaee;
}

.nav-years .nav-link.active, .nav-years .show>.nav-link {
    color: #fff!important;
    background-color: rgb(76, 132, 194);
}

.nav-years .nav-link:focus, .nav-years .nav-link:hover {
    color: black;
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
    h1 {font-size:2.0rem;}
    .table-nav-title h1 {font-weight: 400;font-size:2.0rem;}

    .table-shrink span {display:none;}
    .table-shrink abbr {display:inline;}
    .table-shrink abbr span {display:inline;}

    .table-md-stack td:first-child {border-bottom-width: 0;padding-bottom: 0;}
    .table-md-stack td:last-child {padding-top: 0;}
    .table-md-stack td {display: block;}

    .dagblock-veckodag {font-size: 30px;}
    .dagblock-dag {
        font-size: 10rem;
        font-weight: 300;
        line-height: 0.8;
    }
    .dagblock-manad {font-size: 30px;}

    .breadcrumb {font-size: 80%; padding: 0.5rem 1rem;}
}

@media (max-width: 576px) {
    .table-shrink abbr span {display:none;}
    .table-nav-title h1 {font-weight: 400;font-size:1.8rem;}

    .dagblock-dag {
        font-size: 8rem;
        font-weight: 300;
        line-height: 0.8;
    }
}

@media all and (min-width: 800px) {
    .table-nav-title { flex: 2 0px; }
    .table-nav-left { order: 1; flex: 0 0 90px}
    .table-nav-title { order: 2; }
    .table-nav-right { order: 3; flex: 0 0 90px}
}

@media (min-width: 350px) {
    .ads-container {max-height: 201px;}
    .ads-mobile {height: 200px;}
}
@media (min-width: 576px) {
    .ads-container {max-height: 201px;}
    .ads-mobile {height: 200px;}
}
@media (min-width: 768px) {
    .ads-container {max-height: 281px;}
    .ads-mobile {height: 280px;}
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    display: inline-block;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-fw {text-align: center;width: 1.25em;}

.fa-lg {font-size: 1.33333em;line-height: .75em;vertical-align: -0.0667em;}
.fa-layers svg.svg-inline--fa {bottom: 0;left: 0;margin: auto;position: absolute;right: 0;top: 0;}
.fa-layers {display: inline-block;height: 1em;position: relative;text-align: center;vertical-align: -12.5%;width: 1em;}
svg:not(:root).svg-inline--fa {overflow: visible;}
.svg-inline--fa.fa-w-14 {width: 0.875em;}
.svg-inline--fa {display: inline-block;font-size: inherit;height: 1em;overflow: visible;vertical-align: -0.125em;}
.fa-layers-text {display: inline-block;position: absolute;text-align: center;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transform-origin: center center;transform-origin: center center;}

.icon-moon-2:before {
    content: "\f0d6";
}
.icon-moon-3:before {
    content: "\f0dd";
}
.icon-moon-4:before {
    content: "\f0e4";
}
.icon-moon-1:before {
    content: "\f0eb";
}
.icon-search:before {
    content: "\f002";
}
.icon-times:before {
    content: "\f00d";
}
.icon-power-off:before {
    content: "\f011";
}
.icon-cog:before {
    content: "\f013";
}
.icon-home:before {
    content: "\f015";
}
.icon-clock:before {
    content: "\f017";
}
.icon-lock:before {
    content: "\f023";
}
.icon-flag:before {
    content: "\f024";
}
.icon-bookmark:before {
    content: "\f02e";
}
.icon-edit:before {
    content: "\f044";
}
.icon-asterisk:before {
    content: "\f069";
}
.icon-calendar-alt:before {
    content: "\f073";
}
.icon-external-link:before {
    content: "\f08e";
}
.icon-bars:before {
    content: "\f0c9";
}
.icon-caret-down:before {
    content: "\f0d7";
}
.icon-caret-left:before {
    content: "\f0d9";
}
.icon-caret-right:before {
    content: "\f0da";
}
.icon-angle-double-left:before {
    content: "\f100";
}
.icon-angle-double-right:before {
    content: "\f101";
}
.icon-angle-double-up:before {
    content: "\f102";
}
.icon-angle-left:before {
    content: "\f104";
}
.icon-angle-right:before {
    content: "\f105";
}
.icon-calendar:before {
    content: "\f133";
}
.icon-envelope-square:before {
    content: "\f199";
}
.icon-share-alt:before {
    content: "\f1e0";
}
.icon-envelope:before {
    content: "\f0e0";
}
.icon-file-alt:before {
    content: "\f15c";
}
.icon-twitter-square:before {
    content: "\f081";
}
.icon-facebook-square:before {
    content: "\f082";
}
.icon-linkedin:before {
    content: "\f08c";
}
