/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}
* {
    font-family: "SiemensSansRoman";
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
.dataProjectIcon {
    margin: 15px 25px 15px 0;
    float: left;
}
.dataProjectIcon img {
    width: 120px;
    height: 94px;
    border: 1px solid #A8B1B9;
}
.captions {
    line-height: 125px;
    color: White;
    font-size: 20px;
    float: left;
    font-family: "SiemensSlabBold";
    overflow: hidden;
    max-height: 120px;
}

#projecttitle.captions, #projecttitle-long.infocaptions, #projecttitle.infocaptions, #casetitle.infocaptions {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.projectshortinfo {
    float: left;
    height: 94px;
    margin-top: 15px;
    color: #A8B1B9;
    display: none;
}

.projectshortinfotable {
    vertical-align: top;
    height: 100%;
    margin: 0;
    width: 100%;
}

.projectshortinfotitle {
    vertical-align: middle;
    overflow: hidden;
    max-width: 700px;
}

.projectshortinfotitle div {
    padding-bottom: 10px; 
    float: left;  
}

.infocaptions {   
    font-size: 20px;
    font-family: "SiemensSlabBold";
    letter-spacing: 2px;
    color: White;
    margin-top: 2px;
}

#projecttitle.infocaptions {
    max-width: 200px;
}

.arrowtitleelement {
    color: #A8B1B9;
    margin-top: 0px;
}

.captions.arrowtitleelement {
    margin-top: -2px;
}

.projectshortinfodescript {
    vertical-align: top;
    font-family: "SiemensSansRomanBold";
    font-size: 14px;
    line-height: 22px;
    width: 161px;
}

.projectshortinfodata {
    vertical-align: top;
    font-size: 14px;
    line-height: 22px;
}

#loginheaderwrapper{
    position: relative;
    height: 100%;
}

.applogo {
    width: 750px;
    margin: 0 auto;
}
.logo {
            text-align: center;
    margin-top: -170px;
        }
        .splashText {
    text-align: center;
        }
        .splashText img {
            width: 722px;
        }


        .loginform {
            margin-top: 0;
            padding-top: 0;
            display: none;
    float: right;
    margin-top: 25px;
        }
        
        .loginform form {
            margin-bottom: 15px;
            margin-left: 2px;
        }
        
        .logininput {
            width: 180px;
            height: 18px;
            padding: 5px 12px;
            font-family: SiemensSansRoman;
            margin-right: 15px;
            border: 1px solid #b9c0c8;
            border-radius: 0;
            margin-bottom: 5px;
            -webkit-appearance: none;
            font-size: 15px;
        }
        
        #loginformheader {
            font-family: 'SiemensSlabBold';
            color: #ffffff;
            font-size: 18px;
            display: block;
            margin-bottom: 5px;
        }
        
        #loginsubmit {
            width: 72px;
            height: 32px;
            background-color: #516473;
            border: none;
            color: #fff;
            font-family: 'SiemensSansRoman';
            font-size: 16px;
            border-radius: 0;
            -webkit-appearance: none;
        }
        
        #loginsubmit:hover {
            background-color: #404f5b;
        }
        
        #siemenslogo {
    margin: 0;
            height: 60px;
    margin-left: 25px;
    margin-top: 25px;
        }
        
        #passwdlost {
            text-decoration: underline;
            font-family: 'SiemensSansRoman';
            font-size: 14px;
            color: #a8b1b9;
    float: right;
        }
        
        #rememberemail {
            text-decoration: underline;
            font-family: 'SiemensSansRoman';
            font-size: 14px;
            color: #a8b1b9;
            text-align: right;
            float: left;
            margin-bottom: 10px;
            margin-top: -3px;
        }
        
        #loginprompt {
            position: absolute;
            z-index: 2;
            background: #627381;
            color: #fff;
            font-family: 'SiemensSansRoman';
            font-size: 16px;
            padding-top: 5px;
            text-align: center;
            display: none;
        }
        
        #loginprompt input {
            width: 175px;
            font-size: 16px;
            border-radius: 0;
            -webkit-appearance: none;
            height: 32px;
            background-color: #516473;
            border: none;
            color: White;
            margin: 10px 5px 0 5px;
        }
        
        #loginprompt input:hover {
            background-color: #404f5b;
        }
        
