/*******************************************************************************************************/
/*** CSS File für Suva Version                                                                ***/
/*******************************************************************************************************/

@font-face {
    font-family: "Frutiger LT W01_47 Light Cond";
    src: url("../../Images/Publica/Kunde/Fonts/1475766/d081ebc4-72ee-49ad-94a1-b3cd3e01e2a1.woff2") format("woff2"),url("Fonts/1475766/e4b55b70-bcab-4701-b1ce-3cd09b3c8077.woff") format("woff");
}

@font-face {
    font-family: "Frutiger LT W01_57 Condensed";
    src: url("../../Images/Publica/Kunde/Fonts/1475770/5995e4b5-97ff-4823-bebb-dc150282a2cf.woff2") format("woff2"),url("Fonts/1475770/bd26bfea-b97f-4b32-b5f6-504be0b1938d.woff") format("woff");
}

@font-face {
    font-family: "Frutiger LT W01_67 Bold Cond";
    src: url("../../Images/Publica/Kunde/Fonts/1475778/4c4ee705-e593-4456-988d-03a5a2594534.woff2") format("woff2"),url("Fonts/1475778/e728739a-5d86-4213-9f4f-73394eff3d19.woff") format("woff");
}

/*******************************************************************************************************/
/*** CSS By Klassen                                                                                  ***/
/*******************************************************************************************************/

html, body {
    background-color: white;
    background: none;
}

.PageTitelTable {
    padding-top: 50px;
}

.PageTitle {
    font-size: 36px;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    font-weight: 300;
    color: #399dc4;
}

.TableCellBeforeTitel {
    min-width: 80px;
}

.TableCellHeaderTitel {
    min-width: 400px;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    font-size: 20px;
}

.TextImageTop {
    margin-top: 27px;
}

.PanelPage {
    margin: 0 auto;
    background-color: white;
    width: 100%;
    box-shadow: 0 0 20px white;
}

.UnitsTextBoxC1 {
    font-family: Frutiger LT W01_47 Light Cond,,Arial, Ebrima, sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    color: black;
}

.TableCellHeaderLeft {
    width:200px;
    display: table-cell !important;
}

.TableCellHeaderMiddle {
    display: table-cell !important;
}

.TableCellHeaderRight {
    display: table-cell !important;
}

.UnitsTextBoxC2 {
    font-family: Arial, Ebrima, sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    color: black;
}

.UnitsTextBoxC3 {
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    color: black;
}

.PageSection {
    border: 1px solid #EAEAEA;
}

.TextBold {
    font-size: 18px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    font-weight: bold;
    color: black;
}

.Text {
    font-size: 18px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
}

.HilfeText {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
}

.TextLabel {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
}

.TextSmall {
    font-size: 12px;
    line-height: normal;
    display: block;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
}

.TextNonBlock {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
}

.TextBox {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    background-color: #F3F4F5;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.TextBoxError {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    background-color: #F3F4F5;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.TextBoxDisabled {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.TextBoxLong {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    background-color: #F3F4F5;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.TextBoxLongError {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    background-color: #F3F4F5;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.TextBoxLongDisabled {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.TextBoxAlt {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    background-color: #F3F4F5;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.TextBoxAltError {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    background-color: #F3F4F5;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.TextBoxAltDisabled {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    background-color: #CECECE;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.DropDownList {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    width: 180px;
    background-color: #F3F4F5;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.DropDownListError {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    width: 180px;
    background-color: #F3F4F5;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.DropDownListDisabled {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    width: 180px;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.DropDownListLong {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    width: 180px;
    background-color: #F3F4F5;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.DropDownListLongError {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    width: 180px;
    background-color: #F3F4F5;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.DropDownListLongDisabled {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
    width: 180px;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    padding: 0.3em;
    margin: 0.3em 0 0 0;
}

.ButtonDefault {
    border: 0px;
    width: 170px;
    height: auto;
    padding: 15px;
    font-family: Frutiger LT W01_57 Condensed, Arial, Ebrima, sans-serif;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    background-color: #399dc4;
    cursor: pointer;
    z-index: 100;
    margin: 1em 0;
}

    .ButtonDefault:active {
        background-color: #399dc4cc;
    }

    .ButtonDefault:hover {
        background-color: #399dc480;
        color: #ffffff;
    }

