:root {
    --primary: #0e3a2f;
    --primary2: #78faae;

    --secondary: #394748;
    --secondary2: #6f797a;
    --secondary3: #a0a7a8;
    --secondary4: #cacecf;
    --secondary5: #e3e5e6;
    --secondary6: #f1f2f2; /* digital use only */

    --tertiary: #f15252;
    --tertiary2: #0961a1;
    --tertiary3: #1ed4df;
    --tertiary4: #faeb67;
    --tertiary5: #f7b046;

    --primary2hover: #a8ffcc;
}

@font-face {
    font-family: "SKODA Next Light";
    src: url("../../fonts/SKODANext-Light/SKODANext-Light.woff2") format("woff2"),
    url("../../fonts/SKODANext-Light/SKODANext-Light.woff") format("woff"),
    url("../../fonts/SKODANext-Light/SKODANext-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

::selection {
    background-color: var(--primary2);
    color: var(--secondary);
}

body {
    font-family: 'Skoda Next Light', Verdana, Sans-Serif, Arial, "Arial CE", "Helvetica CE", sans-serif;
    font-size: 16px;
    line-height: 1.7rem;
    color: var(--secondary);
    margin: 0;
    background-color: var(--secondary6);
}

h1 {
    font-weight: bold;
    font-size: 18px;
    color: var(--primary);
    margin-bottom: 16px;
}

h2 {
    font-weight: bold;
    font-size: 1.25rem;
    color: var(--secondary);
}

h3 {
    color: var(--secondary);
    font-size: 1rem;
}

h4 {
    font-weight: bold;
    font-size: large;
    color: var(--secondary);
}

i {
    padding: 4px;
}

a {
    text-decoration: none;
    color: var(--secondary);
    align-self: center;
}

a[href]:not([disabled]):not(:empty):not(.divindexbox):not(.labelLink):not([title]):not(.loginButton)::before, .divservicetitlelegend label::before {
    content: '';
    background-color: var(--primary2);
    position: absolute;
    left: 3%;
    bottom: 1px;
    width: 95%;
    height: 6px;
    z-index: -1;
    transition: all .1s ease-in-out;
}

a[href]:not([disabled]):not(:empty):not(.divindexbox):not(.labelLink):not([title]):not(.loginButton):not(.anchorgrid):hover::before, .divservicetitlelegend label:hover::before, td.tdgrid:has(a.anchorgrid):hover::before, td.tdgridfirst:has(a.anchorgrid):hover::before {
    left: -1px;
    bottom: 0;
    height: 100%;
    width: calc(100% + 2px);
}

a[href]:not([disabled]):not(:empty):not(.divindexbox):not([title]), .divservicetitlelegend label, .tablepaging span, td.tdgrid:has(a.anchorgrid), td.tdgridfirst:has(a.anchorgrid), .anchorgrid {
    position: relative;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 700;
}

a[id*='anchorDealerWebSite'] {
    text-decoration: none;
}

td.tdgrid:has(a.anchorgrid)::before, td.tdgridfirst:has(a.anchorgrid)::before {
    content: '';
    position: absolute;
    left: 3px;
    bottom: 1px;
    width: 95%;
    height: 6px;
    z-index: -1;
    transition: all .1s ease-in-out;
}

td.tdgrid:has(a.anchorgrid):hover::before, td.tdgridfirst:has(a.anchorgrid):hover::before {
    background-color: var(--primary2);
}

.tdgrid a {
    display: inline-block;
}

table[title*='Kalender'] a, table[title*='Calendar'] a {
    background-color: transparent !important;
}

select {
    outline: none;
    font-size: 1rem;
    border-radius: 2px;
    border-color: rgba(0, 0, 0, 0.16);
}

.fontButtons {
    cursor: default;
}
.fontButtons button {
    border: none;
    background-color: inherit;
    padding: 4px;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 1rem;
}

.fontButtons button:not([disabled]) {
    cursor: pointer;
    border: 1px solid var(--secondary);
    border-radius: 22px;
    min-width: 25px;
}

.fontButtons button:not([disabled]):hover {
    color: var(--secondary);
    background-color: var(--primary2);
    transition: 0.25s all cubic-bezier(0, 0, 0, 1);
}

td.tdgrid img, .signatures img {
    object-fit: cover;
    max-width: 100px;
    max-height: 100px;
    outline: 1px solid var(--primary);
    border-radius: 2px;
}

img[src=''] {
    display: none;
}

td.tdgrid img.fa-solid.fa-check, .iconlegend.fa-solid.fa-check {
    color: var(--primary);
}

td.tdgrid img.fa-solid.fa-spinner, .iconlegend.fa-solid.fa-spinner {
    color: var(--tertiary5);
}

td.tdgrid img.fa-solid.fa-xmark, .iconlegend.fa-solid.fa-xmark {
    color: var(--tertiary);
}


th {
    font-weight: 500;
}

.u_link {
    cursor: pointer;
}

input, .divloginbox a {
    font-size: 1rem;
    text-align: center;
    color: var(--secondary);
    font-family: inherit;
    margin: 2px;
    accent-color: var(--primary);
}

input:not([type='submit']) {
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--primary);
}

input[type='submit'], .divloginbox a {
    outline: none;
    cursor: pointer;
    font-weight: 700;
    border: 1px solid var(--secondary);
    border-radius: 22px;
    background-color: var(--primary2);
    padding: 6px;
    transition: background-color .15s linear;
    min-width: 60px;
    min-height: 30px;
}

input[type='submit']:hover, .divloginbox a:hover {
    background-color: var(--primary2hover);
    transition: background-color .15s linear;
}

input {
    background-color: transparent;
}

.radioButtonGroup{
    padding: 8px;
}

.flex {
    display: flex;
}

.flex-nowrap {
    flex-wrap: nowrap;
    white-space: nowrap;
}

.imgheader {
    border-width: 0;
    display: block;
}

.icon {
    border: 0px;
    margin: 0px 0 0 5px;
    padding-top: 2px;
    cursor: pointer;
}

.divwelcometitle {
    font-weight: normal;
    font-size: 1.25rem;
    margin-left: auto;
}

.warning {
    color: red;
    border: 1px solid red;
    text-align: center;
}

.divservice {
    padding: 6px 6vw;
}

.centerService {
    margin: 16px auto 16px auto;
}

.divservice.warning {
    margin-left: 5%;
    margin-right: 5%;
}

div.hr {
    height: 1px;
    border-bottom: 1px solid var(--secondary4);
    width: 98%;
    margin: 6px auto;
}


/***************************** Login *************************************/
.divlogin {
    width: 575px;
    height: 87px;
    background: url(../../skins/MR/image/logindivbackground.jpg) no-repeat;
    margin: 0 0 0 25px;
    padding: 0 0 0 8px;
}

.divlogintitle {
    float: left;
    font-size: 12px;
    width: 242px;
    margin: 20px 27px 4px 0;
}

.divlogininput {
    float: left;
    margin: 0 27px 0 0;
    width: 242px;
    font-size: 11px;
}

.divlogininput input {
    font-size: 11px;
    padding-left: 3px;
}

.inputtextlogin {
    width: 240px;
}

.imgloginbuttonhelp {
    border: 0px;
    float: left;
    margin: 7px 9px 0 0px;
}

/****************************************Main Table************************************************/
.pageContainer {
    border-spacing: 0;
}

.pagecontainer div[align='center'] {
    padding: 0 0 0 70px;
}

.tablemain {
    width: 1100px;
    margin: 0 auto 0 auto;
}

.tablemain_flex {
    width: 100%;
    border: solid;
    margin: 0 auto 0 auto;
    align-items: center;
    align-content: center;
    align-self: center;
}

.tdfixwidth {
    width: 1100px;
    border: solid;
}

.tdfirst {
    height: 51px;
    border-top: 0px solid var(--secondary5);
    border-left: 0px solid var(--secondary5);
    border-right: 0px solid var(--secondary5);
    display: none;
}

.tdtranspa {
    background-color: transparent;
}

.tdsecond {
    display: flex;
    /*background-color: var(--secondary5);*/
    border-left: 1px solid var(--secondary5);
    border-right: 1px solid var(--secondary5);
    vertical-align: middle;
    justify-content: space-between;
    font-size: 1.25rem;
}

.tdfooter {
    height: 100%;
    vertical-align: top;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    background-color: #ffffff;
}

.tdcon {
    background-color: #ffffff;
    height: 289px;
    vertical-align: top;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
}

.divbuttonfooter {
    background: url(../../skins/MR/image/footerbutton2.jpg);
    background-repeat: no-repeat;
    width: 81px;
    float: left;
    margin: 14px 20px 14px 0px;
    padding: 2px 0 2px 14px;
    color: var(--primary);
    font-size: 12px;
    text-decoration: none;
}

.divfooterleftspacer {
    float: left;
    width: 30px;
}

.divcopyright {
    color: var(--primary);
    font-size: 0.75rem;
    margin: 14px 0 14px 302px;
    float: left;
}

.divDistanceTop {
    margin-top: 48px;
}

.divfooter {
    padding: 2vh 24px 8px 24px;
    font-size: 0.875rem;
    text-align: center;
    font-weight: 700;
}

.divfooter a, .divfooter a::before, divfooter a:hover::before {
    background-color: transparent !important;
    border: none !important;
}

.copyrightgrey {
    float: right;
    position: relative;
}

.divfooter a:hover {
    color: var(--primary);
    text-decoration: none;
    background-color: transparent;
    transition: 0.25s all cubic-bezier(0, 0, 0, 1);
}

/***********************Service Table******************************************************************/

.fitWidth {
    min-width: fit-content;
}

.card {
    width: 90%;
    min-width: min-content;
    margin: 3vh auto 3vh auto;
}

.cardBorder {
    border: 1px solid var(--primary);
}

.cardBorderBlack {
    border: 1px solid var(--secondary);
}

.cardBorderRed {
    border: 1px solid var(--tertiary);
}

.cardMarginTop {
    margin-top: 30px;
}

.cardMarginBottom {
    margin-bottom: 30px;
}

.cardPaddingBottom {
    padding-bottom: 30px;
}

.gridContainer {
    padding: 6px 6vw;
    display: grid;
}

.gridBoxes {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.gridForms {
    grid-template-columns: repeat(1, 550px);
}

.gridForms .data input {
    width: 300px;
}

.gridContainer.gridForms > .flex {
    justify-content: end;
}

.gridForms .flex input[type='submit'] {
    text-align: end;
}

.tdtableserviceright {
    vertical-align: top;
    width: 260px;
}


.tableservice_flex {
    width: 1100px;
    margin: 8px 5px 0 5px;
    background-color: #ffffff;
}

.tdtableservice_flex {
    vertical-align: top;
}

.divheader {
    background: url(../../skins/MR/image/serviceheaderclosed.jpg);
    background-repeat: no-repeat;
    width: 536px;
    height: 28px;
    padding: 9px 0 0 40px;
    margin: 16px 10px 0 25px;

}

.divheaderopen {
    background: url(../../skins/MR/image/serviceheaderopen.jpg);
    background-repeat: no-repeat;
    width: 536px;
    height: 24px;
    padding: 9px 0 0 40px;
    margin: 16px 10px 0 25px;

}

.divcontainer {
    margin: 0px 0 0 25px;
    width: 576px;
}

.divservicemessage {
    padding: 10px 0 10px 10px;
    width: 563px;
    border-bottom: 1px solid var(--secondary6);
    border-left: 1px solid var(--secondary6);
    border-right: 1px solid var(--secondary6);
    margin: 0 0 0 0;
    font-weight: normal;
    font-size: 12px;
    color: var(--secondary);

}

.welcomemessage {
    padding: 16px 8vw 12px 8vw;
    margin: 0;
    text-align: center;
    font-weight: bold;
    color: var(--secondary);
}

.divindexbox {
    height: 110px;
    margin: 8px;
    padding: 10px;
    font-weight: normal;
    color: var(--secondary);
    border: 1px solid var(--primary);
    text-decoration: none;
    text-align: center;
    border-radius: 2px;
}

.divindexbox:hover {
    color: white;
    background-color: var(--primary);
    transition: 0.25s all cubic-bezier(0, 0, 0, 1);
}

.divloginbox {
    width: 500px;
    height: 200px;
    margin-top: 30vh;
    color: var(--secondary);
}

.divloginbox a {
    padding: 4px 14px;
}

.divloginbox .divservice .flex {
    justify-content: end;
}

.card .flex {
    padding: 8px;
    justify-content: space-between;
}

.card .flex > * {
    margin: 0 8px;
    align-self: center;
}

.card .flex > .label {
    font-weight: bold;
    text-align: right;
}

.paragraphindexbox {
    line-height: 1rem;
    max-height: 80px;
    font-size: 14px;
}

.divindexboxright {
    width: 260px;
    height: 108px;
    float: left;
    margin: 0 0px 15px 0;
    padding: 8px 10px 10px 10px;
    background: url(../../skins/MR/image/welcomeboxbackground.jpg) no-repeat;
    font-weight: normal;
    font-size: 14px;
    color: var(--secondary);
}

.divserviceworkspace {
    padding: 14px 0 24px 2px;
    width: 571px;
    border-left: 1px solid var(--secondary6);
    border-right: 1px solid var(--secondary6);
    margin: 0 0 0 0;
    font-weight: normal;
    font-size: 12px;
    color: var(--secondary);
}

.divserviceworkspacetemplate {
    width: 573px;
    border-left: 1px solid var(--secondary6);
    border-right: 1px solid var(--secondary6);
    margin: 0 0 0 0;
    font-weight: normal;
    font-size: 12px;
    color: var(--secondary);
    padding: 0 0 0 0;
}

.divserviceworkspaceborder {
    padding: 0px 0px 0px 14px;
    width: 559px;
    border-left: 1px solid var(--secondary6);
    border-right: 1px solid var(--secondary6);
    margin: 0 0 0 0;
    font-weight: normal;
    font-size: 12px;
    color: var(--secondary);
}


.divbluearrowlink {
    background: url(../../skins/MR/image/arrowbluenext.gif) no-repeat center left;
    padding: 7px 0 7px 10px;
}

.divbluearrowlink a {
    color: var(--primary);
    text-decoration: none;
}

.divserviceworkspace table td a {
    color: var(--primary);
}


.divservicebottom {
    background: url(../../skins/MR/image/servicefooter.jpg);
    background-repeat: no-repeat;
    width: 576px;
    height: 33px;
}

.divfootercancel {
    margin: 8px 0 0 14px;
    font-size: 11px;
    color: var(--primary);
    text-decoration: none;
    width: 60px;
    display: block;
    float: left;
}

.divfootercancelspacer {
    width: 457px;
    display: block;
    float: left;
}

.imgfooterbuttonok {
    float: left;
    border-width: 0;
    display: block;
    margin: 4px 0 0 0;
}

.divservicetitle {
    font-weight: bold;
    color: var(--primary);
    padding: 4px 8vw;
    vertical-align: bottom;
}

.divwelcometitle, .divservicetoptitle {
    padding: 12px 8px 8px 12px;
    vertical-align: bottom;
    font-size: 1.25rem;
    text-align: end;
    white-space: nowrap;
}

.spanheaderinactive {
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary2);
    margin: auto 0;
    display: block;
    float: left;
    margin: 2px 0 0 0;
    width: 484px;
}

.spanheaderactive {
    font-weight: bold;
    font-size: 14px;
    color: var(--secondary);
    margin: auto 0;
    display: block;
    float: left;
    margin: 2px 0 0 0;
    width: 484px;
}

.imgheader {
    text-align: right;
}

.imgheaderbutton {
    border: 0px;
    margin: 0 8px 0 10px;
    float: left;
}

.imgheaderbuttoncheck {
    border: 0px;
    float: left;
    margin: 0 0 0 auto;
}

.imgheaderbuttonhelp {
    border: 0px;
    float: left;
    margin: 0 9px 0 4px;
}

.divsendingmodeitem {
    margin: 0px 0 0 10px;
    padding: 10px 0 0 0;
    vertical-align: bottom;
}

.select {
    font-size: 11px;
    margin: 0 0 10px 20px;
    padding: 0;
}

.error {
    color: var(--tertiary);
    font-weight: bold;
}

.errordiv {
    color: var(--tertiary);
    font-weight: bold;
    margin-left: 8px;
}

.noerrordiv {
    margin-left: 8px;
}

.diverror {
    display: block;
    position: relative;
    top: 0em;
    left: 0em;
    width: 174px;
    padding: 3px 0 0 0;
}

.imgcalendar {
    margin: 0px 10px -5px 10px;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    border: 0px;
}

.calendar {
    position: absolute;
}

.divnavigation {
    margin: 16px 0 0 25px;
    width: 576px;
    height: 32px;
    border-top: 1px dashed var(--secondary3);
    border-bottom: 1px dashed var(--secondary3);
    padding: 0 0 0 0;
}

.divnavigationback {
    background: url(../../skins/MR/image/arrowback.gif) no-repeat center left;
    padding: 0 0 0 10px;
    float: left;
    margin: 8px 0 0 0;
    width: 60px;
    color: var(--primary);
    font-size: 12px;
    text-decoration: none;
}

.divnavigationbackspacerwithcenter {
    width: 144px;
    float: left;
}

.divnavigationbacknocenter {
    background: url(../../skins/MR/image/arrownext.gif) no-repeat center left;
    padding: 0 0 0 10px;
    float: left;
    margin: 8px 256px 0 0;
    width: 204px;
    color: var(--primary);
    font-size: 12px;
    text-decoration: none;
}


.divnavigationbackgeneral {
    background: url(../../skins/MR/image/arrownext.gif) no-repeat center left;
    padding: 0 0 0 10px;
    margin: 0px 0px 0 0;
    color: var(--primary);
    font-size: 11px;
    text-decoration: none;
    /*float:left;*/
    white-space: nowrap;
}

.divnavigationcenter {
    background: url(../../skins/MR/image/arrownext.gif) no-repeat center left;
    padding: 0 0 0 10px;
    float: left;
    margin: 8px auto 0 auto;
    width: 146px;
    color: var(--primary);
    font-size: 12px;
    text-decoration: none;
}

.divnavigationcenterspacer {
    float: left;
    width: 100px;
}


.divnavigationnext {
    float: right;
    margin: 12px 0px 0px 0px;
    padding: 2px 0px 0px 20px;
    width: 66px;
    height: 16px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: var(--secondary);
    background-color: var(--secondary5);
    cursor: pointer;
    border-style: solid;
    border-width: thin;
    border-color: var(--secondary5);
}

.divnavigationcomment {
    margin: 6px 0 30px 25px;
    width: 568px;
    height: 32px;
    padding: 0 8px 0 0;
    font-size: 12px;
    color: var(--primary);
    text-align: right;
}

.imgtemplate {
    border: 0px;
    margin: 5px 0 5px 5px;
    display: block;
}

.labelAlignment {
    text-align: right;
    align-self: center;
}

.alignmentCenter {
    text-align: center;
    place-items: center;
}

/********************************* Right Table ***************************************/

.tableright {
    width: 255px;
    margin: 16px 0 10px 0;
    border-bottom: 2px solid var(--secondary3);

}

.tdtablerightitem {
    font-size: 11px;
    color: var(--secondary);
    padding: 6px 0 2px 12px;
    height: 20px;
    border-left: 1px solid var(--secondary5);
    vertical-align: top;
}

.tdtablerightitembothgrey {
    font-size: 11px;
    color: var(--secondary);
    padding: 6px 12px 30px 12px;
    height: 20px;
    border-left: 1px solid var(--secondary5);
    border-right: 1px solid var(--secondary5);
}

.tdtablerightitemright {
    font-size: 11px;
    color: var(--secondary);
    padding: 6px 11px 2px 0;
    text-align: right;
    vertical-align: top;
    height: 20px;
    border-right: 1px solid var(--secondary5);
}

.tdtablerightsum {
    font-size: 14px;
    color: var(--secondary);
    font-weight: bold;
    padding-left: 12px;
    height: 30px;
    border-left: 1px solid var(--secondary5);
    border-top: 1px solid var(--secondary5);
    border-bottom: 1px solid var(--secondary5);
}

.tdtablerightsumright {
    font-size: 14px;
    color: var(--secondary);
    font-weight: bold;
    padding-right: 12px;
    text-align: right;
    height: 30px;
    border-right: 1px solid var(--secondary5);
    border-top: 1px solid var(--secondary5);
    border-bottom: 1px solid var(--secondary5);
}

.tdtablerightheader {
    background: url(../../skins/MR/image/tablerightheader.jpg) no-repeat;
    font-weight: bold;
    font-size: 16px;
    color: var(--primary);
    padding-left: 12px;
    height: 30px;
}

.tdtablerightgreyleft {
    border-left: 1px solid var(--secondary5);
}

.divrightsidelinkbutton {
    width: 255px;
    height: 20px;
    background: url(../../skins/MR/image/divlinkbuttonrightside.jpg) no-repeat;
    padding-top: 5px;
}

.spantablerightgreen {
    background: url(../../skins/MR/image/arrownext.gif) no-repeat center left;
    color: #006e41;
    font-size: 12px;
    text-decoration: none;
    margin-left: 10px;
    padding-left: 10px;
}

.signatures {
    padding: 8px;
}

table.tablegrid tr:not([class='tablepaging']):not([class='trgridheadersmal']):nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.04);
}