#loginextensions {
    margin-bottom: 20px;
}

        .indexDialog {
            position: absolute;
            z-index: 20;
            background-color: white;
            left: 50%;
            top: 50%;
            max-width: 500px;
            -moz-box-shadow: 0 0 50px #000000;
            -webkit-box-shadow: 0 0 50px #000000;
            box-shadow: 0 0 50px #000000;
            font-family: "SiemensSlabBold";
            display: none;
            color: #516473;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            webkit-hyphens: auto;
            hyphens: auto;
            word-wrap: break-word;
        }

        .indexDialogCloseButton {
            float: right;
            cursor: pointer;
            margin-top: 9px;
            margin-right: 8px;
            width: 25px;
            height: 25px;
        }
        .indexDialogCaption {
            padding-left: 15px;
            background-color: #e4e9ec;
            font-size: 20px;
            line-height: 43px;
        }
        .indexDialogCaptionText {
            font-family: "SiemensSlabBold";
        }
        .indexDialogText {
            font-family: "SiemensSansRomanBold";
            text-align: center;
            font-size: 15px;
            margin: 15px;
        }
        .indexDialogButtons {
            color: #fff;
            height: 30px;
            text-align: center;
            line-height: 30px;
            margin: 15px;
            margin-left: 10px;
            margin-right: 10px;
            font-size: 15px;
        }
        .indexDialogButton {
            background-color: #516473;
            width: 100px;
            margin-left: 5px;
            margin-right: 5px;
            cursor: pointer;
            display: inline-block;
        }
        .indexDialogButton:hover {
            background-color: #96a3ac;
        }

    #cookieAlertDialog {
        width: 800px;
        height: 150px;
        margin-top: -100px;
        margin-left: -215px;
    }

    .cookieDialog {
        position: absolute;
        z-index: 20;
        background-color: white;
        left: 38%;
        top: 50%;
        max-width: 800px;
        -moz-box-shadow: 0 0 50px #000000;
        -webkit-box-shadow: 0 0 50px #000000;
        box-shadow: 0 0 50px #000000;
        font-family: "SiemensSlabBold";
        display: none;
        color: #516473;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }

    #cookieNoticeDialog {
        width: 900px;
        height: 650px;
        margin-top: -325px;
        margin-left: -250px;
    }

    .cookieNotice {
        position: absolute;
        z-index: 20;
        background-color: white;
        left: 38%;
        top: 50%;
        max-width: 900px;
        -moz-box-shadow: 0 0 50px #000000;
        -webkit-box-shadow: 0 0 50px #000000;
        box-shadow: 0 0 50px #000000;
        font-family: "SiemensSlabBold";
        display: none;
        color: #516473;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .cookieDialogText {
        font-family: "SiemensSansRomanBold";
        font-size: 15px;
        margin: 15px;
        height:520px;
        overflow-y:auto;
    }

    .cookieDialogCaptionText {
        font-family: "SiemensSlabBold";
        padding-bottom: 25px;
    }

    .cookieNoticeDialogText {
        font-family: "SiemensSansRoman";
        padding-bottom: 25px;
    }


    #passwordLostDialog {
        width: 345px;
        height: 200px;
        margin-top: -100px;
        margin-left: -172px;
    }
        #passwordLostDialogInputEmail {
            margin-top: 15px;
            width: 180px;
            height: 18px;
            padding: 5px 12px;
            font-family: 'SiemensSansRoman';
            border: 1px solid #b9c0c8;
            border-radius: 0;
            -webkit-appearance:none;
        }
        #passwordLostAlertDialog {
            width: 400px;
            margin-top: -70px;
            margin-left: -200px;
        }
        #passwordLostAlertDialogLoading {
        }
        #footer {
            position: absolute;
            bottom: 0px;
            left: 0px;
            right: 0px;
            text-align: right;
            margin: 12px;
        }
        #footer img {
            height: 100%;
        }
        #imprintButton {
            height: 27px;
            cursor: pointer;
            margin-left: 12px;
            float: right;
        }
        #contactButton {
            height: 27px;
            cursor: pointer;
            margin-left: 12px;
            float: right;
            width: 39px;
        }
        #licenseStatement {
            font-family: 'SiemensSansRoman';
            font-size: 15px;
            color: #a8b1b9;
            float: left;
            margin-left: 12px;
            margin-top: 10px;
        }

        #cookieNoticeButton {
            font-family: 'SiemensSansRoman';
            font-size: 15px;
            color: #a8b1b9;
            float: right;
            margin-left: 12px;
            margin-top: 10px;
            cursor: pointer;
        }
        #imprintDialog {
            width: 600px;
            max-width: 600px;
            max-height: 500px;
            margin-left: -300px;
            font-family: "SiemensSansRoman";
        }
        #imprintDialogText {
            font-family: "SiemensSansRoman";
            overflow: auto;
            padding-bottom: 1px;
            max-height: 380px;
            text-align: left;
        }
        #loadingindicator {
            position: absolute;
            z-index: 1;
            top: 15px;
            right: 10px;
            margin-top: 0;
            padding-top: 0;
            width: 525px;
            display: none;
            font-family: 'SiemensSlabBold';
            line-height: 30px;
            font-size: 18px;
            text-align: center;
            color: White;
            margin-top: 22px;
        }
        
        #debugbutton {
            position: absolute;
            bottom: 0px;
            left: 0px;
            height: 50px;
            width: 50px;
            z-index: 1000;
        }
        
        .loader_dark {
            width: 18px;
            height: 18px;
            padding-right: 8px;
        }
        
        #appcache-progress-container, #loading-progress-container, #serveravailable-progress-container {
            position: absolute;
            z-index: 1;
            top: 15px;
            right: 10px;
            margin-top: 0;
            padding-top: 0;
            width: 480px;
            display: none;
            line-height: 30px;
            font-size: 18px;
            text-align: center;
            color: White;
            margin-top: 22px;
        }
        
        #appcache-progress-container div, #loading-progress-container div, #serveravailable-progress-container div {
            float: left;
            font-family: SiemensSansRoman;
        }
        
        #appcache-progress, #loading-progress, #serveravailable-progress {
            width: 200px;
            height: 15px;
            border: 1px solid #516473;
            padding: 1px;
            margin-top: 6px;
            margin-left: 15px;
            float: left;
        }
        
        #appcache-progress-bar, #loading-progress-bar, #serveravailable-progress-bar {
            background-color: #a8b1b9;
            width: 0%;
            height: 100%;
        }
        
        
        .genericDialog {
            position: absolute;
            z-index: 20;
            background-color: white;
            left: 50%;
            top: 50%;
            max-width: 600px;
            -moz-box-shadow: 0 0 50px #000000;
            -webkit-box-shadow: 0 0 50px #000000;
            box-shadow: 0 0 50px #000000;
            font-family: "SiemensSlabBold";
            display: none;
            color: #516473;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            webkit-hyphens: auto;
            hyphens: auto;
            word-wrap: break-word;
        }
        
        .genericDialog img {
            float: right;
            cursor: pointer;
            margin-top: 8px;
            margin-right: 8px;
            width: 25px;
            height: 25px;
        }
        .genericDialogCaption {
            padding-left: 15px;
            background-color: #e4e9ec;
            font-size: 20px;
            line-height: 43px;
        }
        .genericDialogCaptionText {
            font-family: "SiemensSlabBold";
        }
        .genericDialogText {
            font-family: "SiemensSansRomanBold";
            text-align: center;
            font-size: 15px;
            margin: 15px;
            max-width: 600px;
        }
        
        .genericDialogButtons {
            color: #fff;
            height: 30px;
            text-align: center;
            line-height: 30px;
            margin: 15px;
            margin-left: 10px;
            margin-right: 10px;
            font-size: 15px;
        }
        
        .genericDialogButton {
            background-color: #516473;
            width: 140px;
            margin-left: 5px;
            margin-right: 5px;
            cursor: pointer;
            display: inline-block;
        }
        
        .genericDialogButton:hover {
            background-color: #96a3ac;
        }
      /*  #completeoverlay {
      opacity: 0.3;
    background: black;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
    filter: alpha(opacity = 30);
    overflow: hidden;
        }*/
        .IePlaceHolder {
            color: Green;
        }

.title {
    font-size: 18px;
    margin-top: 25px;
    margin-left: 128px;
    line-height: 40px;
    width: 660px;
}
textarea, input, select {
    outline: none;
}
body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body {
    height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
    background-color: #E2EAED; /*font-family: Verdana, Helvetica;*/
    -webkit-user-select: none; /*Für Webkit*/
    -moz-user-select: none; /*Für Firefox*/
    -khtml-user-select: none; /*Für Safari*/
    -ms-user-select: none; /*Für IE*/
    user-select: none; /* Deaktivieren der Auswahlmaske für Android */
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    overflow: hidden;
}

/* Common */
.fuelSpecification {
    height: 40px;
    margin-left: 10px;
}
.fuelSpecification:hover {
    opacity: 0.6;
    filter: alpha(opacity = 60);
    cursor: pointer;
}
.fuelSpecificationDialoge {
    position: absolute;
    z-index: 20;
    background-color: white;
    width: 540px;
    height: 448px;
    left: 50%;
    top: 50%;
    margin-left: -270px;
    margin-top: -224px;
    -moz-box-shadow: 0 0 50px #000000;
    -webkit-box-shadow: 0 0 50px #000000;
    box-shadow: 0 0 50px #000000;
    font-family: "SiemensSansRomanBold";
    display: none;
}
.fuelSpecificationDialoge img {
    float: right;
    cursor: pointer;
    margin-top: 9px;
    margin-right: 8px;
    width: 25px;
    height: 25px;
}
.fuelSpecificationCaption {
    color: #516473;
    padding-left: 20px;
    background-color: #e4e9ec;
    height: 43px;
    font-size: 20px;
    line-height: 43px;
}
.fuelSpecificationDialogCaptionRow {
    font-family: "SiemensSlabBold";
}
#fuelDataWrapper {
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
    width: 500px;
    top: 98px;
    bottom: 100px;
    position: absolute;
}
.fuelSpecificationDataTable {
    color: #516473;
    position: absolute;
}
.fuelSpecificationDataTable .formField_select_div {
    margin-left: 0px;
}
.fuelDataTypeRadios {
    margin: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.fuelDataType {
    width: 165px;
    height: 28px;
    background-color: #fbfbfb;
    color: #516473;
    border: 1px solid #b9c0c6;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
}
.fuelDataType.picked {
    background-color: #516473;
    color: #fbfbfb;
}
.fuelDataType.disabled {
    color: #babfc3;
}
.fuelDataType.disabled.picked {
    background-color: #dddddd;
    color: #516371;
}
.fuelChemicalText {
    text-align: right;
    font-family: "SiemensSansRomanBold";
    font-size: 15px;
    margin-left: 20px;
}
input.fuelChemicalInput {
    margin-left: 12px;
    margin-right: 12px;
    width: 68px;
    min-width: 68px;
}
.fuelAddBtnDialoge {
    background-color: #516473;
    color: White;
    height: 35px;
    width: 35px;
    cursor: pointer;
    margin-top: 1px;
    position: absolute;
    right: 40px;
}
.fuelAddBtnDialoge:hover {
    background-color: #364149;
}
.fuelAddBtnDialoge.disabled {
    background-color: #dddddd;
}
.fuelAddBtnDialoge.disabled:hover {
    background-color: #dddddd;
}
.fuelAddBtnDialoge img {
    height: 20px;
    width: 20px;
    margin: 0;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
}
.fuelRemoveBtnDialoge {
    background-color: #516473;
    color: White;
    height: 35px;
    width: 35px;
    float: left;
    cursor: pointer;
    margin-top: 1px;
}
.fuelRemoveBtnDialoge:hover {
    background-color: #364149;
}
.fuelRemoveBtnDialoge.disabled {
    background-color: #dddddd;
}
.fuelRemoveBtnDialoge.disabled:hover {
    background-color: #dddddd;
}
.fuelRemoveBtnDialoge img {
    height: 20px;
    width: 20px;
    margin: 0;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
}
.fuelSpecificationChecker {
    position: absolute;
    font-weight: 600;
    width: 498px;
    height: 28px;
    background-color: #f5e1e2;
    margin: 20px;
    margin-bottom: 10px;
    bottom: 50px;
    line-height: 28px;
    border: 1px solid #ce6665;
    color: #bd3333;
}
.fuelSpecificationChecker table {
    width: 500px;
    margin-left: 10px;
}
#sumOfComponents {
    text-align: right;
    padding-right: 20px;
}
.fuelOkBtnDialoge {
    position: absolute;
    width: 500px;
    margin-left: 20px;
    background-color: #516473;
    color: white;
    text-align: center;
    line-height: 30px;
    height: 30px;
    margin-bottom: 20px;
    bottom: 0px;
    cursor: pointer;
}
.fuelOkBtnDialoge:hover {
    background-color: #364149;
}