.ButtonDefaultSmall {
    border: 0px;
    width: 100px;
    height: auto;
    padding: 15px;
    font-family: Frutiger LT W01_57 Condensed, Arial, Ebrima, sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    background-color: #399dc4;
    cursor: pointer;
    z-index: 100;
    margin: 1em 0;
}

    .ButtonDefaultSmall:active {
        background-color: #A0EFC0;
    }

    .ButtonDefaultSmall:hover {
        background-color: #06A02C;
        color: #ffffff;
    }

.ButtonNormal {
    border: 0px;
    width: 170px;
    height: auto;
    padding: 15px;
    font-family: Frutiger LT W01_57 Condensed, Arial, Ebrima, sans-serif;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    background-color: #399dc4;
    cursor: pointer;
    z-index: 100;
    margin: 1em 0;
}

    .ButtonNormal:active {
        background-color: #399dc4cc;
    }

    .ButtonNormal:hover {
        background-color: #399dc480;
        color: #ffffff;
    }

.ButtonNormalSmall {
    border: 0px;
    width: 120px;
    height: auto;
    padding: 15px;
    font-family: Frutiger LT W01_57 Condensed, Arial, Ebrima, sans-serif;
    font-weight: 700;
    color: black;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    background-color: #F3F4F5;
    cursor: pointer;
    z-index: 100;
    margin: 1em 0;
}

    .ButtonNormalSmall:active {
        background-color: #A0EFC0;
    }

    .ButtonNormalSmall:hover {
        background-color: #06A02C;
        color: #ffffff;
    }

.ButtonDefaultCross {
    border: 0px;
    width: 100px;
    height: auto;
    padding: 15px;
    font-family: Frutiger LT W01_57 Condensed, Arial, Ebrima, sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    background-color: #399dc4;
    cursor: pointer;
    z-index: 100;
    margin: 1em 0;
}

    .ButtonDefaultCross:active {
        background-color: #399dc4cc;
    }

    .ButtonDefaultCross:hover {
        background-color: #399dc480;
        color: #ffffff;
    }

.ButtonDefaultLong {
    border: 0px;
    width: 220px;
    height: auto;
    padding: 15px;
    font-family: Frutiger LT W01_57 Condensed, Arial, Ebrima, sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    background-color: #399dc4;
    cursor: pointer;
    z-index: 100;
    margin: 1em 0;
}

    .ButtonDefaultLong:active {
        background-color: #A0EFC0;
    }

    .ButtonDefaultLong:hover {
        background-color: #06A02C;
        color: #ffffff;
    }

.ButtonDefaultLongHelper {
    border: 0px;
    width: 220px;
    height: auto;
    padding: 15px;
    font-family: Frutiger LT W01_57 Condensed, Arial, Ebrima, sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    background-color: #399dc4;
    cursor: pointer;
    z-index: 100;
    margin: 1em 0;
}

    .ButtonDefaultLongHelper:active {
        background-color: #A0EFC0;
    }

    .ButtonDefaultLongHelper:hover {
        background-color: #06A02C;
        color: #ffffff;
    }


.CollapsiblePanelExtenderButton {
    border: 0px;
    font-family: Frutiger LT W01_57 Condensed, Arial, Ebrima, sans-serif;
    font-weight: 700;
    color: black;
    font-size: 16px;
    background-color: #399dc4;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .CollapsiblePanelExtenderButton:hover {
        color: #ffffff;
    }

.CollapsiblePanelExtenderButtonTargetGrau {
    background-color: #EAEAEA;
    padding: 10px;
}

.CollapsiblePanelExtenderButtonText {
    font-size: 16px;
    line-height: normal;
    font-family: Frutiger LT W01_67 Bold Cond, Arial, Ebrima, sans-serif;
    display: block;
    color: white;
    vertical-align: middle;
    font-weight: normal;
}

.PanelBorderNormal {
    border: 1px solid #EAEAEA;
}

.PanelNormal {
    background-color: #EAEAEA;
    padding: 5px;
}

.PanelDefault {
    background-color: #EAEAEA;
}

.PanelLanguage {
    background-color: #399dc4;
    color: white;
}

.PanelLeft img {
    width: 170px;
}

.HrClass {
    border: 1px solid #e8e8e8;  
}

.ModalPopup {
    max-width: 850px;
    width: calc(100vw - 50px); /* 100% von den Viewport minus 50px */
}

.ModalPopupContent {
    max-height: calc(100vh - 225px); /* 100% von den Viewport minus 120px */
}

.UpdateProgress {
    font-size: 16px;
    font-family: Arial, Ebrima, sans-serif;
}

.HyperLink {
    font-size: 16px;
    line-height: 1.6em;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: black;
}

    .HyperLink:active {
        color: #06A02C;
    }

    .HyperLink:hover {
        color: #06A02C;
    }

