/*#region Colors */

    /*#region Background-Color */

    .whitebackground,
    #divSiteTitle,
    #ttbTemplate,
    .bodygrey {
        background-color: white;
    }

    input[type="submit"],
    input[type="button"],
    button,
    .maintrance,
    #btnOK,
    #btnCancel {
        color: whitesmoke !important;
        background-color: #120A8F; /* R18 G10 B143 blue */
    }

    .disabled {
        background-color: #B0B0B0 !important;
    }

    .featured .content-wrapper {
        background-color: #7ac0da;
    }

    .mark {
        background-color: #a6dbed;
    }

    /*.selectize-input.focused,*/
    input[type='submit'].focused,
    input[type='button'].focused,
    button.focused,
    input[type='submit']:focus,
    input[type='button']:focus,
    button:focus,
    #footerTable {
        background-color: #120a8f !important; /* R118 G12 B10 blue focused background */
        color: whitesmoke !important;
    }

    .selectize-input.focused
    /*,
    input[type='submit'].focused,
    input[type='button'].focused,
    button.focused,
    input[type='submit']:focus,
    input[type='button']:focus,
    button:focus,
    #footerTable*/ 
    {
        background-color: #760C0A !important; /* R118 G12 B10 red focused background */
        color: whitesmoke !important;
    }

    /* Firefox */
    @-moz-document url-prefix() {
        select .focused {
            background-color: #3c7fb1 !important;
        }

            select.focused option:not(:checked) {
                background-color: white !important;
            }
    }
    /* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox <= sonst werden bei IE Einstellungen scrollbars sichtbar */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        select.focused {
            background-color: #3c7fb1 !important;
        }

            select.focused option:not(:checked) {
                background-color: white !important;
            }
    }

    .page-header {
        background-color: white;
    }

    .featured {
        background-color: #fff;
    }

    a:hover {
        background-color: #c7d1d6;
    }

    /*#endregion */

    /*#region Background */

    #cssmenu > ul li a.active,
    #cssmenu > ul li a:hover {
        background: #d3dce0; /* Graues Hintergrund im Menu, nicht in Kopfzeile, onMouseOver  */
    }

    #cssmenu > ul li.has-sub > a.active,
    #cssmenu > ul li.has-sub > a:hover {
        background: #b3b6b7; /* Graues Hintergrund in der Kopfzeile von Menu, onMouseOver*/
    }

    #cssmenu > ul {
        background: transparent; /*#004E66; */
    }

    #cssmenu > ul li.has-sub ul {
        background: white; /*#004E66; */
    }

    input, 
    textarea {
        background: #fff;
    }

    /*#endregion */

    /*#region Color */

    a.white,
    a.white:link,
    a.white:visited,
    a.white:active,
    a.white:hover,
    th a.white:link,
    th a.white:visited,
    th a.white:active,
    th a.white:hover {
        color: white; 
    }

	input[type="submit"],
	input[type="button"],
	button {
	    color: whitesmoke !important;
	}

#cssmenu > ul li div {
    color: #BFBFBF !important; /* Farbe wenn Menupunkt ist disabled*/
    font-weight: bold;
}

td .linkChangePassword,
#linkLogout,
.bottomleftelement,
a.copyrightonthemiddle,
a.copyrightonthemiddle #version,
a:link.copyrightonthemiddle,
a:link.copyrightonthemiddle #version,
a:visited.copyrightonthemiddle,
a:visited.copyrightonthemiddle #version,
a:active.copyrightonthemiddle,
a:active.copyrightonthemiddle #version,
a:hover.copyrightonthemiddle,
a:hover.copyrightonthemiddle #version,
hover.copyrightonthemiddle,
hover.copyrightonthemiddle #version,
.cssmenucolumnnames,
.logoutHref,
.siteTitleSmall,
.templateLabel,
#footerTable {
    color: #FDF5E6; /* Menu Header White  */
}

/*#divUsername, 
#divInfoUsername {
    color: #36a6a0; /* 2. Farbe Volatium Analyzer
*/

.divOverviewVolatiumKlasse {
    color: #949fa6; /* Diagramme Textfarbe */
}

#divUserName, 
#divExportDaten,
#divSiteTitle,
#divPageTitelOnCenter,
#divUserPassword,
#cssmenu > ul li.has-sub > a.active,
#cssmenu > ul li.has-sub > a:hover,
.checkcomboboxlabel,
.divRenditeIndex,
.wgcheader {
    color: #120A8F; /* R18 G10 B143 blue */
}