.tableforms {
    padding-top: 24px;
}

/******************************************* TOP NAVIGATION  ******************************/
/****** FIRST ***/
.divnavfirstblue {
    width: 126px;
    height: 21px;
    float: left;
    margin: 0px 0 0px 30px;
    background: url(../../skins/MR/image/navfirstblue.jpg) no-repeat center left;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 0 0px 15px;
}

.divnavfirstblue a:disabled {
    color: #ffffff;
}

.divnavfirstgreen {
    width: 126px;
    height: 21px;
    float: left;
    margin: 0px 0 0px 30px;
    background: url(../../skins/MR/image/navfirstgreen.jpg) no-repeat center left;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 0 0px 15px;
}

.divnavfirstgreen a {
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
}

/****** MID ******/
.divnavmidgreyblue {
    width: 131px;
    height: 21px;
    float: left;
    margin: 0px 0 0px 0px;
    background: url(../../skins/MR/image/navmidgreyblue.jpg) no-repeat center left;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #7f7f7f;
    padding: 5px 0 0px 18px;
}

.divnavmidgreygrey {
    width: 131px;
    height: 21px;
    float: left;
    margin: 0px 0 0px 0px;
    background: url(../../skins/MR/image/navmidgreygrey.jpg) no-repeat center left;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #7f7f7f;
    padding: 5px 0 0px 18px;
}

