/* TANGORA CSS */
.ts-panel { display:flex; }
.ts-panel > * { flex:var(--ts-panelbox-flex, 1 1 auto); margin:var(--ts-panelbox-margin, 0px); padding:var(--ts-panelbox-padding, 0px); border-top:var(--ts-panelbox-bordertop, none); border-right:var(--ts-panelbox-borderright, none); border-bottom:var(--ts-panelbox-borderbottom, none); border-left:var(--ts-panelbox-borderleft, none) }
/* RESOURCE #84 BEGIN */
:root
{
    --mitid-logo: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTWl0SUQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjMxOS4xMzUiIGhlaWdodD0iODMuMTg0IiB2aWV3Qm94PSIwIDAgMzE5LjEzNSA4My4xODQiPgogIDxwYXRoIGlkPSJwYXRoMzU0IiBkPSJNNDk0LjYyMiwzOS44Njl2MTUuN2gxMi41NTZWNjguMTJINDk0LjYyMlY5My4yMzJjMCw0LjcwOSwyLjYxNiw2LjI3OCw2LjgsNi4yNzgsMi42MTYsMCw1LjIzMi0uNTIzLDYuOC0yLjA5M3YxNC4xMjZjLTIuMDkzLDEuMDQ2LTYuMjc4LDEuNTctMTAuNDYzLDEuNTctMTEuNTEsMC0xOC44MzQtNS43NTUtMTguODM0LTE4LjMxMVY2OC4xMmgtOC44OTRWNTUuNTY0aDguODk0di0xNS43WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM1Mi44NDIgLTI5LjkyOSkiIGZpbGw9IiNmZmYiLz4KICA8cGF0aCBpZD0icGF0aDM1MiIgZD0iTTEwNDguMDk0LDQuMkMxMDgxLjU3Nyw0LjIsMTA5NS43LDIyLjUwOCwxMDk1LjcsNDVzLTE0LjEyNiw0MC44MDctNDcuNjA5LDQwLjgwN2gtMTMuNlY0LjJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzc2LjU2OCAtMy4xNSkiIGZpbGw9IiNmZmYiLz4KICA8cGF0aCBpZD0icGF0aDM1MCIgZD0iTTc0MC42MjUsMGExOS44OCwxOS44OCwwLDEsMCwxOS44OCwxOS44ODFBMTkuODcyLDE5Ljg3MiwwLDAsMCw3NDAuNjI1LDBabTAsNDcuMDg1Yy0xOC4zMTEsMC0zMy40ODMsMTAuNDY0LTM1LjU3NiwzNS41NzZoNzEuNjc1Qzc3NC42MzEsNTcuNTQ5LDc1OS40NTksNDcuMDg1LDc0MC42MjUsNDcuMDg1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUyOS4yNjMpIiBmaWxsPSIjZmZmIi8+CiAgPHBhdGggaWQ9InBhdGgzNDgiIGQ9Ik0xNS4xNzIsMTYuNzg3LDM5LjIzOCw1My45MzIsNjIuNzgxLDE2Ljc4N0g3Ny45NTNWOTUuMjYzSDYxLjczNFY0NC41MTVMMzkuNSw3OGgtLjUyM0wxNi4yMTgsNDQuNTE1Vjk1LjI2M0gwVjE2Ljc4N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEyLjYwMikiIGZpbGw9IiNmZmYiLz4KICA8cGF0aCBpZD0icGF0aDM0NiIgZD0iTTM3NC41MzIsMGE5LjQxNyw5LjQxNywwLDEsMCw5LjQxNyw5LjQxN0E5LjM3OCw5LjM3OCwwLDAsMCwzNzQuNTMyLDBabS03Ljg0NywyNS42MzZWODIuNjYxaDE1LjdWMjUuNjM2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3NC4wODMpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=);
    --key-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NC4zOTIiIGhlaWdodD0iMjcuMjc5IiB2aWV3Qm94PSIwIDAgNTQuMzkyIDI3LjI3OSI+CiAgPHBhdGggZD0iTTguMjMyLDM1LjQ0QTEzLjYwOCwxMy42MDgsMCwwLDEsNC4zNjQsMjMuNTczYTEzLjI2NywxMy4yNjcsMCwwLDEsNC42Ni04LjE4NSwxMy42NCwxMy42NCwwLDAsMSwyMC44NjcsNEg1Mi4xNTJsNi40MjcsNi40Mi02LjQyNyw2LjQyMUgyOS44OTFhMTMuNDE3LDEzLjQxNywwLDAsMS0yLjM3OCwzLjIwOSwxMy42NDIsMTMuNjQyLDAsMCwxLTE5LjI4MSwwWm03LjMzNy0xOS45NzhhMTAuMTM5LDEwLjEzOSwwLDAsMC01LjQ1MywzLjExNCwxMC41ODgsMTAuNTg4LDAsMCwwLDQuNTQyLDE3LjM3OCwxMC44MTksMTAuODE5LDAsMCwwLDEyLjY4My01LjM5MmwuNzA4LTEuMzI3aDEuODJMNTAuOSwyOS4ybDMuNC0zLjM5Mi0zLjQtMy4zOTFINDYuMTY0djIuOTUzSDQzLjE0MlYyMi40MThIMzkuNzM2djIuOTUzaC0zLjAybC0uMDMyLTIuOTg2SDI4LjA1bC0uODU3LTEuNjA1YTEwLjU5MywxMC41OTMsMCwwLDAtMTEuNjI0LTUuMzE4Wk0xMy41ODgsMjcuOTVhMy4wMzIsMy4wMzIsMCwxLDEsMi4xNDIuODg2QTMuMDI2LDMuMDI2LDAsMCwxLDEzLjU4OCwyNy45NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00LjE4NyAtMTIuMTUxKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K);
    --heading: 'Login';
    --info-text: 'Her kan du benytte dit MitID til at logge ind. Har du modtaget en mail med en adgangskode, kan du benytte Ikke-MitID login.';
}