select,
textarea,
#tbUserLoginName,
#tbUserPassword,
#tbForgotPassword,
#lbsAllValues,
#lbCheckedOnlyValues,
#maintrance1,
#maintrance2,
#spStatus,
#tooltip,
#divForgotPasswordLabel label,
#lbForgotPasswordInfo,
#noDataMessageSpan,
#divNoDataMessage,
#divPOSHeader,
.info,
.selectize-input,
.red,
.divOverviewVolatiumKlasse,
.divValueIndex {
    color: #760C0A; /* R118 G12 B10 dark red */
}

#cssmenu > ul li a,
#menu li a:hover,
a.black,
a.black:link,
a.black:visited,
a.black:active,
a.black:hover,
th a.black:link,
th a.black:visited,
th a.black:active,
th a.black:hover,
.legendeText,
.reportlabel,
#divInfo,
#divInfoHeader2,
#divInfoUsername {
    color: #120a8f; /* R18 G10 B143 dark blue */
}

#divYearCopyRightVersionInformation a,
#divVersionInformation a {
    color: whitesmoke !important; 
}

    /* Firefox */
    @-moz-document url-prefix() {
        select.focused {
            color: whitesmoke !important;
        }
        select.focused option:not(:checked) {
            color: #333 !important; /* Schwarz */
        }
    }
    /* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox <= sonst werden bei IE Einstellungen scrollbars sichtbar */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        select.focused {
            color: whitesmoke !important;
        }
        select.focused option:not(:checked) {
            color: #333 !important; /* Schwarz */
        }
    }

    .disabledButton,
    button:disabled,
    button[disabled] {
        background-color: #D3DAFF !important;
    }

    .field-validation-error,
    .error,
    .message-error,
    .validation-summary-errors {
        color: #e80c4d; /* styles for validation helpers */
    }

    .message-success {
        color: #7ac0da;
    }

    /*#endregion */

    /*#endregion */

    /*#region Borders*/

    /*.focused {
        border: 1px solid #3c7fb1 !important;
        background-color: #DCDCDC !important;
    }*/

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    #horizontalLine,
    #infoHorizontalLine {
        border-bottom: 2px solid #efeeef; /* grau vom Hintergrund*/
    }

    #menuLine,
    #infoMenuLine {
        border-bottom: 3px solid #120a8f; /* R18 G10 B143 red */
        z-index: 4;
    }

    .popupCheckComboboxClass,
    .popupChartClass {
        background-color: white;
        border: 1px solid #760C0A; /* R118 G12 B10 red */
    }

    /*#endregion*/

    /*#region Fonts*/

        /*#region Font Family*/
        body,
        #cssmenu,
        #tooltip,
        .reportdropdownlistinput,
        select {
            font-family: Calibri;
        }

        /*#endregion*/

        /* #region Font Size*/

        /*#region em*/
        th.asc a:after, th.desc a:after {
            font-size: 0.75em;
        }

        h4,
        .featured p,
        .validation-summary-errors,
        .message-error {
            font-size: 1.1em;
        }

        #menu,
        .message-success {
            font-size: 1.3em;
        }

        h2 {
            font-size: 1.75em;
        }

        h1 {
            font-size: 2em;
        }

        #divSiteTitle {
            font-size: 26px;
        }

        #maintrance1 {
            font-size: 36px;
        }

        #maintrance2 {
            font-size: 32px;
        }

        /*#endregion*/

        /*#region pt*/

        .fontsize8 {
            font-size: 8pt !important;
        }

        .fontsize9,
        #reportTable {
            font-size: 9pt; 
        }

        #tprpTemplate {
            font-size: 9.4pt;
        }

        a.copyrightonthemiddle,
        #footerTable {
            font-size: 10pt;
        }

        #divHeaderTable,
        #divInfoHeaderTable,
        #cssmenu {
            font-size: 11pt;
        }

        .fontsize14 {
            font-size: 14pt;
        }

        .fontsizeMessage {
            font-size: 12pt;
            line-height: 150%;
        }

        /*#endregion*/

        /*#endregion*/

        /*#region Font Weight*/

        hgroup.title h2 {
            font-weight: normal;
        }

        #divSiteTitle,
        #divUsername,
        #divInfoUsername,
        td .siteTitleSmall,
        td .linkChangePassword,
        #linkLogout,
        .validation-summary-errors,
        .message-error,
        .message-success,
        .field-validation-error,
        .viewchoice {
            font-weight: bold;
        }

        #menu, button, th a:link, th a:visited, th a:active, th a:hover {
            font-weight: 600;
        }

        .label {
            font-weight: 700;
        }

        /*#endregion*/

        /*#region Text Align*/

        #cssmenu {
            text-align: left;
        }

        .message-success,
        .info,
        .tdvalidator {
            text-align: center;
        }

        #menu {
            text-align: right;
        }
        /*#endregion*/

        /*#region Display*/
        .field-validation-valid,
        #cssmenu > ul #responsive-tab,
        #cssmenu > ul li.has-sub ul {
            display: none;
        }

        th a, th.asc a:after, th.desc a:after,
        #cssmenu > ul li a, #cssmenu > ul li div,
        #cssmenu > ul li.has-sub:hover ul, #cssmenu > ul li.has-sub ul li {
            display: block;
        }