.divnavmidbluegreen {
    width: 131px;
    height: 21px;
    float: left;
    margin: 0px 0 0px 0px;
    background: url(../../skins/MR/image/navmidbluegreen.jpg) no-repeat center left;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 0 0px 18px;
}

.divnavmidgreengreen {
    width: 131px;
    height: 21px;
    float: left;
    margin: 0px 0 0px 0px;
    background: url(../../skins/MR/image/navmidgreengreen.jpg) no-repeat center left;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 0 0px 18px;
}

.divnavmidgreengreen a {
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
}

/********* LAST **********/
.divnavlastgreygrey {
    width: 119px;
    height: 21px;
    float: left;
    margin: 0px 22px 0px 0px;
    background: url(../../skins/MR/image/navlastgreygrey.jpg) no-repeat center left;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #7f7f7f;
    padding: 5px 0 0px 18px;
}

.divnavlastgreyblue {
    width: 119px;
    height: 21px;
    float: left;
    margin: 0px 22px 0px 0px;
    background: url(../../skins/MR/image/navlastgreyblue.jpg) no-repeat center left;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 0 0px 18px;
}

.divnavlastbluegreen {
    width: 119px;
    height: 21px;
    float: left;
    margin: 0px 22px 0px 0px;
    background: url(../../skins/MR/image/navlastbluegreen.jpg) no-repeat center left;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    padding: 5px 0 0px 18px;
}

