﻿:root {
    --bkd-brand-white: rgba(255, 255, 255, 0.42);
    --bkd-brand-red: rgba(234, 22, 31, 1);
    --bkd-brand-black: rgba(0, 0, 0, 1);
    --bkd-brand-light-sand: rgba(252, 248, 243, 1);
    --bkd-brand-sand: rgba(250, 241, 227, 1);
    --bkd-brand-dark-sand: rgba(247, 233, 210, 1);
    --bkd-brand-sand-hover: rgba(242, 224, 195, 1);
    --bkd-brand-cappuchino: rgba(235, 211, 174, 1);
    --bkd-func-fg-black: rgba(0, 0, 0, 1);
    --bkd-func-fg-grey: rgba(112, 112, 112, 1);
    --bkd-func-fg-light-grey: rgba(112, 112, 112, 0.68);
    --bkd-func-fg-white: rgba(255, 255, 255, 1);
    --bkd-func-bg-anthrazit-hover: rgba(64, 64, 64, 1);
    --bkd-func-bg-anthrazit: rgba(78, 78, 78, 0.95);
    --bkd-func-bg-dark-grey: rgba(112, 112, 112, 1);
    --bkd-func-bg-line-grey: rgba(112, 112, 112, 0.5);
    --bkd-func-bg-grey: rgba(222, 222, 222, 1);
    --bkd-func-bg-light-grey: rgba(242, 242, 242, 1);
    --bkd-func-bg-very-light-grey: rgba(248, 248, 248, 1);
    --bkd-func-bg-white: rgba(255, 255, 255, 1);
    --bkd-func-bg-red: rgba(208, 16, 24, 1);
    --bkd-func-bg-green: rgba(61, 134, 8, 1);
    --bkd-language-switcher-active-border: rgba(234, 22, 31, 0.77);
    --bkd-footer-border: rgba(238, 238, 238, 1);
    --bkd-z-index-dropdown: 1;
    --bkd-font-family: "Roboto", sans-serif;
    --bkd-font-size-base: 16px;
    --bkd-font-weight-base: 300;
    --bkd-line-height-base: 1.625;
    --bkd-margin-horizontal-large: 40px;
    --bkd-margin-horizontal-medium: 30px;
    --bkd-margin-horizontal-small: 20px;
    --primary-color: #EA161F;
    --link-fg-color: rgba(0, 0, 0, 1);
}

@import"https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined";@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:rgb(208, 16, 24);--bs-orange:rgb(239, 124, 0);--bs-yellow:rgb(255, 168, 20);--bs-green:rgb(61, 134, 8);--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:rgba(78, 78, 78, .95);--bs-secondary:rgb(222, 222, 222);--bs-success:rgb(61, 134, 8);--bs-info:#0dcaf0;--bs-warning:rgb(255, 168, 20);--bs-danger:rgb(208, 16, 24);--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:78, 78, 78;--bs-secondary-rgb:222, 222, 222;--bs-success-rgb:61, 134, 8;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 168, 20;--bs-danger-rgb:208, 16, 24;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-body-color-rgb:0, 0, 0;--bs-body-bg-rgb:255, 255, 255;--bs-font-sans-serif:"Roboto", sans-serif;--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:300;--bs-body-line-height:1.625;--bs-body-color:rgb(0, 0, 0);--bs-body-bg:rgba(255, 255, 255, .42);--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:rgb(0, 0, 0);--bs-link-hover-color:rgb(234, 22, 31);--bs-code-color:#d63384;--bs-highlight-bg:#ffeed0}*,*:before,*:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{color:var(--bs-link-color);text-decoration:underline}a:hover{color:var(--bs-link-hover-color)}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:url(./roboto-v30-latin-ext_latin-100.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(./roboto-v30-latin-ext_latin-300.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(./roboto-v30-latin-ext_latin-400.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(./roboto-v30-latin-ext_latin-500.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(./roboto-v30-latin-ext_latin-700.woff) format("woff")}a:hover,a:focus{text-decoration:underline;text-decoration-color:#ea161f;color:#000}

.loader {
    width: 12px;
    height: 12px;
    border: 2px solid var(--bs-white);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    margin-left: 5px;
}
    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 

    .black {
        border: 2px solid var(--bs-black);
        border-bottom-color: transparent;
    }

.st0 {
    fill: #FF0000;
}