/*        label, .checkbox {
            display: block;
        }
*/
        #cssmenu > ul li {
            display: inline-block;
            *display: inline;
        }
            /*#endregion*/

        /*#region Text Decoration*/

            th a:link, th a:visited, th a:active, th a:hover,
            #cssmenu > ul li a, #cssmenu > ul li div,
            #menu li a, #menu li a:hover,
            h5 a:link, h5 a:visited, h5 a:active {
                text-decoration: none;
            }

        /*#endregion*/
    
        /*#region Others*/

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

        .line-breaks {
            white-space: pre-line;
        }

        .info {
            font-size: 17px !important;
        }

        #okButton {
            width: 230px;
        }

        #cssmenu {
            font-stretch: ultra-expanded;
        }

        #cssmenu > ul li a,
        #cssmenu > ul li div {
            font-stretch: ultra-expanded;
            letter-spacing: 1.1px;
            text-decoration: none;
        }

        /*#endregion*/
    
    /*#endregion*/

    /*#region Please Wait Animation*/

    .disabledButton:hover,
    button:disabled:hover,
    button[disabled]:hover {
        cursor: default;
    }

    .waiting,
    #hfLoading,
    .plswait_overlay,
    .waiting .disabledButton:hover,
    .waiting button:disabled:hover,
    .waiting button[disabled]:hover {
        cursor: wait !important;
    }

    .plswait_overlay {
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.35);
        position: absolute;
        top: 0;
        text-align: center;
        display: table;
    }

    .plswait_overlay_color {
        background-color: #A6A6A6 !important;
    }

    .plswait_overlay_inside { /* https://stackoverflow.com/questions/2939914/how-do-i-vertically-align-text-in-a-div */
        display: table-cell;
        vertical-align: middle;
        color: white;
        width: 100%;
        font-size: 20px;
        font-weight: bold;
        z-index: 1000000;
    }

    .dots span {
        animation: dots-1 1s infinite steps(1);
        -webkit-animation: dots-1 1s infinite steps(1);
    }

        .dots span:first-child + span {
            animation-name: dots-2;
            -webkit-animation-name: dots-2;
        }

        .dots span:last-child + span {
            animation-name: dots-3;
            -webkit-animation-name: dots-3;
        }
    /* Loading text animation */
    @keyframes dots-1 {
        0% {
            opacity: 0;
        }

        25% {
            opacity: 1;
        }
    }

    @keyframes dots-2 {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 1;
        }
    }

    @keyframes dots-3 {
        0% {
            opacity: 0;
        }

        75% {
            opacity: 1;
        }
    }

    @-webkit-keyframes dots-1 {
        0% {
            opacity: 0;
        }

        25% {
            opacity: 1;
        }
    }

    @-webkit-keyframes dots-2 {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 1;
        }
    }

    @-webkit-keyframes dots-3 {
        0% {
            opacity: 0;
        }

        75% {
            opacity: 1;
        }
    }

    /*#endregion*/

    /*#region Html & Body*/

    html, body, #mainfieldset, #mainTable {
        margin: 0;
        padding: 0;
        border: 0px solid green;
        min-height: 452px; /* Bitte bei minimalen Größen Bildschirmen mit Leisten unten berücksichtigen; 475 - WindowsLeiste*/
        min-width: 650px;
        width: 100%;
        height: 100%;
        /*overflow-y: hidden;*/
    }

    body {
        clear: both;
        position: relative;
    }

    #mainTable {
        overflow-y: scroll;
    }

    .inputContainer {
        position: relative;
        margin-top: 30px;
        height: 70px;
    }

    .inputLabelOverlay {
        position: absolute;
        top: 4px;
        left: 4px;
    }

    .inputOverlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0px;
        border-bottom: 2px solid #120A8F; /* R18 G10 B143 blue */
    }

    /*#region IdentFormatTable*/

    #identFormatTable {
        width: 100%;
        table-layout: fixed;
        margin-bottom: 140px;
    }

    #identFormatTable td {
        border: 0px solid green;
    }

    /*#endregion*/

    /*#endregion*/

    /*#region Header && Footer*/
    
    /*#region Header*/

    header {
        width: 100%;
    }

    #divSiteTitle {
        position: relative;
        bottom: 3px;
        left: 1px;
    }

    #divHeaderTable {
        height: 58px;
        vertical-align: middle;
    }

    #divInfoHeaderTable {
        height: 70px;
    }

    .page-header {
        margin: 0 auto;
    }

    #divPageTitelOnCenter {
        font-size: 26pt !important;
        margin: 15px 0 30px 0; /* at once: top, right, bottom, left */
    }

    .tdPasswordChange {
        width: 340px;
        padding-right: 0;
        text-align: right;
        vertical-align: middle;
    }

    td .siteTitleSmall {
        margin-left: 12px;
    }

    #divLogoLeft, #divInfoLogoLeft {
        display: table-cell;
        position: relative;
        opacity: 1;
        margin: 0;
        height: 100%;
    }

    #divLogoLeft {
        width: 168px;
        min-width: 168px;
    }

    #divInfoLogoLeft {
        width: 225px;
        min-width: 225px;
    }

    #imgLogoLeft {
        position: absolute;
        top: -5px;
        left: -32px;
        width: 265px;
        height: 70px;
    }

    #imgInfoLogoLeft {
        position: absolute;
        top: -2px;
        left: -30px;
        width: 285px;
        height: 80px;
    }

    #divUsername, 
    #divInfoUsername {
        display: table-cell;
        white-space: nowrap; /* keine 2. Zeile bauen*/
    }

    #divUsername {
        color: #120A8F;
        padding: 17px 0 0 0; /* at once: top, right, bottom, left. */
    }

    #divInfoUsername {
        padding: 27px 0 0 0; /* at once: top, right, bottom, left. */
    }

    #divUsernamePaddingLeft, 
    #divUsernamePaddingRight,
    #divInfoUsernamePaddingLeft, 
    #divInfoUsernamePaddingRight {
        display: table-cell;
        height: 100%;
    }

    #divUsernamePaddingLeft,
    #divUsernamePaddingRight {
        min-width: 40px;
        width: 40px;
        max-width: 40px;
    }

    #divInfoUsernamePaddingLeft,
    #divInfoUsernamePaddingRight {
        min-width: 60px;
        width: 60px;
        max-width: 60px;
    }

    #secUserIconSmall, 
    #infoSecUserIconSmall {
        display: table-cell;
        position: relative;
        width: 50px;
        min-width: 50px;
        height: 100%;
        min-height: 100%;
        vertical-align: middle;
    }

    #imgUserIconSmall {
        height: 33px;
        width: 33px;
    }

    #divTopButtons {
        width: 240px;
        min-width: 240px;
        height: 100%;
        min-height: 100%;
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        padding: 0 7px 0 0; /* at once: top, right, bottom, left. */
        opacity: 1;
    }

    #tdLinkLogout {
        width: 90px;
        min-width: 90px;
        text-align: right;
        vertical-align: middle;
    }

    #linkLogout {
        margin: 0 10px 0 0; /* at once: top, right, bottom, left. */
    }

    .logoutHref {
        margin-bottom: 5px;
    }

    #divYearCopyRightVersionInformation {
        text-align: right;
        margin: 5px 10px 6px 0; /* at once: top, right, bottom, left. */
    }

    #divVersionInformation {
        text-align: left;
        margin: 5px 0 6px 10px; /* at once: top, right, bottom, left. */
    }

    /*#endregion*/

    /*#region Footer*/

    footer {
        width: 100%;
        border: solid 0 yellow;
        z-index: 1000;
    }

    #divYearCopyRightVersionInformation,
    #divVersionInformation {
        white-space: nowrap;
    }

    /*#endregion*/

    header, footer, hgroup,
    nav, section {
        display: block;
    }
    /*#endregion*/

    /*#region Tables */
    
    /*#region Header Table*/

    #divHeaderTable, #divInfoHeaderTable {
        display: table;
        width: 100%;
    }

    #imgLogoLeft {
        position: absolute;
        margin: 0 0 0 0; /* at once: top, right, bottom, left */
    }

    #imgLogoCenter {
        width: 285px; /*306px;*/
        height: 80px; /*98px;*/
        margin: 0 0 0 0px; /* at once: top, right, bottom, left */
    }

    #divLogoCenter {
        width: 100%;
        text-align: center;
    }

    .center {
        text-align: center;
        margin: 0 auto 0 auto; /* at once: top, right, bottom, left */
    }

    .centercontainer {
        position: relative;
    }

    .centerabsolute {
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    /*#endregion*/
    
    /*#region Main Table*/

    .validation-summary-errors {
        margin: 2px 0 5px 0 !important; /* at once: top, right, bottom, left */
    }

    #trLayoutMainRow,
    #tdLayoutMainRow {
        height: 100%;
        width: 100%;
    }

    /*.centered {
        display: table;
        margin-right: auto;
        margin-left: auto;
    }*/

    .centered {
        text-align: center;
        border: solid 0 yellow;
    }

    .automargin {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        border: solid 2px aquamarine;
    }

    .tdRowEmpty {
        height: 8px;
        min-height: 8px;
        max-height: 8px;
    }

    .InputFieldError {
        border: solid 1px red;
    }

    .InputFieldError:focus {
        border: solid 1px red;
    }

    #mainWindow {
        background: #eee;
        border: 0 solid red;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    #mainWindowSmall {
        margin: auto;
        width: calc(100% - 10px);
    }

    .main-content {
        background: url("../Images/accent.png") no-repeat;
        padding-left: 10px;
        padding-top: 30px;
    }

    .mainDivWindowCenterContent {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    /*.featured + .main-content {
       background: url("../Images/heroAccent.png") no-repeat;
}*/
    /* main layout
----------------------------------------------------------*/
    .content-wrapper {
        margin: 0 auto;
        border: solid green 0;
    }

    .featured .content-wrapper {
        padding: 20px 40px 30px 40px;
    }

    .feature {
        width: 300px;
        float: left;
        padding: 10px;
    }

    .clear-fix:after {
        content: ".";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }

    /*#endregion*/

    /*#region Footer Table*/

    #footerTable {
        border-spacing: 0; /* cellspacing; Quelle: https://stackoverflow.com/questions/339923/set-cellpadding-and-cellspacing-in-css?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa */
        height: 34px;
        width: 100%;
        margin: 0px;
    }

    #footerTable td {
        border: solid 0px red !important;
        padding: 0; /* cellpadding; Quelle: https://stackoverflow.com/questions/339923/set-cellpadding-and-cellspacing-in-css?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa */
    }

    #tdFooterOnTheLeft,
    #tdFooterOnTheRight {
        width: 40%;
    }

    #tdFooterOnTheLeftTemplate {
        min-width: 600px; /* 2 Buttons by Templates */
    }

    #tdFooterOnTheLeft {
        min-width: 100px;
    }

    #tdFooterOnTheRight {
        min-width: 100px;
    }

    #version {
        margin: 0 10px 0 0; /* at once: top, right, bottom, left. */
        min-width: 100px;
    }
    /*#endregion*/

    /*#region WebGridTable*/

    .webgridtable {
        text-align: left;
    }

    input.edit-mode {
        width: 98% !important;
    }

    .reportcontent {
        text-align: center !important;
    }

    .trcbg {
        height: 8px !important;
    }

    /*#endregion*/

    /*#endregion*/

    /*#region Forms*/

    .top {
        vertical-align: top;
    }

    .bottom {
        vertical-align: bottom;
    }

    .hidden {
        display: none !important;
    }

    mark {
        padding-left: 5px;
        padding-right: 5px;
    }

    .float-left {
        float: left;
    }

    .float-right {
        float: right;
        margin: 3px 10px 3px 0; /* at once: top, right, bottom, left */
    }

    /*
Theme Name: inSWOT Analyzer Theme (23.03.2015)
Theme URI: http://www.inswot.com
Author: NN
Auhtor URI: http://www.inswot.com
Description: Theme für den inSWOT Analyzer der InSWOT GmbH
*/
    .bottomleftelement {
        margin: 0 0 0 10px; /* at once: top, right, bottom, left. */
        padding: 2px 0 0 0px; /* at once: top, right, bottom, left. */
    }

    /*#region Field Set*/
    fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

    fieldset ol li {
        padding-bottom: 5px;
    }
    /*#endregion*/

    /*#region Input & Textarea*/

    input[type="text"],
    input[type="password"],
    textarea {
        margin: 0;
        padding: 5px 5px 5px 5px; /* at once: top, right, bottom, left. */
    }

    textarea.ontheleft,
    textarea.ontheright {
        width: 100%;
    }

    .checkboxintable {
        padding: 0;
        margin-left: 0;
        text-align: center;
    }

    .passwordrecovery {
        width: 400px;
    }

    textarea {
        width: 500px;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    a {
        outline: none;
        padding-left: 3px;
        padding-right: 3px;
        text-decoration: none; /*underline;*/
    }

    /*#endregion*/

    /*#region Select*/

    /* Firefox */
    @-moz-document url-prefix() {
        select.focused {
            font-size: 11px !important;
        }
    }
    /* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox <= sonst werden bei IE Einstellungen scrollbars sichtbar */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        select.focused {
            font-size: 11px !important;
        }
    }

    /*#endregion*/