/************************************** Help Div ****************************************************************/

.flyOutDiv {
    visibility: hidden;
    position: absolute;
    width: 540px;
    z-index: auto;
    font-weight: normal;
    font-size: 12px;
    color: var(--secondary);
    border: solid 1px var(--secondary4);
    background-color: #F6F7F9;
    padding: 10px;
    left: 30px;
}

.flyOutDivCloseX {
    background-color: #E5EAED;
    color: #66747F;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    border: solid 1px #FFFFFF;
    padding: 5px;

}


/*******************************  DefaultTemplateRepresentation  ***********************************************************/


.divsamplemail {
    font-size: 11px;
    color: var(--primary);
    text-decoration: none;
    display: block;
    float: none;
    margin-left: 24px;
    margin-top: 2px;
}

.divsamplemail input {
    vertical-align: bottom;

}

.divparentclosed {
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
    color: var(--primary);
    display: block;
    float: left;
    cursor: pointer;
}

.divparentopened {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: var(--primary);
    display: block;
    float: left;
    cursor: pointer;
}

.divparent {
    font-size: 11px;
    color: var(--primary);
    display: block;
    float: left;
    cursor: pointer;
}

.imgtoggle {
    float: left;
    margin-left: 10px;
    margin-right: 6px;
}

.anchoredit {
    font-size: 11px;
    color: var(--primary);
}