.componentSelectionDialog {
    position: absolute;
    z-index: 22;  
    width: 362px;
    height: 100%;  
    display: none;
    top: 0px;   
}

.componentSelectionDialog-arrow-left {
    position: absolute;
    width: 0; 
	height: 0; 
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;   
	border-right:12px solid #728492;
	/*right: 366px;*/
	left: -12px;
	z-index: 2;
}

.componentSelectionDialog-arrow-right {
    position: absolute;
    width: 0; 
	height: 0; 
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left:12px solid #728492;	
	right: -12px;
	z-index: 2;
}

.componentSelectionDialog-inner {
    line-height: 35px;
    font-size: 15px;
    position: absolute;
    width: 360px;
    border: 1px solid #728492;
    min-height: 76px;
    -moz-box-shadow: 0 0 20px #555;
    -webkit-box-shadow: 0 0 20px #555;
    box-shadow: 0 0 20px #555;
}

.componentSelectionDialog-header {
    font-family: "SiemensSlabBold";
    color: #516473;
    padding-left: 14px;
    background-color: #e4e9ec;
    height: 39px;
    font-size: 18px;
    line-height: 39px;
}

.componentSelectionDialog-inner .formField_select_options_box {
    max-height: none;
    width: 360px;
    top: 39px;
    bottom: 0px;
    border: 0px;
    border-top: 1px solid #728492; 
    margin-left: 0px;
}

.helpLinkIcon {
    height: 25px;
    margin-left: 15px;
    margin-top: 5px;
    cursor: pointer;
    float: left;
}

.form-readonly-message {
    text-align: center;
    border: 1px solid #FFCC11;
    padding: 10px;
    margin-bottom: 30px;
    background-color: #F3FF99;
    color: #526778;
}

.group_container {
    height: inherit;
    width: 720px;
}
.group {
    background-color: White;
    border: 1px #98a6af solid;
    color: #506576;
    font-size: 16px;
}
.formField {
    -webkit-appearance: none; /* removes the top shadow in input fields on ios */
}
.formField, .formField_text, .formField_password {
    color: #516371;
    background-color: #fbfbfb;
    border: 1px solid #babfc3;
    border-radius: 0px;
    font-size: 15px;
    line-height: 30px;
}
.formField_password {
    font-family: SiemensSansRoman;
}
.formField:hover {
    border: 1px solid #506576;
}
.formField_select {
    color: #506576;
    background-color: #fbfbfb;
    border: 1px solid #babfc3;
    height: 35px;
    width: 300px;
    max-width: 500px;
    margin-left: 15px;
    float: left;
    border-radius: 0;
    font-size: 15px;
    line-height: 30px;
    padding-bottom: 5px\0/; /* only seen by IE8 */
}

.formField_select_div {
    color: #506576;
    background-color: #fbfbfb;
    border: 1px solid #babfc3;
    height: 35px;
    width: 300px;
    max-width: 500px;
    margin-left: 15px;
    float: left;
    border-radius: 0;
    font-size: 15px;
    line-height: 35px;
    background: #fbfbfb url(/Content/images/select-icons.png) no-repeat;
    background-position: 263px;
    background-size: 37px;
    padding-bottom: 5px\0/; /* only seen by IE8 */
}
.formField_select_text_div p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.formField_select_text_div {
    height: 35px;
    width: 258px;
    padding-left: 5px;
    margin-top: 0px;
}
.formField_select_div:hover {
    border: 1px solid #506576;
}
.formField_select_arrow {
    float: right;
    margin-top: -20px;
}
.formField_select_options_box {
    position: absolute;
    z-index: 10;
    margin-left: -1px;
    margin-top: 0px;
    color: #506576;
    background-color: #fbfbfb;
    border: 1px solid #506576;
    max-height: 200px;
    overflow: auto;
    display: none;
}
.formField_select_option {
    line-height: 25px;
    padding: 5px;
    color: #506576;
    background-color: #fbfbfb;
    border-bottom: 1px solid #babfc3;
    cursor: pointer;
}
.formField_select_option.hover:hover {
    background-color: #b9c0c6;
    color: #2f3c45;
}
.formField_select_option.selected {
    background-color: #b9c0c6;
    color: #2f3c45;
}

.formField_button {
    background-color: #516473;
    color: White;
    height: 35px;
    float: left;
    text-align: center;
    line-height: 35px;
    margin-left: 15px;
    cursor: pointer;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
.formField_button:hover {
    background-color: #364149;
}

.formField_button.disabled {
    background-color: #dddddd;
}
.formField_button.disabled:hover {
    background-color: #dddddd;
}

.completetransparentoverlay {
    margin-top:-80px;
    background-image:url(/Content/images/transparentoverlay.png);
    background-repeat:repeat-x repeat-y;
    width: 100%;
   /*height: 100%;*/
    z-index: 9;
    top: 0;
    left: 0;
    bottom: -10px;
    position: absolute;
    display: none;
    overflow: hidden;
}

.data_caption {
    color: #526778;
    font-family: "SiemensSlabBold";
    font-size: 19px;
    line-height: 19px;
}
#subNavOverlay {
    filter: alpha(opacity = 0);
    opacity: 0.0;
    background-color: black;
    z-index: 5;
    position: absolute;
    display: none;
}
#navbarOverlay {
    filter: alpha(opacity = 0);
    opacity: 0.0;
    z-index: 5;
    background-color:black;
    position: absolute;
    display:none;
}

.navelem {
    width: 125px;
    height: 125px;
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    float: left;
    position: relative;
    cursor: pointer;
    color: #ffffff;
    font-size: 20px;
    font-family: "SiemensSlabBold";
}

    .navelemLogout {
        width: 125px;
        height: 80px;
        padding: 0;
        margin: 0;
        text-align: center;
        vertical-align: middle;
        float: left;
        position: relative;
        cursor: pointer;
        color: #ffffff;
        font-size: 20px;
        font-family: "SiemensSlabBold";
    }

.navelem .baricon {
    width: 45px;
    height: 39px;
    padding-top: 30px;
}

.navbartitle {
    color: #ffffff;
    font-size: 14px;
    font-family: "SiemensSansRoman";
    width: 125px;
    padding-top: 6px;
}

.navbartitleoptions {
    color: #ffffff;
    font-size: 14px;
    font-family: "SiemensSansRoman";
    width: 36px;
    padding-top: 6px;
}