/*#region Info, Message and Errors*/
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

    .message-error {
        clear: both;
        margin: 20px 0 10px 0;
    }

    .message-success {
        margin: 0;
    }

    input.input-validation-error {
        border: 1px solid #e80c4d;
    }

    input[type="checkbox"].input-validation-error {
        border: 0 none;
    }

    .validation-summary-valid {
        display: none;
    }
    /*#endregion*/

    /*#region Table TH TD*/
    table {
        border-collapse: collapse;
        border-spacing: 0;
        border: 0 none;
    }

    /*th {
        border: none;
        padding-left: 0;
    }*/

    th a {
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            text-decoration: none;
            padding: 0;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    .pager td {
        padding: 0 0 0 0;
    }

    .noHover {
        pointer-events: none;
    }

    /*#endregion*/

    /*#endregion*/

    /*#region Menu*/

    /*#region Teil 1. */

    .cssmenucolumnnames {
        font-weight: bolder;
    }

    #spaceline {
        width: 280px;
        height: 1px;
        margin: 0 0 0 0;
    }

    .line-breaks {
        white-space: pre-line;
    }

    #cssmenu > ul li.has-sub > a.active,
    #cssmenu > ul li.has-sub > a:hover {
        background-position: 90% 195%;
    }

    #menu {
        margin: 0 0 5px;
        padding: 0;
    }

    #menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

    #menu li a {
        background: none;
    }

    #horizontalLine {
        top: 58px !important;
    }

    #infoHorizontalLine {
        top: 70px !important;
    }

    #menuplaceholder,
    #infomenuplaceholder {
        position: relative;
        display: table-cell;
        width: 100%;
        height: 100%;
        opacity: 1;
        left: 0px;
    }

    #menuplaceholder {
        top: 0px;
        border-bottom: 2px solid #efeeef !important;
    }

    #infomenuplaceholder {
        top: 10px;
        border-bottom: 2px solid #efeeef !important;
    }


    #csmenu {
        position: absolute;
        top: 18px;
        left: -34px;
        width: 800px !important;
    }

    #cssmenu {
        position: absolute;
        z-index: 1000;
        left: 0;
        top: -28px;
        width: 800px !important;
    }

    #cssmenu > ul {
        list-style-type: none;
        /*background-color: green;*/
    }

    #cssmenu > ul li {
        zoom: 1;
    }

    #cssmenu > ul li.right {
        float: right;
    }

    #cssmenu > ul li.has-sub {
        position: relative;
    }

    #cssmenu > ul li.has-sub:hover ul {
        display: block;
    }

        #cssmenu > ul li.has-sub ul {
            display: none;
            position: absolute;
            margin: 0;
            padding: 0;
            list-style-type: none;
            border-top: 0 none;
        }

            #cssmenu > ul li.has-sub ul li {
                display: block;
            }

        /*#cssmenu > ul li.has-sub > a,
        #cssmenu > ul li.has-sub > div {
            background-repeat: no-repeat;
            background-position: 90% -95%;
        }*/

    #cssmenu > ul li a,
    #cssmenu > ul li div {
        display: block;
        padding: 12px 14px 11px 14px; /* at once: top, right, bottom, left */
    }

    @media (max-width: 0px) {
        #cssmenu {
            display: none;
        }
    }

    /* Make sure they show even if hidden in mobile view by JS */
    @media (min-width: 0px) {
        #cssmenu > ul > li.collapsed {
            display: inline-block !important;
            *display: inline;
            zoom: 1;
        }

        #cssmenu > ul ul li.collapsed {
            display: block !important;
        }
    }

    /*#endregion*/