.anchoreditlight {
    font-size: 11px;
    color: var(--primary);
}

a.anchoreditred {
    font-size: 11px;
    color: var(--tertiary);
}

.nounderline {
    text-decoration: none;
    color: var(--secondary);
}

/**************************************** Generic Popup ************************************************/
.popupContent {
    padding: 20px;
}

.modalPopupFrame {
    background-color: var(--secondary6);
    animation: slide 0.5s cubic-bezier(0, 0, 0, 1) 0s forwards;
    overflow: hidden;
    box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.6);
}

/**************************************** Modal PopUp **************************************************/

.updateProgress {
    position: absolute;
    width: 50px;
    height: 50px;
}


/********************************************* MBKModalPopupPanel.cs *********************************************/


/********************************************* UDATE PANELS ***********************************************************/

.divupdatepanel {
    overflow: hidden;
    position: relative;
}


/********************************** Footer: to PDF, to Excel, Print   ************************************************/
.divnavigationfooter {
    margin: 16px 0 0 25px;
    width: 840px;
    height: 27px;
    border-top: 1px dashed var(--secondary3);
    border-bottom: 1px dashed var(--secondary3);
    padding: 0 0 0 1px;
    display: block;
    vertical-align: middle;
}

.divfooteritem {
    float: left;
    margin: 6px 23px 0 0;
    color: var(--secondary);
    font-size: x-small;
    padding: 0 0 3px 0;
    font-weight: normal;
}

.iconfooter {
    border: 0px;
    margin: 0px 6px 0 0px;
    padding: 0px 0 0 0;
    cursor: pointer;
    vertical-align: middle;
}


/**********************************************************  Grid table          **************************************/

.tablegrid {
    color: var(--secondary);
    margin-top: 48px;
    margin-bottom: 24px;
    border: none;
    width: 100%;
}

.tablerepeater {
    width: 840px;
    font-size: 11px;
    color: var(--secondary);
    display: block;
}

.trgridheader {
    vertical-align: top;
}

.trgridheadersmal {
    vertical-align: middle;
}