.navbar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

.navbarbg {
    position: absolute;
    background-color: white;
    z-index: 2;
}

#subnavbar {
    background-color: #2F3C45;
    height: 125px;
    position: absolute;
    right: 0;
    padding-left: 25px;
    z-index: 2;
    min-width: 768px;
}

.subnavelem {
    height: 43px;
    text-align: center;
    vertical-align: middle;
    line-height: 43px;
    color: #ffffff;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    border: 1px solid #505d66;
    display: inline-block;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 41px;
    cursor: pointer;
}
.level2 {
}
.subnavelem img {
    width: 25px;
    height: 25px;
    float: left;
    margin: 9px 9px 0 0;
}
#notificationBar {
    position: absolute;
    z-index: 99999;
    top: 125px;
    left: 200px;
    width: 718px;
    height: 0;
    border: 1px solid #cf1616;
    background-color: #f39ca0;
    border-top: none;
    color: #a01010;
    line-height: 25px;
    display: none;
    text-align: center;
}

#notificationBarText {
    display: none;
    opacity: 0;
}
#subnavplus {
    position: absolute;
    z-index: 10;
    cursor: pointer;
}
#subnavplus img {
    height: 22px;
    width: 22px;
}
#subnavexport {
    height: 30px;
    position: absolute;
    z-index: 10;
    display: none;
    cursor: pointer;
}

    #revisecalculationexport {
        height: 30px;
        position: absolute;
        z-index: 10;
        display: none;
        cursor: pointer;
    }
    #reviseprojectexport {
        height: 30px;
        position: absolute;
        z-index: 10;
        display: none;
        cursor: pointer;
    }
    #deleteprojectexport {
        height: 30px;
        position: absolute;
        z-index: 10;
        display: none;
        cursor: pointer;
    }
    #transferprojectexport {
        height: 30px;
        position: absolute;
        z-index: 10;
        display: none;
        cursor: pointer;
    }
    #subnavsave {
        position: absolute;
        z-index: 10;
        display: none;
        opacity: 1;
        filter: alpha(opacity = 100);
    }

#subnavcopy {
    position: absolute;
    z-index: 10;
    display: none;
    opacity: 1;
    filter: alpha(opacity = 100);
}

#subnavcancel {
    position: absolute;
    z-index: 10;
    display: none;
    opacity: 1;
    filter: alpha(opacity = 100);
}
    #subnavadd {
        position: absolute;
        z-index: 10;
        display: none;
        opacity: 1;
        filter: alpha(opacity = 100);
    }
#subnavsave.disabled {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
#subnavcopy.disabled {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
#subnavcancel.disabled {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
    #subnavadd.disabled {
        opacity: 0.6;
        filter: alpha(opacity = 60);
    }
#subnavpluspopup {
    position: absolute;
    background-color: #b9c0c6;
    z-index: 50;
    width: 220px;
    line-height: 40px;
    display: none;
    padding-top: 10px;
}
#subnavpluspopup div {
    background-color: #516473;
    height: 40px;
    width: 200px;
    margin-left: 10px;
    margin-bottom: 10px;
    color: white;
    text-align: center;
    cursor: pointer;
}
#subnavpluspopup div:hover {
    background-color: #364149;
}
#radioElements {
    display: none;
}
#subnavfilter {
    width: 40px;
    height: 60px;
    position: absolute;
    right: 0;
    z-index: 10;
    cursor: pointer; /*background-image: url("/Content/images/filterbg.png");*/
    background-color: #b9c0c6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
#subnavfilter img {
    height: 22px;
    width: 22px;
    margin-top: 19px;
    margin-left: 10px;
}

#subnavfilterbar {
    height: 90px;
    width: 0px;
    background-color: white;
    position: absolute;
    z-index: 10;
    right: 0;
}

.subnavfilterbarelem {
    border-right: 1px solid #efefef;
    float: left;
    color: white;
    height: 90px;
}

#workspace {
    background-color: #e4eaea;
    position: absolute;
    right: 0;
    bottom: 0;
  /*  z-index: 0;*/
}

.ios_scroller {
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
}

.content {
    height: 143px;
    -webkit-backface-visibility:hidden;
}

.content.lastselected {
    background-color: #F8FAED;
    border: 1px solid #A1BB1C;
}

.case {
    -webkit-backface-visibility:hidden;
}

.caseprojectinfo {
    -webkit-backface-visibility:hidden;
}

.case.lastselected {
    background-color: #F8FAED;
    border: 1px solid #A1BB1C;
}

.user {
    -webkit-backface-visibility:hidden;
}

.user.lastselected {
    background-color: #F8FAED;
    border: 1px solid #A1BB1C;
}

.contentuppertable {
    height: 143px;
    max-height: 143px;
    min-height: 143px;
    margin: 0;
    width: 100%;
    border: 1px #dedede;
}

.contentupperinnertable {
    vertical-align: top;
    height: 100%;
    margin: 0;
    width: 100%;
}

.contentuppertabledate {
    padding-top: 10px;
    font-size: 14px;
    padding-right: 20px;
    text-align: right;
    color: #c4c5c7;
}

.contentuppertableoptions {
    padding-top: 19px;
    font-size: 14px;
    padding-right: 15px;
    text-align: right;
    color: #c4c5c7;
}

.contentuppertabletitle {
    padding-top: 13px;
    padding-left: 15px;
    vertical-align: top;
    font-size: 22px;
    font-family: "SiemensSlabBold";
    letter-spacing: 2px;
    color: #506473 ;
    overflow: hidden;
    height: 34px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.contentuppertabledescript {
    padding-left: 15px;
    vertical-align: top;
    color: #697b89;
    font-family: "SiemensSansRomanBold";
    font-size: 14px;
    line-height: 22px;
    width: 161px;
}

.contentuppertabledata {
    vertical-align: top;
    color: #919598;
    font-size: 14px;
    line-height: 22px;
    width:320px;
}

.case-status-icon {
    vertical-align: top;
    width: 15px;
    height: 14px;
    padding-top: 4px;
}

.casecounttabledata td {
    vertical-align: top;
    line-height: 22px;
    padding-right: 18px;
}

.showProjectEditor {
    cursor: pointer;
}

#projectimg {
    width: 144px;
    vertical-align: top;
    text-align: center;
}
#projectimg img {
    width: 145px;
    height: 145px;
    margin: -1px;
    margin-right: 0px;
}

#export {
    width: 40px;
    vertical-align: top;
    padding-top: 15px;
    text-align: right;
    padding-right: 15px;
}

#projectlistcalcexport {
    width: 40px;
    vertical-align: top;
    padding-top: 15px;
    text-align: right;
    padding-right: 15px;
}

#projectlistcalcexport img {
    cursor: pointer;
    width: 22px;
}

#projectlistcopyexport {
    width: 40px;
    vertical-align: top;
    padding-top: 15px;
    text-align: right;
    padding-right: 15px;
}

#projectlistcopyexport img {
    cursor: pointer;
    width: 22px;
}

#projectlistreviseexport {
    width: 40px;
    vertical-align: top;
    padding-top: 15px;
    text-align: right;
    padding-right: 15px;
}

#projectlistreviseexport img {
    cursor: pointer;
    width: 22px;
}

#projectlistdeleteexport {
    width: 40px;
    vertical-align: top;
    padding-top: 15px;
    text-align: right;
    padding-right: 15px;
}

#projectlistdeleteexport img {
    cursor: pointer;
    width: 22px;
}

#export img {
    cursor: pointer;
    width: 22px;
}

.export {
    width: 40px;
    vertical-align: top;
    padding-top: 27px;
    text-align: right;
    padding-right: 15px;
    cursor: pointer;
}

.export img {
    cursor: pointer;
    width: 22px;
}
.caseexport {
    width: 40px;
    vertical-align: top;
    padding-top: 27px;
    text-align: right;
    padding-right: 15px;
    cursor: pointer;
}
.caseexport img {
    width: 20px;
}