/*#region Menu Dropdown*/

/*#region Menu 1. Spalte BU */

.menucolumn0 { /* BU, Abstand zum Wort Risiko */
    width: 150px;
}

#cssmenucolumn20,
#cssmenucolumn30,
#cssmenucolumn40,
#cssmenucolumn50 {
    width: 126px;
}

.divmenucolumn20,
.divmenucolumn30,
.divmenucolumn40,
.divmenucolumn50 {
    width: 230px;
}

#ulmenucolumn20, /* BU, Breite Popup Einträgen */
#ulmenucolumn30,
#ulmenucolumn40,
#ulmenucolumn50 {
    width: 230px;
    /*background-color: blue !important;*/
}

/*#endregion*/

/*#region Menu 2. Spalte Risiko */

.cssmenu2 { /* Breite des Menus bestehend aus 2 Spalten für Kunden */
    min-width: 350px;
}

.menucolumn1 { /* Risiko, Abstand zum Wort Altersvorsorge */
    width: 70px;
}

#cssmenucolumn21,
#cssmenucolumn31,
#cssmenucolumn41,
#cssmenucolumn51 {
    width: 42px;
}

.divmenucolumn21,
.divmenucolumn31,
.divmenucolumn41,
.divmenucolumn51 {
    width: 230px;
}

