/* Minification failed. Returning unminified contents.
(255,26): run-time error CSS1046: Expect comma, found '84'
(255,32): run-time error CSS1046: Expect comma, found ')'
(265,19): run-time error CSS1046: Expect comma, found '84'
(265,25): run-time error CSS1046: Expect comma, found ')'
(269,34): run-time error CSS1046: Expect comma, found '84'
(269,40): run-time error CSS1046: Expect comma, found ')'
(344,31): run-time error CSS1046: Expect comma, found '255'
(344,38): run-time error CSS1046: Expect comma, found ')'
 */
/* Formatierungen für bestimmte Textausgaben */ 

.grid-refresh-text {
    font-size: 0.8em;
}

.underline {
    text-decoration: underline;
}

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

.dialog-center a {
    color: blue;
}


#dialog-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}


/* Einstellungen für Dialoge mit Textinhalt (z.B. Bestätigung der AGB's) */

.dialog-scrollable-content {
    text-align: left;
    height: 350px;
    width: calc(100% - 20px);
    border: 1px solid rgb(188, 188, 188);
    padding: 10px;
}

.dialog-scrollable-content h3 {
    text-align: left;
    margin: 10px 0 0 0;
}


/*Formatierung für Tabellen */
table.dialog-details {
    padding: 20px 0;
}

table.dialog-details td {
    padding-right: 10px;
    vertical-align: top;
}

TR.separate-below TD, TR.separate-below TH {
    border-bottom: 1em solid white;
}

.table-column-left-justify {
    text-align: left;
}


.text-bold {
    font-weight: bold;
}

 /*Formatierung für GroupBox (Fieldset)*/ 

fieldset {
    border: 1px none rgb(200, 221, 239);
    border: 1px none rgba(31, 118, 190, 0.25);
    border-top-style: solid;
}