.duplicateeexport {
    width: 40px;
    vertical-align: top;
    padding-top: 10px;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
}

.projectduplicateeexport  {
    width: 40px;
    vertical-align: top;
    padding-top: 10px;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
}
.projectcalceexport {
    width: 40px;
    vertical-align: top;
    padding-top: 10px;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
}
.projectreviseexport {
    width: 40px;
    vertical-align: top;
    padding-top: 10px;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
}
.projecttransferexport {
    width: 40px;
    vertical-align: top;
    padding-top: 10px;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
}

.removeprojecttransferexport {
    display:none;
 }

.removeprojectduplicateexport {
    display:none;
 }

.removeprojectreviseexport {
    display:none;
 }

.removeprojectdeleteexport {
    display:none;
 }

.projectcalceexportafterremovingicons {
    position: absolute;
    margin-left: 170px;
 }

.projectdeleteexport {
    width: 40px;
    vertical-align: top;
    padding-top: 10px;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
}

.duplicate_action_State {
        opacity: 0.28;
    }
.revise_action_State {
        opacity: 0.28;
    }
.delete_action_State {
        opacity: 0.28;
    }
.calculation_action_State {
    opacity: 0.28;
    }
.transfer_action_State {
    opacity: 0.28;
    }
.duplicateeexport img {
   width: 20px;
}

.projectduplicateeexport img {
   width: 20px;
}
.projectcalceexport img {
   width: 20px;
}
.projectreviseexport img {
   width: 20px;
}
.projecttransferexport img {
   width: 20px;
}
.projectdeleteexport img {
   width: 20px;
}
.reviseexport {
    width: 40px;
    vertical-align: top;
    padding-top: 10px;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
}

.reviseexport img {
    width: 20px;
}

.deleteexport {
    width: 40px;
    vertical-align: top;
    padding-top: 10px;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
}

.deleteexport img {
    width: 20px;
}

.icontitle {
    font-size: 12px;
    color: #506473;
}

.level1 {
    background-color: #516473;
}

.level2 {
    background-color: #728492;
}

.level3 {
    background-color: #95A2AB;
}

.level4 {
    background-color: #B9C0C6;
}

    .level5 {
        background-color: #516473;
    }

.logout {
    position: relative;
    z-index: 5;
    line-height: 60px;
}

.logout img {
    height: 25px;
    border: 0;
    padding: 0;
    margin: 0;
    margin-top: -5px;
    vertical-align: middle;
}

.filterradio {
    color: #797e82;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 40px;
    margin-top: 25px;
    height: 40px;
    border: 1px solid #b9c0c6;
    float: left;
    cursor: pointer;
    background-color: #fbfbfb;
}

#filterradio1 {
    margin-left: 22px;
}

#filterradio2 {
    margin-right: 22px;
}

#filterarrowbtn {
    float: left;
    width: 29px;
    height: 90px;
    padding-top: 33px;
    margin-left: -7px;
    cursor: pointer;
}

#orderselectorimg {
    width: 17px;
    height: 25px;
}

#searchinput {
    color: #77787a;
    border: 1px solid #b9c0c6;
    height: 38px;
    width: 110px;
    padding-left: 10px;
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 5px; /*background: #fbfbfb url(/Content/images/lupe.png) no-repeat;*/
    border-radius: 0;
    outline: none;
    font-size: 13px;
    line-height: 38px;
}

@@media \0screen {
    /* IE8 hack for the search icon (lupe.png) */
    #searchicon {
        padding-top: 0px;
        vertical-align: middle;
        margin: 0px 12px;
    }
    .serialDialog, .indexDialog, .fuelSpecificationDialoge, #helpDialog, #termsOfUseDialog, .genericDialog {
        border: solid 1px #364149;
    }
}

#searchicon {
    margin: -2px 12px;
    cursor: pointer;
    height: 15px;
    width: 15px;
}
.isSerialParamIcon {
    cursor: pointer;
    float: left;
    height: 25px;
    padding-left: 15px;
}
.isSerialParamIcon:hover {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
.serialDialog {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -110px;
    z-index: 12;
    background-color: white;
    width: 500px;
    -moz-box-shadow: 0 0 50px #000000;
    -webkit-box-shadow: 0 0 50px #000000;
    box-shadow: 0 0 50px #000000;
    display: none;
}
.serialDialogCaption {
    color: #516473;
    padding-left: 20px;
    background-color: #e4e9ec;
    height: 43px;
    font-size: 18px;
    line-height: 43px;
}
.serialDialogCaption img {
    float: right;
    cursor: pointer;
    margin-top: 9px;
    margin-right: 8px;
    width: 25px;
    height: 25px;
}
.serialDialogCaptionRow {
    font-family: "SiemensSlabBold";
}
.serialDialogTable {
    border: 0;
    width: 500px;
    margin: 20px;
    margin-bottom: 0;
    font-family: "SiemensSansRomanBold";
}
.serialDialogTable input {
    height: 28px;
    width: 62px;
    text-align: center;
    background-color: #fbfbfb;
    border: 1px solid #b8c1c8;
    font-size: 15px;
    color: #506372;
    border-radius: 0;
    -webkit-appearance: none;
}
.Row {
    color: #516473;
    text-align: right;
    width: 125px;
    height: 33px;
    font-weight: 600;
    font-size: 15px;
}
.rowValue {
    width: 35px;
    padding-left: 20px;
}
.rowValue input {
    line-height: 25px;
    margin-bottom: 10px;
}
.serialDialogTable div {
    padding-left: 18px;
    color: #b6bac3;
    font-style: italic;
}
.removeBtnDialoge {
    background-color: #516473;
    color: White;
    width: 120px;
    height: 30px;
    float: left;
    text-align: center;
    line-height: 30px;
    margin-left: 15px;
    margin-top: 4px;
    cursor: pointer;
    font-size: 15px;
}
.removeBtnDialoge:hover {
    background-color: #364149;
}
.okBtnDialoge {
    background-color: #516473;
    color: White;
    width: 345px;
    height: 30px;
    float: left;
    text-align: center;
    line-height: 30px;
    margin-left: 8px;
    margin-top: 4px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 15px;
}
.okBtnDialoge:hover {
    background-color: #364149;
}
.serialCalcLabel {
    padding-left: 186px;
    margin-top: 0px;
    margin-bottom: 20px;
    display: none;
}
.serialCalcTable td {
    text-align: right;
    padding: 3px;
    font-size: 95%;
}
.serialCalcTableValue {
    padding-left: 14px;
}
.row_container {
    height: 50px;
    vertical-align: middle;
    margin-bottom: -10px;
}
.row_label {
    font-family: "SiemensSansRomanBold";
    font-size: 15px;
}
.rangetext, .unittext {
    line-height: 35px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    font-style: italic;
    color: #bbb;
}

.offline-message-warning {
    text-align: center;
    border: 1px solid #9B7B06;
    padding: 10px;
    background-color: #F3FF99;
    color: #9B7B06;
    width: 700px;
    max-height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -361px;
    top: 140px;
    line-height: 20px;
    display: none;
}

.offline-message-info {
    text-align: center;
    border: 1px solid #D80A0A;
    padding: 10px;
    background-color: #FACACD;
    color: #D80A0A;
    width: 700px;
    max-height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -361px;
    top: 140px;
    line-height: 20px;
    display: none;
}

#subnavnewcaseplus, #subnavnewuserplus {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    display: none; top:0;
    top: 0;
}


#subnavnewcaseplus img, #subnavnewuserplus img {
    height: 22px;
    width: 22px;
}

#userSearchOption input {
    height: 15px;
    width: 400px;
    padding: 12px 20px 12px 12px;
    color: #516371;
    background-color: #fbfbfb;
    border: 1px solid #babfc3;
    border-radius: 0px;
    font-size: 15px;
    margin-bottom: 10px;
}