#ulmenucolumn21,
#ulmenucolumn31,
#ulmenucolumn41,
#ulmenucolumn51 {
    width: 210px;
}

/*#endregion*/

/*#region Menu 3. Spalte GF */

.menucolumn0 { /* GF, Abstand zum Wort Altersvorsorge */
    width: 150px;
}

#cssmenucolumn22,
#cssmenucolumn32,
#cssmenucolumn42,
#cssmenucolumn52 {
    width: 126px;
}

.divmenucolumn22,
.divmenucolumn32,
.divmenucolumn42,
.divmenucolumn52 {
    width: 230px;
}

#ulmenucolumn22, /* GF, Breite Popup Einträgen */
#ulmenucolumn32,
#ulmenucolumn42,
#ulmenucolumn52 {
    width: 230px;
    /*background-color: blue !important;*/
}

/*#endregion*/

/*#region Menu 4. Spalte Altersvorsorge*/

.menucolumn3 { /* Altersvorsorge, Abstand zum Wort Kundendienst */
    width: 140px;
}

#cssmenucolumn33,
#cssmenucolumn43,
#cssmenucolumn53,
#cssmenucolumn63 {
    width: 104px;
}

.divmenucolumn33,
.divmenucolumn43,
.divmenucolumn53,
.divmenucolumn63 {
    width: 104px;
}