legend {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
 
/*Formatierungen für das Formular für das Auftrag erstellen*/

.order-form-left-part {
    float: left;
    width: calc(50% - 5px);
    margin-bottom: 10px;
    min-width: 300px;
    vertical-align: middle;
}

.order-form-right-part {
    float: right;
    width: calc(50% - 5px);
    margin-bottom: 10px;
    min-width: 300px;
}



.order-form-center-part {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}


.order-form-lower-part {
    clear: both;
    float: none;
    width: calc(100% -10px);
}

.order-form-full-with-part {
    clear: both;
    float: none;
    width: calc(100% - 10px);
}

.order-form-part {
    display: flex;
    align-items: center;
    width: 100%;
}


    .order-form-part div {
        margin-bottom: 5px;
    }

.order-form-part-items-left {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.order-form-part-checkbox {
    margin-bottom: 10px;
    margin-top: 10px;
    align-content: center;
}

.order-form-part-val {
    margin-left: 9em;
}

.order-form-part label {
    width: 9em;
}

.order-form-part textarea, .order-form-part input, .order-form-part select, .order-form-part div {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.order-form-full-with-part label {
    width: 9em;
}

.order-form-full-with-part input {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}


/* Formatierungen für Eingabeformulare */

.form-input {
    display: flex;
    margin-bottom: 1em;
    /*border: 2px dotted;*/
    justify-content: left;
    margin-left: 1em;
    margin-right: 1em;
    /*align-items: flex-start;*/
}

.form-input-center {
    display: flex;
    margin-bottom: 1em;
    /*border: 2px dotted;*/
    justify-content: center;
    margin-left: 1em;
    margin-right: 1em;
    align-items: flex-start;
}

.form-input-edit {
    width: calc(100% - 200px);
    min-width: 164px;
    /*border: 2px dotted;*/
}

.form-input-checkbox {
    flex-direction: row;
    margin-bottom: 10px;
    margin-top: 10px;
    align-content: center;
}

.form-input-edit-full-width {
    width: 100%;
}

.form-input-edit-option-button {
    margin-left: 1em;
    margin-top: 1.25em;
    width: 170px;
    /*border: 2px dotted rgb(255, 0, 0);*/
}

.flex-v-alignment-start {
    align-items: flex-start;
}

.flex-v-alignment-end {
    align-items: flex-end;
}

.flex-v-alignment-center {
    align-items: center;
}



/* Formatierungen für Log-On Felder*/
.log-on input[type=email] input[type=password] {
    width: 160px;
    border: 1px solid #BCBCBC
}


/* Formatierungen für Tabsheets */



.ui-tabs .ui-tabs-active .status-active {
    background: rgb(16, 84, 135);
    border-color: rgb(16, 84, 135);
}





 /*Formatierungen für Forumlar Elemente */

.form-button {
    background-color: white;
    border: solid;
    border-color: rgb(16 84 135);
    text-align: center;
    min-width: 120px;
    cursor: pointer;
    padding: 5px 5px;
    margin-left: 1px;
    margin-right: 1px;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: rgb(16 84 135);
}

    .form-button:hover {
        background-color: rgb(16 84 135);
        color: white;
    }

text-box single-line {
    width: 160px;
    border: 1px solid #BCBCBC
}

input, select {
    margin-bottom: 5px;
    padding: 1px;
}

    input[type=text] {
        border: 1px solid #BCBCBC
    }

    input[type=number] { /*, input[type=password], input[type=email] {*/
        width: 160px;
        border: 1px solid #BCBCBC
    }
    
/*input:not([type=checkbox]), input:not([type=select]) {
        width: 160px;
        border: 1px solid #BCBCBC;
    }*/

    input[type=checkbox] {
        margin-left: 0;
    }


    input[type=submit], input[type=button] {
        width: 164px;
    }

    .open-dialog-button {
        height: 20px;
        width: 25px;
        position: absolute;
        margin-left: 5px;
    }


textarea {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 1em;
    resize: none;
    padding: 1px;
    width: 160px;
    border: 1px solid #BCBCBC
}

select {
    width: 162px;
    margin-bottom: 5px;
    padding: 1px;
    border: 1px solid #BCBCBC
}


/* Formatierung für spezielle IDs */

#actionOverview a {
    padding: 0 30px 0 15px;
    background-image: url(../Images/arrow-right-blue_16.png);
    background-position: left center;
    background-repeat: no-repeat;
}


/* Formatierungen für Tool-Button Elemente */

.tool-bar {
    background-color: rgb(255 255 255);
    padding: 8px 0 8px 8px;
    width: calc(100% - 10px);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    vertical-align: central;
}

.tool-bar-download-button {
    height: 24px;
    width: 24px;
    margin-right: 2px;
    background: url('../Images/download_tool_button.png') 0 0; 
}

    .tool-bar-download-button:hover {
        background: url('../Images/download_tool_button.png') -24px 0;
    }

.tool-bar-check-button {
    height: 24px;
    width: 24px;
    margin-right: 2px;
    background: url('../Images/check_tool_button.png') 0 0;
}

    .tool-bar-check-button:hover {
        background: url('../Images/check_tool_button.png') -24px 0;
    }

.tool-bar-upload-button {
    height: 24px;
    width: 24px;
    margin-right: 2px;
    background: url('../Images/upload_tool_button.png') 0 0;
}

    .tool-bar-upload-button:hover {
        background: url('../Images/upload_tool_button.png') -24px 0;
    }

.tool-bar-delete-button {
    height: 24px;
    width: 24px;
    margin-right: 2px;
    background: url('../Images/delete_tool_button.png') 0 0;
}

    .tool-bar-delete-button:hover {
        background: url('../Images/delete_tool_button.png') -24px 0;
    }


/* Style Definitionen für das Layout des Portal, insbesondere alle Bereiche die im View /Shared/_Layout und entsprechend aufgerufene ChildAction definiert sind */


body {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    /*background-color: rgb(120, 182, 209);*/
    background-color: rgb(226, 226, 226);
    color: rgb(26, 23, 27);
    font-size: 68.75%;
    font-family: verdana,arial,helvetica,sans-serif;
    min-height: 100vh;
}

a {
    color: rgb(26, 23, 27);
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

img {
    border-width: 0;
    border-style: solid;
}

#container {
    margin: 10px auto;
    min-width: 800px;
    /*max-width: 95%;*/
    width: calc(100% - 40px);
    border: 10px solid rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
}

/*Bereich für den Inhalt der Webseite*/
.content-area {
    min-height: 10em;
    flex: 1;
}

#header-navigation {
    clear: both;
    width: 100%;
}

    #header-navigation ul {
        margin: 0;
        padding: 0;
    }

    #header-navigation li {
        display: inline;
        float: left;
        padding: 0 2px;
    }