.user-filter-options {
    margin-top: 15px;
    margin-bottom: 20px;
    display: flex;
    gap: 5%;
    align-items: center;
}

    .user-filter-options input[type="checkbox"] {
        transform: scale(1.15); /* Change the scale value to resize */
        margin-right: 5px;
    }

    .rangetext {
        color: #bbbbbb;
    }
.settingsGroup {
    color: #516473;
    margin: 80px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.groupInner {
    background-color: White;
}
#helpDialog {
    position: absolute;
    z-index: 20;
    background-color: white;
    left: 140px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    -moz-box-shadow: 0 0 50px #000000;
    -webkit-box-shadow: 0 0 50px #000000;
    box-shadow: 0 0 50px #000000;
    font-family: "SiemensSansRomanBold";
    display: none;
}
.portrait #helpDialog {
    left: 20px;
    top: 140px;
}
#helpDialog img {
    float: right;
    cursor: pointer;
    margin-top: 9px;
    margin-right: 8px;
    width: 25px;
    height: 25px;
}
#helpDialogCaption {
    color: #516473;
    padding-left: 20px;
    background-color: #e4e9ec;
    height: 43px;
    font-size: 20px;
    line-height: 43px;
}
#helpDialogDialogCaptionRow {
    font-family: "SiemensSlabBold";
}
#helpDialogIFrame {
    height: 100%;
    width: 100%;
    position: absolute;
}
#helpDialogFrameDiv {
    position: absolute;
    top: 43px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#termsOfUseDialog {
    width: 600px;
    max-width: 600px;
    max-height: 500px;
    margin-left: -300px;
    font-family: "SiemensSansRomanBold";
}
#termsOfUseDialogText {
    overflow: auto;
    padding-bottom: 1px;
    max-height: 380px;
    text-align: left;
}

.genericDialog {
    position: absolute;
    z-index: 25;
    background-color: white;
    left: 50%;
    top: 50%;
    max-width: 600px;
    -moz-box-shadow: 0 0 50px #000000;
    -webkit-box-shadow: 0 0 50px #000000;
    box-shadow: 0 0 50px #000000;
    font-family: "SiemensSlabBold";
    display: none;
    color: #516473;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.genericDialog img {
    float: right;
    cursor: pointer;
    margin-top: 8px;
    margin-right: 8px;
    width: 25px;
    height: 25px;
}
.genericDialogCaption {
    padding-left: 15px;
    background-color: #e4e9ec;
    font-size: 20px;
    line-height: 43px;
}
.genericDialogCaptionText {
    font-family: "SiemensSlabBold";
}
.genericDialogText {
    font-family: "SiemensSansRomanBold";
    text-align: center;
    font-size: 15px;
    margin: 15px;
    max-width: 600px;
}

.genericDialogButtons {
    color: #fff;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 15px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
}

.genericDialogButton {
    background-color: #516473;
    width: 140px;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
}

.genericDialogButton:hover {
    background-color: #96a3ac;
}

#loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -69px; /* Half the height */
        margin-left: -62px; /* Half the width */
        z-index: 25;
        width: 125px;
        height: 138px;
    }
.loggedinuser_text {
        color: #393939;
        font-size: 12px;
        position: absolute;
        top: 50px;
        line-height: 15px;
        text-align: center;
        width: 125px;
}
#completeoverlay {
    background-image:url(/Content/images/overlay.png);
    background-repeat:repeat-x repeat-y;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
   /* filter: alpha(opacity = 30);*/
    
    overflow: hidden;
}

#completemodaloverlay {
    background-image:url(/Content/images/transparentoverlay.png);
    background-repeat:repeat-x repeat-y;
    width: 100%;
    height: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    position: absolute;
    display: none;
    overflow: hidden;
}

#noitems {
    position: absolute;
    margin: 0 auto;
    z-index: 100;
    height: 450px;
    width: 650px;
    background-image: url(/Content/images/noprojectsbg.png);
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: 50%;
    margin-top: -225px;
    margin-left: -325px;
}

#noitemshead {
    font-family: "SiemensSlabBold";
    color: #2f3c45;
    font-size: 29px;
    padding-top: 120px;
}

#noitemsbody {
    font-family: "SiemensSansRomanBold";
    color: #506473;
    font-size: 21px;
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
    margin-top: 25px;
}

#noprojectsbg {
    position: relative;
    z-index: 0;
    height: 450px;
}

.contentuppertabledate {
    width: 150px;
}

contentuppertableoptions{
     width: 150px;
}

#createdtimestamp {
    position: absolute;
    top: 0;
    right: 100px;
    font-family: "SiemensSansRoman";
    z-index: 3;
    color: #a8b1b9;
    margin-top: 22px;
    font-size: 14px;
}


.case {
    background-color: #ffffff;
    border: 1px solid #aeb4b4;
    display: inline-block;
}

.caseprojectinfo {
    background-color: #2F3C45;
    border: 1px solid #aeb4b4;
    display: inline-block;
}

.caseuppertable {
    height: 60px;
    margin: 0;
    width: 100%;
    border: 1px #dedede;
}

.caseprojectuppertable {
    height: 60px;
    margin: 0;
    width: 100%;
    border: 1px #dedede;
}

.caseuppertabledate {
    vertical-align: top;
    padding-top: 30px;
    font-size: 14px;
    /*text-align: right;*/
    color: #c4c5c7;
    width: 160px;
}

.caseuppertabletitle {
    vertical-align: middle;
    font-size: 22px;
    font-family: "SiemensSlabBold";
    color: #5a6167;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 21px;
    padding-bottom: 17px;
}

.caseprojectuppertabletitle {
    vertical-align: middle;
    font-size: 22px;
    font-family: "SiemensSlabBold";
    color: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 21px;
    padding-bottom: 17px;
}

.caselowertabledescript {
    vertical-align: top;
    color: #697b89;
    font-family: "SiemensSansRomanBold";
    font-size: 14px;
    line-height: 22px;
    width: 245px;
}

.caseprojectlowertabledescript {
    vertical-align: top;
    color: #a8b1b9;
    font-family: "SiemensSansRomanBold";
    font-size: 14px;
    line-height: 22px;
    width: 245px;
}

.caselowertabledata {
    vertical-align: top;
    color: #919598;
    font-size: 14px;
    line-height: 22px;
}

.caselowertablewhitespace {
    width: 80px;
    vertical-align: middle;
    text-align: center;
}

.caseprojectlowertablewhitespace {
    width: 80px;
    vertical-align: middle;
    text-align: center;
}

.caselowertable {
    margin-bottom: 15px;
    width: 100%;
    border: 1px #dedede;
}

.caseprojectlowertable {
    margin-bottom: 15px;
    width: 100%;
    border: 1px #dedede;
}

.caseimg {
    width: 80px;
    vertical-align: middle;
    text-align: center;
}
.casestate {
    margin-top: 8px;
    width: 30px;
}

.switch-to-case-button {
    vertical-align: middle;
    text-align: right;
    padding-right: 15px;
    font-size: 25px;
    font-family: "SiemensSansRomanBold";
}
.switch-to-case-img {
    width: 22px;
}

.action-popup {
    position: absolute;
    top: 210px;
    left: 735px;
    background-color: #b9c0c6;
    z-index: 50;
    line-height: 40px;
    padding: 5px;
    display: none;
}

.action-popup-button {
    height: 40px;
    margin: 5px;
    color: white;
    text-align: center;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
}

.action-popup-arrow-bottom-right {
    position: absolute;
    top: -10px;
    left: 242px;
    margin: 0px;
    border-right: 0;
    border-bottom: 10px solid #b9c0c6;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    padding: 0;
    width: 0;
    height: 0;
    z-index: 100;
}