.almenucolumn33,
.almenucolumn43,
.almenucolumn53,
.almenucolumn63,
#ulmenucolumn33,
#ulmenucolumn43,
#ulmenucolumn53,
#ulmenucolumn63 {
    width: 104px; /* Kundenauswahl Drop-down */
}

/*#endregion*/

/*#region Menu 5. Spalte Kundensicht */

.menucolumn4 { /* Kundensicht, Abstand zum Wort Verwaltung */
    width: 110px;
}

#cssmenucolumn44,
#cssmenucolumn54 {
    width: 85px; /* 170 */
}

.divmenucolumn44,
.divmenucolumn54 {
    width: 170px; 
}

#ulmenucolumn44,
#ulmenucolumn54 {
    width: 205px; /*Verwaltung dropdown*/
    /*background-color: blue !important;*/
}

/*#endregion*/

/*#region Menu 6. Verwaltung*/

.menucolumn5 { /* Verwaltung, Abstand zum Ende */
    width: 115px;
}

#cssmenucolumn55 {
    width: 85px; /* Verwaltung, Breite vom grauen Fon oben */
}

.divmenucolumn55 {
    width: 85px; /* Verwaltung, Breite vom grauen Fon oben */
}

#ulmenucolumn64 {
    width: 200px; /* Verwaltung Drop-down Breite vom grauen Bereich */
}

/*#endregion*/

/*#endregion*/

/*#endregion*/

/*#region Others*/

.AbsolutePosition {
    position: absolute;
    top: 0;
    right: 0;
}

.minHeight {
    height: 1px;
}

.maxHeight {
    height: 100%;
}

.leftreportcolumnvisiblebyrighthiddennarrow,
.leftreportcolumnvisiblebyrighthiddenpos {
    width: 191px;
    min-width: 191px;
    max-width: 191px;
}

.leftreportcolumnvisiblebyrighthiddenwide {
    width: 255px;
    min-width: 255px;
    max-width: 255px;
}

.leftreportcolumnvisiblebyrightvisible {
    width: 198px;
    min-width: 190px;
}

.leftreportcolumnvisiblebyrightvisiblecbl {
    width: 189px;
    min-width: 189px;
}

.rightreportcolumnvisible {
    width: 235px; /* 260 ohne Umbruchen an Berufen, sieht jedoch schrecklich aus*/
    min-width: 235px; /* 260 ohne Umbruchen an Berufen, sieht jedoch schrecklich aus*/
    height: 100%;
}

.rightreportcolumnpopupvisible {
    width: 230px; /* 255 ohne Umbruchen an Berufen, sieht jedoch schrecklich aus*/
    min-width: 230px; /* 255 ohne Umbruchen an Berufen, sieht jedoch schrecklich aus*/
    height: 100%;
}

.leftreportcolumnpopupvisiblerang {
    width: 252px;
    min-width: 252px;
}

#divPOSHeader {
    width: 100%;
    font-family: Calibri;
    font-weight: bold;
    position: relative;
    font-size: 18px;
    bottom: 8px;
}

/*#region H Group*/
h1, h2, h3,
h4, h5, h6 {
    margin-bottom: 0;
    padding-bottom: 0;
}

h5 a:link, h5 a:visited, h5 a:active {
    padding: 0;
}

hgroup.title {
    margin-top: 10px;
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
    vertical-align: super;
}

hgroup.title h2 {
    margin-left: 3px;
}

/*#endregion*/

/*#region Ordered Lists */

ol.round {
    list-style-type: none;
    padding-left: 0;
}

ol.round li {
    margin: 25px 0;
    padding-left: 45px;
}

ol.round .zero {
    background: url("../Images/orderedList0.png") no-repeat;
}

ol.round .one {
    background: url("../Images/orderedList1.png") no-repeat;
}

ol.round .two {
    background: url("../Images/orderedList2.png") no-repeat;
}