.bkd-main{
    flex: auto;
    padding: 48px 40px 0 40px;
}

h1 {
    font-size: 3.375rem;
    font-weight: 100;
    line-height: 2.25rem;
    letter-spacing: 0.01rem;
    word-spacing: 0.025rem;
    margin: 0px 0px calc(1.6875rem);
}

h2 {
    font-size: calc(1.3125rem + .75vw) !important;
    line-height: 36px;
    font-family: var(--bkd-font-family); 
    font-style: normal; 
    font-weight: 300 !important;
    letter-spacing: 0.01rem; word-spacing: 0.025rem; 
    margin: 0 0 12px -2px !important;
    max-width: 800px;
    color: var(--link-fg-color) !important;
    margin-left: -2px;
    }
    
body::after {
    content: '';
    display: block;
    height: 50px; /* Set same as footer's height */
}

#goback{
    margin-bottom: 20px;
    display: none;
}
button.loginButton {
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    line-height: 125%;
    background-color: var(--bkd-func-bg-anthrazit);
    display: inline-block;
    height: 49px;
    border-radius: 49px;
    border: none;
    vertical-align: middle;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    cursor: pointer;
    overflow: hidden;
    opacity: unset !important;
}

button.loginButton:hover {
    background-color: var(--bkd-func-bg-anthrazit-hover);
}

button.loginButton:disabled {
background-color: var(--button-disabled-bg-color);
}

.errorButton, .errorButton:disabled, .errorButton:hover {
    background-color: var(--bkd-func-bg-anthrazit);
}

.focused {
    border-left: black solid 3px !important;
}
.form-group {
    border-radius: 3px !important;
}

.formRow-s {
    margin-bottom: 1em;
}

.formFooter .lnk-fed-auth {
    margin-bottom: 4px;
}

.lnk-fed-auth {
    font-style: normal;
    font-size: var(--bkd-font-size-base) !important;
    line-height: 26px;
    line-height: 125%;
    background-color: rgba(255, 255, 255, 1);
    display: inline-block;
    border-radius: 49px;
    width: 100%;
    border: 1px solid #4E4E4E;
    padding: 13px;
    vertical-align: middle;
    margin: 20px auto auto auto;
    transition: all 250ms ease-in-out;
    text-align: center;
    cursor: pointer;
}

a.lnk-fed-auth:hover,
a.lnk-fed-auth:focus {
    border-color: #000;
    background: #e6e6e6;
}

.fed-logo {
    width: 30px;
}

.fed-auth {
    float: none !important;
}

.aGov {
    width: auto !important;
}

.fed-logo-text {
    vertical-align: middle;
    margin-left: 10px;
}


.forgotPasswordLink {
    margin-bottom: var(--default-padding);
}

.formFooter .lnk-fed-auth>svg, .formFooter .lnk-fed-auth>img {
    width: 25px;
    height: 25px;
    margin-bottom: -7px;
}

.logo, .d-none {
    display: none;
}

.dropdown {
    display: none;
}

#InstanceChoice {
    float: none;
}

body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    max-width: 1920px;
    margin: 0px auto !important;
    font-size: var(--bkd-font-size-base) !important;
    font-family: var(--bkd-font-family) !important;
}

form {
    flex: 1 1 auto;
    height: 1000% !important;
    display: unset;
    margin-top: 1rem;
}

.list .list-item {
    box-shadow: none !important;
    background-color: var(--bkd-brand-dark-sand);
    border: none;
}

.list .list-item:hover {
    background-color: var(--bkd-brand-sand-hover);
}

.list>a:hover::after, .fed-auth>a:hover::after {
    transform: scaleX(0);
}

.header {
    box-sizing: content-box;
    background-color: #FFFFFF;
    padding: var(--default-padding) 40px  var(--default-padding) 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    top: 0px;
    z-index: 3;
    border-bottom: solid 1px #DEDEDE;
    }

.language-slh {
    display: none;
}

.language {
    margin-left: auto;
}