#header-navigation-meta li {
    border-left-width: 1px;
    border-left-style: solid;
    font-size: 90%;
}

    #header-navigation-meta li:first-child {
        border-left-style: none;
    }

#header-logo {
    display: flex;
    clear: both;
    width: 100%;
    background-image: url(../Images/header_bg.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

    #header-logo span {
        width: 100%;
        margin-right: 10px;
        text-align: center;
        font-weight: bolder;
        font-size: 200%;
        color: rgb(255, 255, 255);
        line-height: 110px;
    }

#header-logo-corporate-identity {
    align-items: end;
    margin-top: 24px;
    width: 350px;
    text-align: center;
}

    #header-logo-corporate-identity img {
        /*background-color: rgb(255, 255, 255);*/
        padding: 3px 3px 3px 3px;
    }

#header-row-1 {
    clear: both;
    width: 100%;
    min-height: 35px;
    align-content: center;
    /*border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgb(255, 255, 255);*/
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgb(16, 84, 135);
    /*background-color: rgb(168, 2, 49);*/
    /*color: rgb(255, 255, 255);*/
    color: rgb(16, 84, 135);
    line-height: 35px;
}

    #header-row-1 a {
        
        /*color: rgb(255, 255, 255);*/
        color: rgb(16, 84, 135);
    }

#header-row-1-user {
    float: right;
    margin: 0;
    padding: 0 10px 0 0;
    /*font-size: 125%*/
}

#header-row-1-cart {
    display: inline;
    float: right;
    margin: 0;
    padding: 0 15px 0 0;
    line-height: 35px;
}

    #header-row-1-cart a {
        /*min-height: 30px;*/
        padding: 5px 0 5px 26px;
        background-image: url(../Images/shopping-cart_blue_24.png);
        background-position: left center;
        background-repeat: no-repeat;
        line-height: 35px;
    }

.header-row-common-tasks {
    display: flex;
    flex-direction: row;
    float: right;
    min-width: 25px;
    height: 35px;
    margin: 0;
    padding: 5px 0, 0, 5px;
    align-content: space-between;
    align-items: center;
}

.header-row-common-tasks a {
    display: flex;
    color: rgb(16, 84, 135);
    /*background-color: aqua;*/
}

#header-row-2 {
    clear: both;
    width: 100%;
    min-height: 20px;
    /*border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgb(255, 255, 255);*/
    /*background-color: rgb(31, 118, 190);*/
    background-color: rgb(255, 255, 255);
    /*color: rgb(255,255,255);*/
    color: rgb(16, 84, 135);
    line-height: 20px;
}

    #header-row-2 a {
        /*color: rgb(255, 255, 255);*/
        color: rgb(16, 84, 135);
    }

#header-row-2-breadcrumbsnavigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header-row-2-breadcrumbsnavigation li a {
    float: left;
    padding: 0 5px 0 15px;
    background-image: url(../Images/arrow-right-red_16.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#header-row-2-breadcrumbsnavigation li:first-child a {
    padding-left: 17px;
    background-image: url(../Images/home_blue_16.png);
}

#header-row-2-msgbox-notification {
    display: inline;
    float: right;
    margin: 0;
    padding: 0 10px 0 0;
}

    #header-row-2-msgbox-notification a {
        padding-left: 18px;
        background-image: url(../Images/mail_blue_16.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

#header-row-2-order-notification {
    display: inline;
    float: right;
    margin: 0;
    padding: 0 10px 0 0;
}

    #header-row-2-order-notification a {
        padding-left: 18px;
        background-image: url(../Images/ext_orders_without_conf_blue.png);
        background-position: left center;
        background-repeat: no-repeat;
    }

#header-row-2-customer-selection {
    display: inline;
    float: right;
    margin: 0;
    padding: 0 10px 0 0;
}