.action-popup-arrow-top-right {
    position: absolute;
    top: -10px;
    left: 242px;
    margin: 0px;
    border-top: 10px solid #b9c0c6;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    padding: 0;
    width: 0;
    height: 0;
    z-index: 100;
}

    .button-container {
        display: flex;
        justify-content: center; 
    }

    .user {
        background-color: #ffffff;
        border: 1px solid #aeb4b4;
        display: inline-block;
    }

    .usermanagementdiv {
        margin-bottom: 0px;
        display: flex;
        flex-direction: row;
    }

    .usermanagementtable {
        margin: 30px;
        margin-bottom: 0px;
        display: table;
        overflow-y: scroll;
        width:20%;
    }

    #userListTable {
        width:100%;
    }

    .usermanagementuserdetails {
        background-color: #e4eaea;
        border: 2px solid #506576;
        margin: 30px;
        width: 100%;
        height: fit-content;
        padding: 20px;
        font-size: 13Px;
        margin-top:100px;
    }

    #user_Form .form-group {
        margin-bottom: 15px;
    }

    #user_Form label {
        font-weight: bold;
        display: block;
        width: 100%;
        margin-bottom:5px;
    }

    #user_Form input[type="text"],
    #user_Form input[type="date"],
    #user_Form input[type="email"],
    #user_Form select,
    #user_Form textarea {
        padding: 10px;
        box-sizing: border-box;
        border: 1px solid #506576;
        border-radius: 4px;
        width: 100%;
        background-color: whitesmoke;
    }

    #user_Form .radio-label input[type="radio"] {
        vertical-align: middle;
    }

    #user_Form .radio-label {
        display: inline-block;
        width: 150px;
    }
    #user_Form label.required::before {
        content: " *";
        color: red;
        margin-right: 5px;
    }

    #user_Form .radio-mainlabel {
        margin-bottom: 5px;
        width: 100%;
    }

    #user_Form input[type="radio"],
    #user_Form input[type="checkbox"] {
        margin-right: 5px;
    }

    input[type="submit"] {
        background-color: #506576;
        padding: 10px;
        border: 1px solid black;
        border-radius: 4px;
        cursor: pointer;
        width: 140px;
        margin-left: 20px;
        color: #ffffff;
    }

        input[type="submit"]:hover {
            background-color: #506576;
        }

    .contactpopup {
        background-color: #e4eaea;
        border: 3px solid #506576;
        margin: 20px;
        height: fit-content;
        padding: 20px;
        font-size: 15Px;
        display: none;
        position: fixed;
        top: 50%;
        right: 30%;
        width: 300px;
        transform: translate(-50%, -50%);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        z-index: 9;
    }
       
   
    #contactpopup input[type="text"] {
        padding: 8px;
        box-sizing: border-box;
        border: 1px solid #506576;
        border-radius: 4px;
        width: 100%;
        background-color: whitesmoke;
    }


    #contactpopup input[type="button"] {
        padding: 8px;
        border-radius: 4px;
        width: 100%;
        background-color: #506576;
        border: 1px solid black;
        cursor: pointer;
        color: #ffffff;
        margin-left: 17px;
    }

    #contactpopup input[type="button"]:hover {
        background-color: #506576;
    }

    #user_Form input[type="date"]:disabled {
        background-color: #cccccc;
        cursor: not-allowed;
        color: #666666;
    }

    #user_Form input[type="text"]:disabled {
        background-color: #cccccc;
        cursor: not-allowed;
        color: #666666;
    }

    #contactpopup input[type="button"]:disabled {
        background-color: #cccccc;
        cursor: not-allowed;
        color: #666666;
    }


    #user_Form .form-group.inline {
        display: inline-block;
        margin-right: 20px;
        vertical-align: top;
        width: 22%;
    }

    #user_Form .form-group.inlineforspecifictag {
        display: inline-block;
        margin-right: 20px;
        vertical-align: top;
        width: 46%;
    }

    #user_Form .form-group.row {
        clear: both;
        margin-bottom: 5px;
    }

    #user_Form .radio-group {
        border: 1px solid #506576;
        padding: 5px;
        border-radius: 4px;
        width: 95%;
        background-color: whitesmoke;
    }

    #user_Form .tableStyle {
        border-collapse: collapse;
        width: 100%;
        background-color: whitesmoke;
    }

        #user_Form .tableStyle th, #user_Form .tableStyle td {
            border: 1px solid black;
            padding: 8px;
            text-align: left;
        }

        #user_Form .tableStyle th {
            background-color: #506576;
            position: sticky;
            top: 0;
            width: auto;
            color: #ffffff;
        }

    #user_Form .table-container {
        max-height: 120px;
        overflow-y: auto;
        width: 100%;
        border: 1px solid #506576;
        margin-bottom: 3px;
    }
    /* Border around table header */
    #user_Form #userTable thead {
        border: 1px solid #506576;
    }

    
    .usermanagementtable td, .usermanagementtable th, .usermanagementtable tr {
        border: 1px solid black;
    }

    .usermanagementtable th {
        padding: 5px;
        vertical-align: middle;
        font-size: 15px;
        color: #5a6167;
    }

    .usermanagementtableid {
        padding: 5px;
        width: 50px;
        vertical-align: middle;
        font-size: 15px;
        color: #5a6167;
    }

    .usermanagementtable tr.header, .usermanagementtable tr:hover {
        background-color: #95A2AB;
    }

    .usermanagementtablename, .usermanagementtableemail {
        padding: 10px;
        width: 150px;
        vertical-align: middle;
        font-size: 15px;
        color: #5a6167;
    }

    input[type="submit"]:disabled {
        background-color: #cccccc;
        cursor: not-allowed;
        color: #666666;
    }



.usertable {
    height: 60px;
    margin: 0;
    width: 100%;
    border: 1px #dedede;
}

.usertablename {
    padding-left: 21px;
    width: 275px;
    vertical-align: middle;
    font-size: 18px;
    color: #5a6167;
}

.usertablecompany, .usertablecountry {
    width: 255px;
    vertical-align: middle;
    font-size: 18px;
    color: #5a6167;
}

.userDeleteOption {
    width: 40px;
    vertical-align: top;
    padding-top: 20px;
    text-align: right;
    padding-right: 15px;
    cursor: pointer;
}
.userDeleteOption img {
    width: 20px;
}

.requestInvitationOption {
    width: 40px;
    vertical-align: top;
    padding-top: 20px;
    text-align: right;
    padding-right: 15px;
    cursor: pointer;
}

.requestInvitationOption img {
    width: 20px;
}

.removeRequestInvitation {
    display:none;
}

.newarrowpluspopup {
    position: absolute;
    top: -10px;
    left: 175px;
    margin: 0px;
    border-right: 0;
    border-bottom: 10px solid #b9c0c6;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    padding: 0;
    width: 0;
    height: 0;
    z-index: 100;
}


#changePasswordDialog {
    height: 265px;
    width: 600px;
}

#changePasswordDialog table tr td {
    padding: 4px 0 4px 0;
    vertical-align: middle;
}

#changePasswordDialogButtons {
    text-align: center;
}

#changePasswordDialog table {
    margin: 20px 0 20px;
    width: 100%;
}
#selection {
    border: solid 1px #b8bfc5;
    color: #4e6374;
    line-height: 40px;
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 20px;
    width: 300px;
    padding-left: 10px;
    font-size: 15px;
    background: #fbfbfb url(/Content/images/filterDropDownArrow.png) no-repeat;
    background-position: 269px;
    cursor: pointer;
    z-index: 11;
}
#projectSelection {
    border: solid 1px #b8bfc5;
    color: #4e6374;
    line-height: 40px;
    margin-top: 25px;
    margin-left: 20px;
    margin-right: 20px;
    width:180px;
    padding-left: 10px;
    font-size: 15px;
    background: #fbfbfb url(/Content/images/filterDropDownArrow.png) no-repeat;
    background-position: 148px;
    cursor: pointer;
    z-index: 11;
}