.trgridheader, .trgridheadersmal {
    font-weight: 500;
    font-size: 1.17rem;
    background-color: var(--secondary6);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.trgridalter {
    background-color: rgba(0, 0, 0, 0.04);
}

.tdgridheaderlast {
    padding: 8px;
    text-align: center;
    white-space: nowrap;
}

.tdgridheader {
    border: 1px solid var(--secondary5);
    padding: 8px;
    text-align: center;
    white-space: nowrap;
}

.tdgridheader a {
    color: var(--primary);
    text-decoration: none;
}

.tdgridheaderwrap {
    padding: 8px;
    text-align: center;
}

.tdgridheaderfirst {
    padding: 8px 8px 0 8px;
    white-space: nowrap;
    text-align: center;
}

.tdgridheaderfirst a {
    border: 1px solid var(--secondary6);
    color: var(--primary);
    text-decoration: none;
}

.trgridheader > th > input, .trgridheader > th > a {
    max-width: 120px;
}

.tdgridfirst, .tdgrid {
    border: 1px solid rgba(0, 0, 0, 0.08);
    text-align: left;
    padding: 8px;
}

.tdgrid > .flex:has(:nth-child(1)) {
    justify-content: center;
}

.tdgrid > .flex:has(:nth-child(2)), .tdgrid > .flex:has(:nth-child(3)) {
    justify-content: end;
}

.tdgrid.gridContainer.twoColumns {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
}

table:not(.divservice) .tdgrid:not(:has(table[title='Kalender'])) input:not([type='submit']),
table:not(.divservice) .tdgrid:not(:has(table[title='Calendar'])) input:not([type='submit']){
    max-width: 76px;
    margin: 0;
}

.tdgrid:has(table[title='Kalender']) input, .tdgrid:has(table[title='Calendar']) input{
    max-width: 150px;
}


.tdgrid input[type='image'][disabled] {
    visibility: hidden;
}

.tdgridbeforelast {
    border: 1px solid var(--secondary6);
    text-align: center;
    white-space: nowrap;
    padding: 8px;
}

.divgridworkspacePD {
    padding: 20px 0 24px 0px;
    margin: 0 0 1px 25px;
}

.divgridworkspace2 {
    padding: 0px 0 0px 0px;
    width: 840px;
    margin: 0 0 1px 25px;
}

.divworkspacecontent {
    padding: 6px 0 0px 0px;
    font-weight: normal;
    font-size: 12px;
    color: var(--secondary);
}

.divworkspacecontentgreytoptitle {
    padding: 6px 0 6px 0px;
    border-top: 1px solid var(--secondary4);
    font-weight: normal;
    font-size: 12px;
    color: var(--secondary);
}

.divworkspacecontentgreytop {
    padding: 8px 0 0px 0px;
    border-top: 1px solid var(--secondary4);
    font-weight: normal;
    font-size: 12px;
    color: var(--secondary);
}


.gridicon {
    border: 0px;
    margin: 0px 0 0 0px;
    padding-top: 0px;
}

.gridiconlink {
    border: 0px;
    margin: 0px 0 0 0px;
    padding-top: 0px;
    cursor: pointer;

}


/***************************************** GRID PAGING  *******************************************/

.tableAdditionalNotes {
    padding: 12px;
}

.tablepaging td {
    width: 840px;
    border: none 0px transparent;
}

.tablepaging table {
    margin: 8px 0 6px 0;
    width: 50px;
}

.tablepaging span, .tablepaging a {
    width: 27px;
    height: 16px;
    display: block;
    font-size: 0.875rem;
    text-align: center;
    text-decoration: none;
    line-height: 1rem;
}

.tablepaging span {
    background-color: var(--primary);
    color: #ffffff;
}

.tablepaging a {
    background-color: var(--primary2);
    border: 1px solid var(--secondary);
}

table[title='Kalender'],
table[title='Calendar']{
    max-width: fit-content;
    border: 1px solid lightgrey;
    border-radius: 2px;
    font-size: 1.17rem;
    position: absolute;
    top: 27px;
    left: 0px;
    z-index: 4;
    background-color: var(--secondary6);
    animation: slide 0.5s cubic-bezier(0, 0, 0, 1) 0s forwards;
    overflow: hidden;
    box-shadow: 2px 2px 16px 0px rgba(0, 0, 0, 0.6);
    padding: 4px;
    margin: 16px 0 0 0;
    display: none;
}

*:has(> table[title='Kalender']),
*:has(> table[title='Calendar']){
    position: relative;
}

*:focus-within > table[title='Kalender'],
*:focus-within > table[title='Calendar']{
    display: block;
}
table[title='Kalender']:hover,
table[title='Calendar']:hover {
    border: 1px solid var(--primary);
    border-radius: 4px;
    cursor: pointer;
    transition: 0.15s all cubic-bezier(0, 0, 0, 1);
}

table[title='Kalender'] td:not([colspan='7']):not([style*='width:70%;']):hover,
table[title='Calendar'] td:not([colspan='7']):not([style*='width:70%;']):hover {
    background-color: var(--primary2);
    color: var(--secondary);
    border-radius: 4px;
    outline: 1px solid var(--secondary);
    cursor: pointer;
    transition: 0.15s all cubic-bezier(0, 0, 0, 1);
}

table[title='Kalender'] td[colspan='7'], table[title='Kalender'] th[abbr],
table[title='Calendar'] td[colspan='7'], table[title='Calendar'] th[abbr] {
    background-color: var(--secondary5) !important;
}

table[title='Kalender'] td[colspan='7'] table a,
table[title='Calendar'] td[colspan='7'] table a {
    color: var(--secondary) !important;
}

table[title='Kalender'] td[colspan='7'] table a:hover,
table[title='Calendar'] td[colspan='7'] table a:hover {
    color: var(--secondary) !important;
}

.divpagingof {
    font-weight: bold;
    font-size: 0.875rem;
    color: var(--secondary2);
    margin: 10px 0px 0 0;
    padding: 0 0px 0 0px;
    white-space: nowrap;
    float: left;
    text-align: center;
    display: block;
}

.divpagingbuttonbigleft {
    background: url(../../skins/MR/image/pagingbuttonbig.jpg);
    width: 68px;
    height: 16px;
    font-weight: normal;
    font-size: 11px;
    color: var(--secondary);
    text-align: center;
    padding: 1px 0 0 0;
    margin: 0 4px 0 0;

}

.divpagingbuttonbigright {
    background: url(../../skins/MR/image/pagingbuttonbig.jpg);
    width: 68px;
    height: 16px;
    font-weight: normal;
    font-size: 11px;
    color: var(--secondary);
    text-align: center;
    padding: 1px 0 0 0;
    margin: 0 0 0 4px;

}

.divpagingbuttonsmalinactive {
    background: url(../../skins/MR/image/pagingbuttonsmallinactive.jpg);
    width: 13px;
    height: 16px;
    font-weight: normal;
    font-size: 11px;
    color: var(--secondary);
    text-align: center;
    padding: 1px 0 0 0;
    margin: 0 1px 0 1px;
}

.divpagingbuttonsmalinactive2 {
    background: url(../../skins/MR/image/pagingbuttonsmallinactive2.jpg);
    width: 20px;
    height: 16px;
    font-weight: normal;
    font-size: 11px;
    color: var(--secondary);
    text-align: center;
    padding: 1px 0 0 0;
    margin: 0 1px 0 1px;
}

.divpagingbuttonsmalinactive3 {
    background: url(../../skins/MR/image/pagingbuttonsmallinactive3.jpg);
    width: 27px;
    height: 16px;
    font-weight: normal;
    font-size: 11px;
    color: var(--secondary);
    text-align: center;
    padding: 1px 0 0 0;
    margin: 0 1px 0 1px;
}


.divpagingbuttonsmalactive {
    background: url(../../skins/MR/image/pagingbuttonsmallactive.jpg);
    width: 13px;
    height: 16px;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    padding: 1px 0 0 0;
    margin: 0 1px 0 1px;
}

.divpagingbuttonsmalactive2 {
    background: url(../../skins/MR/image/pagingbuttonsmallactive2.jpg);
    width: 20px;
    height: 16px;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    padding: 1px 0 0 0;
    margin: 0 1px 0 1px;
}

.divpagingbuttonsmalactive3 {
    background: url(../../skins/MR/image/pagingbuttonsmallactive3.jpg);
    width: 27px;
    height: 16px;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    padding: 1px 0 0 0;
    margin: 0 1px 0 1px;
}


/************************************************* LEGEND ******************************************/

.divservicetitlelegend {
    color: var(--secondary);
    text-align: center;
    margin-top: -16px;
    margin-left: 8px;
    padding: 4px;
    width: fit-content;
    background-color: var(--secondary6);
}

.divservicetitlelegend.red {
    color: var(--tertiary);
}

.divservicetitlelegendleft {
    font-size: large;
    color: var(--secondary2);
    margin: 0px 0 0px 0px;
    float: left;
}

.divlegend {
    font-size: 0.85rem;
    text-align: right;
    color: var(--secondary);
    float: right;
    width: 440px;
}

.spanlegend {
    vertical-align: top;
}

.iconlegend {
    vertical-align: text-bottom;
    margin-left: 15px;
}


/************************************************ TAB  *******************************************/

.tabactive {
    font-weight: bold;
    font-size: 12px;
    color: var(--primary);
    width: 90px;
    height: 19px;
    background: url(../../skins/MR/image/tabactive.jpg);
    float: left;
    padding: 8px 0 0 10px;
}

.tabinactive {
    font-weight: normal;
    font-size: 12px;
    width: 92px;
    height: 19px;
    padding: 4px 0 0 10px;
    background: url(../../skins/MR/image/tabinactive.jpg);
    float: left;
}


/**********************************************     SEARCH BOX    ***************************************************************/

.divsearchshort {
    border: 1px solid var(--secondary4);
    background-image: url(../../skins/MR/image/serachboxbackground.jpg);
    background-repeat: repeat-x;
    width: 810px;
    height: 110px;
    margin: 0 0 20px 0;
    padding: 10px 10px 10px 20px;
}

.divsearchlong {
    border: 1px solid var(--secondary4);
    background-image: url(../../skins/MR/image/serachboxbackgroundlong.jpg);
    background-repeat: repeat-x;
    width: 810px;
    height: 160px;
    margin: 0 0 20px 0;
    padding: 10px 10px 10px 20px;
}

.divsearcxhlong {
    border: 1px solid var(--secondary4);
    background-image: url(../../skins/MR/image/serachboxbackgroundxlong.jpg);
    background-repeat: repeat-x;
    width: 810px;
    height: 200px;
    margin: 0 0 20px 0;
    padding: 10px 10px 10px 20px;
}

.divsearcxxhlong {
    border: 1px solid var(--secondary4);
    background-image: url(../../skins/MR/image/serachboxbackgroundxxlong.jpg);
    background-repeat: repeat-x;
    width: 810px;
    height: 250px;
    margin: 0 0 20px 0;
    padding: 10px 10px 10px 20px;
}

.divsearchtitle {
    font-weight: bold;
    font-size: 14px;
    color: var(--primary);
    margin: 0 0 10px 0;
}

.divsearchtitleshort {
    float: left;
    font-weight: bold;
    font-size: 14px;
    color: var(--primary);
    margin: 0 0 10px 0;
    width: 400px;
}

.divsearchpager {
    float: left;
    text-align: right;
    width: 400px;
    margin: 0 0 16px 0;
    font-size: 11px;
}

.anchorsearchpager {
    color: var(--primary);
}

.divsearchdesc {
    float: left;
    font-weight: normal;
    font-size: 11px;
    color: var(--secondary);
    width: 400px;
    margin: 0px 0px 4px 0;
}

.divsearchinput {
    float: left;
    margin: 0 0px 0 0;
    width: 400px;
    font-size: 11px;
}

.inputtextsearch {
    width: 340px;
    border: 1px solid var(--secondary3);
    border-left-style: inset;
    border-top-style: inset;
    color: var(--secondary);
    margin: 0 0 10px 0;
}

.divsearchbutton {
    background: url(../../skins/MR/image/searchbutton.jpg) no-repeat;
    width: 120px;
    height: 19px;
    padding: 3px 0 0 0px;
    margin: 0 0px 8px 623px;
    font-weight: bold;
    font-size: 12px;
    color: var(--secondary);
    cursor: pointer;
    text-align: center;
}

.divsearchbuttonleft {
    width: 120px;
    height: 19px;
    padding: 3px 0px 0px 0px;
    margin: 4px 0px 8px 496px;
    font-weight: bold;
    font-size: 12px;
    background-color: var(--primary);
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    float: left;
    position: relative;
}

.divsearchbuttonright {
    width: 120px;
    height: 19px;
    padding: 3px 0px 0px 0px;
    margin: 4px 0px 8px 8px;
    font-weight: bold;
    font-size: 12px;
    background-color: var(--primary);
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    float: left;
    position: relative;
}

.divsearchbuttonleftalt {
    width: 120px;
    height: 19px;
    padding: 3px 0px 0px 0px;
    margin: 4px 0px 8px 496px;
    font-weight: bold;
    font-size: 12px;
    background-color: var(--primary);
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-table;
}

.divsearchbuttonrightalt {
    width: 120px;
    height: 19px;
    padding: 3px 0px 0px 0px;
    margin: 4px 0px 8px 8px;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    background-color: var(--primary);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-table;
}


/*********************************************** FORM INPUT TABLE ***************************************/

.tableform {
    border-bottom: 1px solid var(--secondary4);
    border-left: 1px solid var(--secondary4);
    border-right: 1px solid var(--secondary4);
    width: 840px;
}

.tableform th {
    padding: 6px 8px 6px 8px;
    text-align: left;
    border-top: 1px solid var(--secondary4);
    border-bottom: 1px solid var(--secondary4);
    background-color: var(--secondary6);
}

.tableform td {
    padding: 6px 8px 6px 8px;
    font-weight: normal;
    font-size: 11px;
    color: var(--primary);
    text-align: left;
}

.inputform {
    width: 221px;
    border: 1px solid var(--secondary3);
    border-left-style: inset;
    border-top-style: inset;
    color: var(--secondary);
    margin: 0 0 0px 0;
}

.selectform {
    width: 223px;
    border: 1px solid var(--secondary3);
    border-left-style: inset;
    border-top-style: inset;
    color: var(--secondary);
    margin: 0 0 0px 0;
}

.checkform {
    vertical-align: middle;
}


.tableform .tdgap {
    width: 40px;
}

.tableform .tdpaddingleft101 {
    padding-left: 101px;
}

.fontbold {
    font-weight: bold;
    white-space: nowrap;
}

.tableform .data {
    width: 200px;
}

.tableform .center {
    text-align: center;
}

.tableform .imgsignature {
    padding: 4px 8px 12px 8px;
}

.spanhighlight {
    font-weight: bold;
}

.center {
    text-align: center;
}

.referenceData a {
    text-decoration: none;
}
.divbutton {
    width: 80px;
    height: 19px;
    padding: 3px 0 0 0;
    margin: 8px 0 0 0;
    font-weight: bold;
    font-size: 12px;
    background-color: var(--primary);
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: block;
}

.divbuttonfloatright {
    width: 100px;
    height: 19px;
    padding: 3px 0 0 0;
    margin: 8px 0 0 0;
    font-weight: bold;
    font-size: 12px;
    background-color: var(--primary);
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: block;
    float: right;
}

.divbuttonfloatleft {
    width: 100px;
    height: 19px;
    padding: 3px 0 0 0;
    margin: 8px 0 0 0;
    font-weight: bold;
    font-size: 12px;
    background-color: var(--primary);
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: block;
    float: left;
}

.divformspacer {
    width: 100%;
    border-bottom: 1px solid var(--secondary4);
}

.divnocolumnsframe {
    padding: 24px 0 0 12px;
    margin: 0 0 12px 0;
}

.divbuttonback {
    padding: 6px;
    margin-top: 4px;
    margin-left: 4px;
    font-weight: 700;
}

.tdactiondetails {
    padding-bottom: 5px;
}

.spanblue {
    color: var(--primary);
}

.spanbluebold {
    color: var(--primary);
    font-weight: bold;
}

.buttonactioncommit {
    background: url(../../skins/MR/image/searchbuttonbackground.jpg) repeat-x;
    border-left: 2px solid var(--secondary3);
    border-right: 2px solid var(--secondary3);
    height: 19px;
    padding: 3px 6px 0 6px;
    margin: 4px 0px 8px 8px;
    font-weight: bold;
    color: var(--secondary);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    position: relative;
    float: right;
}


/****************  Follow Up ***********************/

.divformheader {
    position: relative;
    float: left;
    background-color: var(--secondary5);
    padding: 4px;
    color: var(--primary);
    font-size: 14px;
    font-weight: bold;
    margin: 16px 0px 10px 0px;
    vertical-align: sub;
}

.divformheaderspacer {
    position: relative;
    float: left;
    height: 50px;
    width: 20px;
}

.divform {
    position: relative;
    float: left;
    height: 32px;
    padding-top: 3px;
    border-bottom: 1px solid var(--secondary5);
    vertical-align: text-bottom;
}

.divformspacer {
    position: relative;
    float: left;
    height: 24px;
    width: 20px;
    border-bottom: 1px solid #fff;
}

.greytext {
    color: var(--secondary3);
}

.formRow td:first-of-type {
    text-align: right;
    width: 36%;
}

.formRow input {
    width: 300px;
}
/***************************** ProfileDetailsPrint.aspx ****************************************************/
.page {
    background: url(../../skins/SFWN/image/PrintHeader.png) top no-repeat;
    position: relative;
    height: 1090px;
    width: 840px;
    padding: 168px 0px 0px 0px;
    margin: 0px 30px;
}

.footer {
    height: 16px;
    width: 838px;
    position: absolute;
    bottom: 0px;
}

span.edit-info {
    background: url(../../skins/SFWN/image/exclamation.gif) no-repeat 0% 0%;
    padding-left: 18px;
    display: block;
    margin: 10px 0 10px 0;
    color: var(--secondary2);
    line-height: 15px
}

span.tslc-info {
    background: url(../../skins/SFWN/image/accept.gif) no-repeat 0% 0%;
    padding-left: 18px;
    display: block;
    margin: 10px 0 10px 0;
    font-size: 11px;
    color: var(--secondary2);
    line-height: 15px
}

input.hide {
    border: none;
    visibility: hidden;
}


.rb_c input[type=radio]:checked {
    background: var(--secondary5);
    color: var(--primary);
    box-shadow: none;
}

.rb_c input[type="radio"] {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.rb_c label {
    border: 1px solid var(--secondary);
    padding: 0.5em;
}

.rb_c input:checked + label {
    background: rgba(0, 0, 0, 0.08);
    box-shadow: none;
}