#header-row-2-customer-selection-link {
    padding: 2px 0 2px 18px;
    background-image: url(../Images/customer_blue_16.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#content-container {
    clear: both;
    width: 100%;
    border-width: 2px 0;
    border-style: solid;
    border-color: rgb(255,255,255);
}

#content-navigation {
    float: left;
    min-width: 150px;
}

    #content-navigation ul {
        padding: 0;
        list-style: none;
    }

    #content-navigation li {
        padding: 2px 5px 2px 15px;
        border: 0 solid rgba(31, 118, 190, 0.25);
    }

        #content-navigation li a {
            padding-left: 15px;
            background-image: url(../Images/arrow-right-blue_16.png);
            background-position: left center;
            background-repeat: no-repeat;
        }

    #content-navigation ul li {
        border-bottom-width: 1px;
    }

        #content-navigation ul li:first-child {
            border-top-width: 1px;
        }

        #content-navigation ul li ul li {
            border-width: 0;
        }

            #content-navigation ul li ul li:first-child {
                border-top-width: 0;
            }

    #content-navigation .navigation-item-selected {
        background-image: url(../Images/arrow-right-red_16.png);
    }

#content-tasks {
    float: right;
    min-width: 180px;
    margin-top: 4.3em;
    border: 1px solid rgba(16, 84, 135, 0.25);
}

    #content-tasks p {
        color: rgb(255, 255, 255);
        font-weight: bold;
        width: auto;
        background-color: rgb(16, 84, 135);
        margin: 0;
        padding: 5px 5px;
    }

    #content-tasks ul {
        padding: 0;
        list-style: none;
    }

    #content-tasks li {
        padding: 2px 5px;
    }

        #content-tasks li a {
            padding-left: 15px;
            background-image: url(../Images/arrow-right-blue_16.png);
            background-position: left center;
            background-repeat: no-repeat;
        }

#content {
    margin: 0;
    padding: 0 10px;
    min-height: 400px;
}

footer {
    clear: both;
    margin-top: 20px;
    padding-top: 5px;
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    /*border-top-color: rgb(168, 2, 49);*/
    border-top-color: rgb(195, 24, 36);
    color: rgb(179, 183, 186);
    text-align: center;
    font-size: 0.9em;
}



/* Einstellungen für den Footer zur Anzeige von Kontaktinformationen */

.contact-footer {
    display: flex;
    flex-direction: row;
    align-content: end;
    width: 100%;
    background-color: rgb(119, 119, 118);
    height: 17em;
}

.contact-footer-item {
    flex: 1;
    align-items: start;
    align-content: space-between;
    margin: 10px 20px 10px 20px;
    font-family: Arial;
    color: rgb(255, 255, 255);
    font-size: 1.5em;
    background-color: rgb(119, 119, 118);
}

.contact-footer-item-link {
    color: rgb(255, 255, 255);
}

.contact-footer-item-underline {
    text-decoration: underline;
}

.contact-footer-item-right-alignment {
    text-align: right;
}

contact-footer-bold {
    font-weight: bold;
}

/*Einstellungen für das Cookie-Banner*/

#cookie-footer {
    display: flex;
    flex-direction: row;
    position: fixed;
    width: 100%;
    opacity: 0.8;
    background-color: rgb(238, 238, 238);
    border-top-width: 1px;
    /*border-top-color: rgb(168, 2, 49);*/
    border-top-color: rgb(195, 24, 36);
    border-top-style: solid;
    bottom: 0;
    z-index: 9999;
    font-family: verdana,arial,helvetica,sans-serif;
    justify-content: space-between;
}


    #cookie-footer a {
        color: rgb(168, 2, 49);
        text-decoration: none;
    }

#cookie-footer-text {
    background-color: rgb(238, 238, 238);
    width: calc(100% - 20em);
    border-width: 20px;
    border-color: rgb(238, 238, 238);
    border-style: solid;
    font-size: 12px;
}

#cookie-footer-controls {
    display: inline-flex;
    justify-content: flex-end;
    background-color: rgb(238, 238, 238);
    width: 20em;
    align-items: center;
}

#close-cookie-footer {
    cursor: pointer;
    height: 20px;
    width: 20px;
    font-weight: bold;
    align-self: baseline;
    margin-top: 5px;
}

    #close-cookie-footer:hover {
        color: rgb(128, 128, 128);
    }