.lang-ul {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 calc(0.25vw + 8px);
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lang-li-first::after {
    content: '|';
    margin-left: 10px;
    margin-right: 10px;
}

.lang-li:last-child {
    margin-right: 0;
}


.lang-link {
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #000000;
    display: inline-block;
    display: inline-block;
    font-weight: 400;
    line-height: 1.36;
    font-size: 0.875rem;
}

.lang-link:hover {
    text-decoration: none !important;
}

.lang-current {
    display: inline-block;
    content: '';
    margin-top: 3px;
    border-bottom: 2px solid #EA161F;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

/***
Kanton Bern
https://kantonbern.snowflake.ch/styleguides/1/Kanton-Bern
**/
.logo-be {
    max-width: 150px;
    margin-right: 22px;
    display: block;
}

div.logo-caption {
    font-size: 16px;
    line-height: 17px;
    margin-top: 12px;
    letter-spacing: 0.01rem;
    word-spacing: 0.025rem;
    color: rgba(0, 0, 0, 1);
    max-width: 335px;
    width: 320px;
}

.left {
    left: 50px;
    position: absolute;
}

.right {
    right: 50px;
    position: absolute;
}

.lnk-fed-auth:hover {
    color: inherit !important;
}

.or-line {
    width: 100%; 
    height: 7px;
    border-bottom: 1px solid black; 
    text-align: center;     
    padding-top: 36px;
}

/*
#btnSend {
    display: none;
}*/

.or-text {
    background-color: white;
    padding: 0 10px;  
    position: relative;
    bottom: 14px;  
}

a {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.01rem;
    word-spacing: 0.025rem;
    line-height: 1.5;
    color: var(--bkd-func-fg-black);
    text-decoration: underline;
  }

  a:hover, a:focus {
    text-decoration: underline;
    text-decoration-color: var(--bkd-brand-red);
    color: #000;
  }
 .errorMessage {
    color: var(--bkd-brand-red);
 }

#searchRow{
    max-width: 400px;
}

  .a-transform:hover::after, .a-transform:focus::after, .a-transform:active::after, .a-transform:hover {
    transform: scaleX(1);
    text-decoration: none;
  }
  .a-transform::after {
    display: block;
    content: "";
    border-bottom: 2px solid var(--bkd-func-fg-black);
    transform: scaleX(0);
    transition: transform 100ms ease-in-out 0s;
  }

  .a-transform {
    text-decoration: none;
  }


footer {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    font-family: var(--bkd-font-family);
    font-size: var(--bkd-font-size-base);
    font-weight: var(--bkd-font-weight-base);
    line-height: var(--bkd-line-height-base);
    font-synthesis: none;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: 100%;
    --bkd-footer-padding-horizontal: var(--bkd-margin-horizontal-large);
    --bkd-footer-padding-vertical: 18px;
    padding: var(--bkd-footer-padding-vertical) var(--bkd-footer-padding-horizontal);
    border-top: 1px solid var(--bkd-footer-border);
    background-color: var(--bkd-brand-light-sand);
    color: var(--bkd-func-fg-black);
}


.copyright {
    font-size: 0.8125rem;
    font-weight: 300;
    letter-spacing: 0.02rem;
    word-spacing: 0.05rem;
}

.footer-nav {
    display: flex;
    gap: 2.5rem;
}

@media only screen and (min-width: 1280px) {
    :root {
        --max-list-width: calc(3*var(--max-list-item-width) + 3*var(--default-padding));
    }
}



@media screen and (max-width: 1119px) {

    .logo-be {
        width: 110px;
    }

    h2 {
        line-height: 29px;
        margin: -3px 0 8px -1px;
        margin-left: -1px;
        }

    div.logo-caption {
        margin-top: 12px;
        max-width: 210px;
        font-size: 12px;
        line-height: 13px;
        letter-spacing: 0.01rem;
        word-spacing: 0.025rem;

    }    
    footer {
        flex-direction: column-reverse;
        gap: 1.25rem;
        padding: var(--bkd-footer-padding-vertical) var(--bkd-margin-horizontal-medium) !important;
    }

}

@media screen and (max-width: 767px) {

    h2 {
        line-height: 25px !important;
        margin: -2px 0 12px 0px;
        margin-left: 0px;
        }

    button.loginButton {
        margin-top: 10px;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .loginButton:disabled {
        margin-top: 10px;
    }

    .left {
        left: 20px !important;
    }
    .right {
        right: 0px !important;
    }

    div.logo-caption {
        width: unset !important;
    }

    .header {
        padding: 12px var(--default-padding) 12px var(--default-padding) !important;
    }
    footer {
        padding: var(--bkd-footer-padding-vertical) var(--bkd-margin-horizontal-small) !important;
      }

}