#selection:hover {
    border: solid 1px #697b89;
}

#projectSelection:hover {
    border: solid 1px #697b89;
}

#selectionelem {
    position: absolute;
    width: 312px;
    color: #77787a;
    background-color: #fbfbfb;
    line-height: 40px;
    border-top: solid 1px #516473;
    border-bottom: 1px solid #bbbbbb;
    display: none;
    font-size: 15px;
    cursor: pointer;
    overflow: auto;
    z-index: 11;
    max-height: 287px;
}
#projectSelectionlem {
    position: absolute;
    width: 192px;
    color: #77787a;
    background-color: #fbfbfb;
    line-height: 40px;
    border-top: solid 1px #516473;
    border-bottom: 1px solid #bbbbbb;
    display: none;
    font-size: 15px;
    cursor: pointer;
    overflow: auto;
    z-index: 11;
    max-height: 287px;
}

#selectionElemOptions div {
    padding-left: 10px;
    border-bottom: 1px solid #516472;
}
#selectionElemOptions {
    background-color: #fbfbfb;
    border-left: 1px solid #516472;
    border-right: 1px solid #516472;
}
#projectSelectionElemOptions div {
    padding-left: 10px;
    border-bottom: 1px solid #516472;
}
#projectSelectionElemOptions {
    background-color: #fbfbfb;
    border-left: 1px solid #516472;
    border-right: 1px solid #516472;
}
#selectionElemOptions div.hover:hover {
    background-color: #b9c0c6;
    color: #2f3c45;
}
#selectionElemOptions div.selected {
    background-color: #b9c0c6;
    color: #2f3c45;
}

#projectSelectionElemOptions div.hover:hover {
    background-color: #b9c0c6;
    color: #2f3c45;
}
#projectSelectionElemOptions div.selected {
    background-color: #b9c0c6;
    color: #2f3c45;
}

#SLast {
    border-style: none;
}

/*******************************************************************/
/* toggle buttons (e.g. SI/BUS, 50/60)
/*******************************************************************/
.toggleButtons {
    float: left;
    margin-left: 16px;
    font-size: 15px;
}


.noitemswrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: #e4eaea;
    text-align: center;
}



.toggleButtons .toggleButton.disabled {
    color: #babfc3;
}

.toggleButtons .toggleButton.disabled.picked {
    background-color: #dddddd;
    color: #516371;
}

.toggleButtons .toggleButton {
    height: 35px;
    border: 1px solid #babfc3;
    float: left;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    background-color: #fbfbfb;
    color: #506576;
    margin-left: -1px;
    min-width: 48px;
    padding-left: 10px;
    padding-right: 10px;
}

.toggleButtons .toggleButton.picked {
    background-color: #506576;
    color: #ffffff;
}

/*******************************************************************/
/* Pager Bar (e.g. at the bottom of project list)
/*******************************************************************/
#pagerbar {
    margin: auto;
}

#pagerbar td {
    vertical-align: middle;
}

#pagerbar-first img, #pagerbar-last img {
    margin-top: 10px;
    width: 15px;
    height: 20px;
    cursor: pointer;
}

#pagerbar-prev img, #pagerbar-next img {
    margin-top: 10px;
    width: 12px;
    height: 20px;
    cursor: pointer;
}

.pagerbar-button#pagerbar-prev, .pagerbar-button#pagerbar-last {
    border-right: 1px solid #B9C1C7;
}

#pagerbar-currentpage {
    color: #FFFFFF;
    background-color: #B9C1C7;
}

td#pagerbar-pages {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    color: #B9C1C7;
}

.pagerbar-button {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    border: 1px solid #B9C1C7;
    border-right: 0px;
    vertical-align: middle;
    text-align: center;
    line-height: 40px;
}

.pagerbar-button.last {
    border-right: 1px solid #B9C1C7;
}

.backColor {
    background-color: #2f3c45 !important;
}

.contact-image {
    border: 0 !important;
}

.fuel-volume {
    margin-left: -1px !important;
    margin-right: -1px !important;
}

.dialog-text-align {
    text-align: right !important;
}

.table-data-width {
    width: 83px !important;
}

.popover-visible {
    display: block !important;
}

.no-display {
    display: none;
}

.force-lineheight-16 {
    line-height: 16px !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.white-color {
    color: White !important;
}

.text-decor {
    text-decoration: underline !important;
}

.text-font {
    font-weight: bold !important;
    font-size: 1.4em !important;
}

.text-alignment {
    text-align: left !important;
    width: 100% !important;
}

.section-padding {
    padding: 0 25px 15px 25px !important;
}

.section-padding-imprint {
    padding: 15px 25px 15px 25px !important;
}

.user-normal {
    background-color: #95A2AB;
    color: #ffffff;
}

.user-other {
    /* Add styles for other user types, if needed */
    color: inherit;
}

.userdata-margin {
    margin: 20px;
}

.userdetails-margin {
    margin-bottom: 20px !important;
    font-size: 17px !important;
}

.contact-id-field {
    width: 15% !important;
    margin-right: 0px !important;
}

.va-top {
    vertical-align: top !important;
}

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

.w-80pct {
    width: 80% !important;
}

.w-1348 {
    width: 1348px !important;
}

.w-75{
   width: 75px !important; 
}

.w-130 {
    width: 130px !important;
}

.w-500 {
    width: 500px !important;
}

.w-84{
   width: 84px !important; 
}

.w-30{
   width: 30px !important; 
}

.w-120 {
    width: 120px !important;
}

.w-140{
   width: 140px !important; 
}

.w-495{
   width: 495px !important; 
}

.w-200{
   width: 200px !important; 
}

.w-480{
   width: 480px !important; 
}

.w-20{
   width: 20px !important; 
}

.w-170{
   width: 170px !important; 
}

.w-530{
   width: 530px !important; 
}

.w-600 {
    width: 600px !important;
}

.w-40{
   width: 40px !important; 
}

.w-640{
   width: 640px !important; 
}

.w-131{
   width: 131px !important; 
}

.w-402{
   width: 402px !important; 
}

.w-125{
   width: 125px !important; 
}

.w-160{
   width: 160px !important; 
}

.w-330{
   width: 330px !important; 
}

.w-290{
   width: 290px !important; 
}

.w-700{
   width: 700px !important; 
}

.w-175{
   width: 175px !important; 
}

.w-150{
   width: 150px !important; 
}

.w-680 {
    width: 680px !important;
}

.h-25{
   height: 25px !important;
}

.h-435{
   height: 435px !important;
}

.h-22 {
    height: 22px !important;
}

.h-62 {
    height: 62px !important;
}

.h-42 {
    height: 42px !important;
}

.h-82 {
    height: 82px !important;
}

.span-color{
	color: #ff0000 !important;
}

.font-size-0_7em{
	font-size: 0.7em !important;
}

.font-size-16pt{
	font-size: 16pt !important;
}

.font-size-1_4em {
    font-size: 1.4em !important;
}

.empty-cell {
    width: 33px;
}

#sipasButton {
    height: 22px;
    cursor: pointer;
    margin-left: 40px;
    float: left;
}

.sipas-label {
    text-decoration: underline;
    font-family: 'SiemensSansRoman';
    font-size: 14px;
    color: #a8b1b9;
    text-align: right;
}

.reload-container {
    height: 22px;
    cursor: pointer;
    margin-left: 40px;
    float: left;
}

#reloadbutton {
    width: 125px;
    height: 22px;
    background-color: #516473;
    border: none;
    color: #fff;
    font-family: 'SiemensSansRoman';
    font-size: 14px;
    border-radius: 0;
    -webkit-appearance: none;
}

.ruler-div {
    width: 500px;
    overflow: hidden;
    position: absolute;
    top: -200px;
}

.ruler-span {
    padding: 0;
    white-space: nowrap;
}