#cookie-accept {
    background-color: rgb(204, 204, 204);
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    margin: 10px 20px 10px 0;
    height: 16px;
}

    #cookie-accept a {
        text-decoration: none;
        font-weight: bold;
        font-size: 14px;
    }

    #cookie-accept:hover {
        background-color: rgb(170, 170, 170);
    }



/* Einstellungen für Dropdown-Menüs (z.B. im Header) */

.dropdown-menu {
    padding-top: 8px;
    float: right;
    position: relative;
    display: inline-block;
}

.dropdown-menu-content {
    position: absolute;
    right: 0;
    min-width: 15em;
    display: none;
    flex-direction: column;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(16, 84, 135);
    color: rgb(16, 84, 135);
    overflow: auto;
    z-index: 1000;
}

.dropdown-menu-content-item {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-content: space-between;
    align-items: center;
    justify-content: start;
    font-size: 125%;
    text-decoration: none;
    cursor: pointer;
}

    .dropdown-menu-content-item:hover {
        background-color: rgb(16, 84, 135);
        color: rgb(255, 255, 255);
    }

    /*.dropdown-menu-content-item a:hover {
        color:green !important;
        padding-left: 5px;
        min-width: calc(100% - 5px);
    }*/

.dropdown-menu-content-item-link {
    display: flex;
    flex-direction: row;
    /*width: 100%;*/
    align-content: space-between;
    align-items: center;
    justify-content: start;
    font-size: 125%;
    text-decoration: none;
    padding-left: 5px;
}

    .dropdown-menu-content-item-link:hover {
        background-color: rgb(16, 84, 135);
        color: rgb(255, 255, 255) !important;
        text-decoration: none;
    }

.dropdown-menu-content-item-img {
    padding-left: 5px;
}

dropdown-menu-content-item-text {
    padding-left: 5px;  
}











.field-validation-valid {
    display: none;
}

.field-validation-error {
    color: #f00;
}

    .field-validation-error:before {
        content: '* ';
    }

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors {
    margin-bottom: 10px;
    color: #f00;
    font-weight: bold;
}

    .validation-summary-errors ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

.succesfull-message {
    margin-bottom: 10px;
    color: green;
    font-weight: bold;
}

    .succesfull-message a {
        color: green;
        text-decoration: underline;
    }

.delete-confirmation-message {
    margin-bottom: 10px;
    color: rgb(168, 2, 49); 
    font-weight: bold;
}

.error-message {
    margin-bottom: 10px;
    color: red;
    font-weight: bold;
}

.form-successfull-message {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
    color: green; 
    font-weight: bold;
}

    .form-successfull-message a {
        color: green;
        text-decoration: underline;
    }

    .form-successfull-message div {
        margin-right: 1ex;
    }

.form-error-message {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
    color: red;
    font-weight: bold;
}

    .form-error-message a {
        color: red;
        text-decoration: underline;
    }

    .form-error-message div {
        margin-right: 1ex;
    }
/* Style-Definitionen für Loader-Animation */

#page-loader {
    position: absolute;
    left: 50%;
    top: 350px;
    z-index: 1;
    margin: -75px 0 0 -75px;
    /*border: 8px solid #777776;*/
    border: 8px solid #c31824;
    border-radius: 50%;
    border-top: 8px solid #105487;
    border-right: 8px solid #105487;
    width: 50px;
    height: 50px;
    -moz-animation: spin 2s linear infinite;
    /*-webkit-animation: spin 2s linear infinite;*/
    animation: spin 2s linear infinite;
}

#dialog-page-loader {
    position: absolute;
    left: calc(50% + 25px);
    top: calc(50% + 25px);
    z-index: 1;
    margin: -75px 0 0 -75px;
    border: 8px solid #c31824;
    /*border: 8px solid #808080;*/
    border-radius: 50%;
    /*border-top: 8px solid #78b6d1;*/
    border-top: 8px solid #105487;
    border-right: 8px solid #105487;
    width: 50px;
    height: 50px;
    -moz-animation: spin 2s linear infinite;
    /*-webkit-animation: spin 2s linear infinite;*/
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}