#TangoraLoginSelectors:before
{
    content: var(--heading);
    font-weight: normal;
    font-family: "Nunito Bold";
    font-size: 24px;
    line-height: 1.2;
    color: var(--dark_cornflower_blue);
    font-weight: 300;
    display: block;
    margin-block-end: 1em;
    text-align: center;
}

#TangoraLoginSelectors > div:first-child:before
{
    content: var(--info-text);
    display: block;
    text-align: center;
    margin-block-end: 1em;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#TangoraLoginSelectors a
{
    color: #ffffff;
    background-color: rgb(0, 96, 230);
    padding: 15px;
    display: block;
    border-radius: 4px;
    min-width: 250px;
    width: 100%;
    font-weight: 400;
    /*font-family: 'IBM Plex Sans Semibold', sans;*/
    transition-delay: 0s, 0s, 0s, 0s;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
    transition-property: color, background-color, border-color, box-shadow;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    background-repeat: no-repeat;
    background-size: 60px auto;
    background-position: 15px 50%;
    /*background-color: #838588;*/
    background-color: var(--dark_cornflower_blue);
}

#TangoraLoginSelectors > div > div:not(:last-child) a
{
    margin-block-end: 1em;
}

#TangoraLoginSelectors a:HOVER,
#TangoraLoginSelectors a:FOCUS
{
    color: #ffffff;
    background-color: #004bb3;
    text-decoration: none;
}

#TangoraLoginSelectors a[onclick~="SelectLoginType(1)"]
{
    background-image: var(--mitid-logo);
    padding-left: 90px;
    background-repeat: no-repeat;
    background-size: 60px auto;
    background-position: 15px 50%;
    background-color: rgb(0, 96, 230);
}

#TangoraLoginSelectors a[onclick~="SelectLoginType(-178)"]
{
    background-image: var(--key-icon);
    padding-left: 90px;
    background-size: auto 20px;
    background-position: 25px 50%;
}

#TangoraLoginSelectors a:HOVER,
#TangoraLoginSelectors a:FOCUS
{
    color: #ffffff;
    background-color: var(--indigo_dye);
    text-decoration: none;
}
/* RESOURCE #84 END */