ol.round .three {
    background: url("../Images/orderedList3.png") no-repeat;
}

ol.round .four {
    background: url("../Images/orderedList4.png") no-repeat;
}

ol.round .five {
    background: url("../Images/orderedList5.png") no-repeat;
}

ol.round .six {
    background: url("../Images/orderedList6.png") no-repeat;
}

ol.round .seven {
    background: url("../Images/orderedList7.png") no-repeat;
}

ol.round .eight {
    background: url("../Images/orderedList8.png") no-repeat;
}

ol.round .nine {
    background: url("../Images/orderedList9.png") no-repeat;
}

    /*#endregion*/
    
    /*#region Article & ASide */
    
    article {
        width: 100%;
        height: 100%;
    }

    aside {
        float: right;
        width: 25%;
    }

        aside ul {
            list-style: none;
            padding: 0;
        }

            aside ul li {
                background: url("../Images/bullet.png") no-repeat 0 50%;
                padding: 2px 0 2px 20px;
            }
    /*#endregion*/
    
    /*#region Contact */
    
    .contact p {
        margin: 5px 0 0 10px;
    }

    .contact iframe {
        border: 1px solid #333;
        margin: 5px 0 0 10px;
    }
    /*#endregion*/

#tooltip {
    position: absolute;
    top: 21px;
    left: 3px;
    background-color: lightyellow;
    border: 0.2px solid gray;
    width: auto;
    height: auto;
    padding: 2px;
    font-size: 8pt;
    z-index: 1000001;
}

/*#endregion*/

/*#region Buttons*/

input[type="submit"],
input[type="button"],
button {
    border-radius: 18px;
    cursor: pointer;
    border: none !important;
    height: 23px;
    font-size: 11px;
}

#btnChangePassword {
    width: 105px !important;
}

#btnLogout {
    width: 105px !important;
    margin: 0 4px 0 13px; /* at once: top, right, bottom, left. */
}

/*#endregion*/

/*#region Lines*/

#horizontalLine,
#infoHorizontalLine {
    width: calc(100% - 300px);
    position: absolute;
    left: 150px;
    overflow: hidden;
}

#menuLine,
infoMenuLine {
    position: absolute;
    left: 0;
    overflow: hidden;
}

#menuLine {
    top: 38px;
}

#infoMenuLine {
    top: 42px;
}

/*#endregion*/

/*#region ChartJS*/

/*#region Chart*/

.tdChart,
.middle {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.divChart {
    position: relative;
}

.displayBlock {
    display: inline-block;
}

.displayTable {
    display: table;
}

.divChartPaddingLeft {
    margin-left: 1px; /* 8px */
}

/*#endregion*/

/*#region Axes*/

/*#region Holders*/

.axeXHolder,
.axeYHolder {
    position: absolute;
    align-items: stretch;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    height: 15px;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -webkit-flex-flow: row wrap;
    -webkit-align-items: stretch;
}

.axeYHolder {
    transform-origin: center center;
    transform: translateX(-50%) rotate(-90deg);
    height: 15px;
    left: 3px;
}

#divAxeXHolderReportChart {
    left: 35px;
    right: 15px;
    bottom: -3px;
    position: absolute;
}

#divAxeXViewHolderReportChart {
    left: 10px;
    right: 10px;
    bottom: -17px;
    position: absolute;
}

/*#divAxeYHolder {
    top: calc(211px - 13px);
    width: calc(422px - 65px); /* rekalkulieren in Javascript bei 267 canvas 
    left: -10px;
}*/

/*#endregion*/

.divAxeX,
.divAxeY {
    display: table-cell;
    letter-spacing: 1px;
}

/*#endregion*/

/*#region Lines*/

.axeXLineBefore,
.axeXLineAfter,
.axeYLineBefore,
.axeYLineAfter {
    border-bottom: 1px solid black;
    flex-grow: 1;
    margin-bottom: 8px;
}

.axeXLineBefore,
.axeYLineBefore {
    margin-right: 10px;
}

.axeXLineAfter,
.axeYLineAfter {
    margin-left: 10px;
}

.axeHorizontalLine {
    height: 100px;
    position: absolute;
    border-bottom: 100px solid black;
    z-index: 100000;
}

/*#endregion*/

/*#endregion*/

/*#region Popup Window*/

#divPopupTooltip {
    text-align: left;
    font-size: 1.3em;
    padding: 7px 4px 7px 12px;
    color: black !important;
}

.popupWindowClass {
    position: absolute;
    margin: 0;
    background-color: white;
    border: 1px solid #002e5f; /* black */
}

.popupWindowClassInside {
    margin: 4px;
}

.tooltipSmall {
    height: 50px;
}

.tooltipLarge {
    height: 90px;
}
/*#endregion*/