.HyperLinkSmall {
    font-size: 14px;
    line-height: 1.6em;
    display: block;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: #04962D;
}

.ButtonLanguage {
    font-size: 14px;
    line-height: 1.6em;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: white;
}

.RadioButtonOnWhite wrapper {
    width: 500px;
    margin: 50px auto;
}


.RadioButtonOnWhite radio label:before {
    border-radius: 8px;
}

.RadioButtonOnWhite checkbox label {
    margin-bottom: 10px;
}

.checkbox label:before {
    border-radius: 3px;
}

.RadioButtonOnWhite label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    line-height: 20px;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: #575756;
}

.RadioButtonOnWhite input[type=radio],
.RadioButtonOnWhite input[type=checkbox] {
    display: none;
}

.RadioButtonOnWhite label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #ffefe5;
}

.RadioButtonOnWhite input[type=radio]:checked + label:before {
    content: "\2714";
    font-size: 14px;
    line-height: 20px;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: #ff6600;
    text-align: center;
}

.RadioButtonOnWhite input[type=checkbox]:checked + label:before {
    content: "\2714";
    font-size: 14px;
    line-height: 20px;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: #ff6600;
    text-align: center;
}

.RadioButtonOnColor2 wrapper {
    width: 500px;
    margin: 50px auto;
}


.RadioButtonOnColor2 radio label:before {
    border-radius: 8px;
}

.RadioButtonOnColor2 checkbox label {
    margin-bottom: 10px;
}

.checkbox label:before {
    border-radius: 3px;
}

.RadioButtonOnColor2 label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    line-height: 20px;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: #575756;
}

.RadioButtonOnColor2 input[type=radio],
.RadioButtonOnColor2 input[type=checkbox] {
    display: none;
}

.RadioButtonOnColor2 label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: white;
}

.RadioButtonOnColor2 input[type=radio]:checked + label:before {
    content: "\2714";
    font-size: 14px;
    line-height: 20px;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: #ff6600;
    text-align: center;
}

.RadioButtonOnColor2 input[type=checkbox]:checked + label:before {
    content: "\2714";
    font-size: 14px;
    line-height: 20px;
    font-family: Frutiger LT W01_47 Light Cond, Arial, Ebrima, sans-serif;
    color: #ff6600;
    text-align: center;
}

.RadioButtonOnColor wrapper {
    width: 500px;
    margin: 50px auto;
}


.RadioButtonOnColor radio label:before {
    border-radius: 8px;
}

.RadioButtonOnColor checkbox label {
    margin-bottom: 10px;
}

.checkbox label:before {
    border-radius: 3px;
}

.RadioButtonOnColor label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    font-family: Frutiger LT W01_67 Bold Cond, Arial, Ebrima, sans-serif;
    color: white;
}

.RadioButtonOnColor input[type=radio],
.RadioButtonOnColor input[type=checkbox] {
    display: none;
}

.RadioButtonOnColor label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: white;
}

.RadioButtonOnColor input[type=radio]:checked + label:before {
    content: "\2714";
    font-size: 14px;
    line-height: 16px;
    font-family: Frutiger LT W01_67 Bold Cond, Arial, Ebrima, sans-serif;
    font-weight: normal;
    color: #399dc4;
    text-align: center;
}

.RadioButtonOnColor input[type=checkbox]:checked + label:before {
    content: "\2714";
    font-size: 14px;
    line-height: 20px;
    font-family: Frutiger LT W01_67 Bold Cond, Arial, Ebrima, sans-serif;
    font-weight: normal;
    color: #ff6600;
    text-align: center;
}

.IframeContainer {
    padding-bottom: 800px;
}

.uldash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -0.7em;
}

.uldash2 {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 1em;
    text-indent: -0.7em;
}

.lidash:before {
    content: "-";
    padding-right: 5px;
}

.uldot {
    margin-top: 0;
    text-indent: -0.4em;
}

@media (max-width:785px) {
    .PanelMain {
        width: auto;
        height: 100%;
        margin: 0 auto;
    }

    table, thead, tbody, th, td, tr {
        display: block;
    }

    .DatePicker {
        display: none;
    }

    .HilfePopUpContentCellRight {
        width: 99%;
    }
}

@media (min-width:785px) {
    .UnitsTextBoxC1 {
        min-width: 25px;
        width: 25px;
    }

    .PanelRight {
        width: 200px;
    }
}

/*******************************************************************************************************/
/*** CSS By IDs                                                                                      ***/
/*******************************************************************************************************/