:root {
    --window-color: #F77312;
    --button-color-blue: #547483;
    --button-color-orange: #F79646;
    --button-color-gray: #A6A6A6;
    --bright-text-color: #FFFFFF;
    --dark-text-color: #595959;
}

/* ----------- test with this 2013-06-28 rb: ---------------*/
.ui-jqgrid tr.jqgrow td {
    white-space: nowrap !important;
}



div#ui-datepicker-div {
    z-index: 3000 !important;
}

select {
    padding: 4px;
    border: 1px solid #959595;
    min-width: 200px;
}

input[type=text], input[type=password], TEXTAREA {
    padding: 4px;
    border: 1px solid #959595;
}

input[type=submit], input[type=button], input[type=reset], button, buttons, .button {
    border: none;
    border-radius: 0.3rem;
    font-weight: bold;
    text-transform: uppercase;
    background: var(--button-color-orange);
    color: var(--bright-text-color);
    cursor: pointer;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
    display: inline-block;
    text-decoration: none;
    padding: 0.5em 0.7em 0.5em 0.7em;
    margin: 0.2em;
}

    input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active, buttons:active, .button:active {
        box-shadow: 0px 0px 2px rgba(0, 0, 0, .3);
    }

    input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, buttons:hover, .button:hover {
        filter: brightness(120%);
    }

    input[type=submit]:disabled, input[type=reset]:disabled, input[type=button]:disabled, button:disabled, buttons:disabled, .button:disabled {
        background: Gray;
        cursor: not-allowed;
    }

a {
    text-decoration: underline;
    color: #4c4c4c;
}

    a:hover {
        text-decoration: none;
    }

#costdataform #file {
    width: 100%;
    border: 1px solid gray;
    height: 70px;
}

/* Dieser Selektor greift auf <div id="divhead"> */
/*Der Header umschliesst bei uns die Statuszeile und das horizontale Menu */




#divBreadcrumb {
    padding-bottom: 6px;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: White;
}


#divToolbar {
    margin-top: 4px;
    border: 0px solid #AAAAAA;
    height: 32px;
    padding: 5px 6px 2px 6px;
}


/* betrifft zweite Menu-Ebene (wird wieder vertikal gelistet */

li.newgroup {
    border-top: 2px solid #F0F0F0 !important;
}




/* dieser Selektor geift auf <a href="test.html" class="fettgrau">test</a> */
a.fettgrau:link {
    font-weight: bold;
    color: black;
    text-decoration: none;
}

a.fettgrau:hover {
    text-decoration: underline;
}

img.imgLogo {
    height: 46px;
    padding: 0px;
    vertical-align: middle;
    float: left;
}

label.left {
    clear: left;
    float: left;
    margin-right: 5px; /*margin-top: 4px;*/
    text-align: left;
    width: 150px;
}

label.leftIIVLoader {
    border: 1px solid blue;
}

.validationError {
    border: 1px solid red !important;
}

.additionalField {
    padding: 4px;
    border-radius: 5px;
    border: 1px solid gray;
}

    .additionalField:read-only {
        background-color: #F0F0F0;
    }

    .additionalField:focus {
        outline: none;
    }

.leftcheckbox {
    border: 1px solid red !important;
    background: red;
}

.leftcheckboxblocked {
    border: 1px solid red !important;
    background: red;
}

input.bg_gray {
    background-color: White;
}


/* 2011-06-09 rb: label left is to small for me, I need it bigger */
label.left1 {
    clear: left;
    float: left;
    margin-right: 5px; /*margin-top: 4px;*/
    text-align: left;
    width: 200px;
}

h2 /* TODO: merge with .pageTitle */ {
    font-size: 22px;
    text-transform: uppercase;
    padding-top: 12px;
    padding-left: 15px;
    padding-bottom: 6px;
    padding-right: 100px;
    margin: 0px;
    color: var(--button-color-orange);
    float: left;
}

.divActions {
    float: right;
    margin-right: 5px;
    padding: 0 10px;
}

div.formline {
    clear: both;
    min-height: 25px;
    vertical-align: middle; /* border: 1px solid red; */
}



div.formlineAlert {
    clear: both;
    min-height: 25px;
    vertical-align: middle; /* border: 1px solid red; */
    background-image: url(/Content/Images/layout/sperre25x25.png);
    background-repeat: repeat-x; /*background-color: Red; */ /* color: White; */ /* font-weight: bold; */
}


div.buttonpanelbottom {
    clear: both;
    float: left;
    border: 0px solid red;
}


/* 2012-09-27 rb: this is the main working area */
#divContent {
    width: 100%;
    height: 100% !important;
    white-space: nowrap;
}

.divContentTop {
    height: 43px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#divContentTop form {
    display: inline;
}





/* invisible */
#divBrowserNameVersion {
    color: #FFFFFF;
}

#divInvisible {
    color: #FFFFFF;
}

div.centertext {
    padding-left: 55px;
}

div.formline {
    clear: both;
    margin-bottom: 5px;
    vertical-align: middle;
}


div#gview_CostOverviewGrid {
    font-size: 12px;
}

.hideColumn {
    visibility: hidden;
}

div.growlUI {
    background: url(kingcost_logo.png) no-repeat 10px 15px;
    padding: 5px;
}

    div.growlUI h1, div.growlUI h2 {
        color: white;
        padding: 5px 5px 5px 35px;
        margin: 0;
        text-align: left;
        background: none;
    }

    div.growlUI h1 {
        font-size: 2em;
    }

    div.growlUI h2 {
        font-size: 1.2em;
    }

#error {
    border: 4px solid #a00;
    background: #c66;
    color: #fff;
    font-weight: bold;
    width: 420px;
    margin: 60px auto 0 auto;
    padding: 10px;
}

/* successfully chaned ur password */
#PasswordHasBeenChangedShowBox {
    clear: both;
    float: left;
    position: absolute;
    left: 350px;
    top: -10px;
    border: 4px solid Green;
    background: lightgreen;
    color: black;
    font-size: 1.2em;
    padding: 20px;
    font-weight: bold;
    height: 100px;
    width: 420px;
    margin: 60px auto 0 auto;
    padding: 10px;
    z-index: 9999;
}

#login {
    border: 2px solid #ccc;
    background: #fff;
    width: 420px;
    margin: 60px auto 0 auto;
    padding: 10px;
}

    #login .label {
        float: left;
        text-align: right;
        width: 40%;
        padding-top: 8px;
        font-size: 16px;
    }

    #login .input {
        margin-left: 45%;
        padding: 2px;
    }

        #login .input input, #login .input select {
            font-size: 16px;
            padding: 4px;
        }

        #login .input label {
            font-size: 0.8em;
        }

    #login input[type=text] {
        width: 90%;
    }

    #login input[type=password] {
        width: 90%;
    }


.classh2 {
    font-size: 22px;
    text-transform: uppercase;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 6px;
    padding-right: 100px;
    margin: 0px;
    border: 0px solid red;
    color: #FF7000;
}

.fieldarea2 {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    background-color: #eee;
    border: 1px solid #959595;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
    max-width: 600px;
}

.fieldarea {
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    background-color: #eee;
    border: 1px solid #959595;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 20px;
    max-width: 600px;
}

    .fieldarea a {
        color: #444;
        text-decoration: none;
    }

    .fieldarea .content {
        padding: 10px;
    }

    .fieldarea .title {
        font-weight: bold;
        text-transform: uppercase;
        color: #323232;
        display: block;
        margin-bottom: 10px;
    }

    .fieldarea a:hover {
        text-decoration: underline;
    }

    .fieldarea ul {
        list-style: none;
        margin: 5px 0 0 0;
        padding: 10px 0 0 0;
        border-top: 1px solid #959595;
    }

        .fieldarea ul li {
            display: block;
            padding: 2px 4px;
            margin-left: 10px;
        }

            .fieldarea ul li:hover {
                background: #fff;
                border: 1px dotted #ebe9e9;
                padding: 1px 3px;
            }

    .fieldarea .submit {
        margin: 5px 0;
    }

    .fieldarea .result {
        padding: 5px;
        background: #fff;
        border: 1px solid #ccc;
        white-space: pre-wrap;
    }

        .fieldarea .result pre {
            white-space: pre-wrap;
        }

fieldarea .pleasewait {
    padding: 5px;
}

.fieldarea .busy {
    background: url(whitetrans50.png) repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
}

    .fieldarea .busy img {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -8px 0 0 -8px;
    }


tr.ui-search-toolbar SELECT {
    padding: 0px !important;
}

tr.ui-search-toolbar INPUT {
    padding: 1px 1px 1px 16px !important;
    width: 93% !important;
    background: #fff url(search16.png) no-repeat 0 50%;
}

.iconadd {
    background: url(../images/add.png) no-repeat 0 50%;
    padding-left: 14px;
}

#divContentTop .section {
    margin-left: 5px;
    padding: 5px;
    border-left: 1px solid #eee;
}

.dividerPane {
    float: left;
    margin-top: 20px;
    border-top: 0px dotted #ccc;
    padding: 20px 0;
}

#content .divider {
}

#content .right {
    text-align: right;
}

.table {
    margin: 15px 0;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    padding: 5px 0;
}

    .table table {
        border: none;
        width: 100%;
    }

    .table td {
        padding: 2px 0 2px 10px;
    }

table .right {
    text-align: right;
}

    table .right input {
        text-align: right;
    }

.buttonzip span {
    background: url(../images/winzip20.png) no-repeat 0 50% !important;
    padding-left: 22px;
}


.SearchTxT {
    padding-left: 16px !important;
    background: url(search16.png) no-repeat left;
    background-color: White;
}

div#editmodProjectsGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodScenarioGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodShoppingCartOverviewGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodTenantGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#delmodSupplierGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 650px !important;
}

div#editmodSearchResultGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodFunctionGroupsGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}


div#editmodFunctionsGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodNumberFormatGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodTaskGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 740px !important;
}

div#editmodInventoryItemVersionGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodUserRightGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodUserGroupGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodShoppingCartGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodTenantSettingsGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 600px !important;
}


div#editmodUserGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodSupplierGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodSuppliersCategoryGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}


div#editmodProductionClassGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodMGKRateGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodFGKRateGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 450px !important;
}

div#editmodManufacturingStepGrid {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    width: 450px !important;
}

/*2011-12-13 rb: Supplier Edit-Form START */
.DataTD {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px;
    width: 300px !important;
}

.FormElement {
    width: 280px;
}

.EditTable td textarea {
    width: 280px !important;
    padding: 0.3em;
}

.CaptionTD {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 12px; /*background-image: url(/Content/images/layout/background.png);*/
    background-repeat: repeat-x;
}
/*2011-12-13 rb: Supplier Edit-Form END */

/* For the Assignment of Items Add Remove via Arrow*/
.AddRemoveItemArrow {
    background-color: #E3E3E3;
    color: Black !important;
    border: 1px solid;
    text-align: center;
    padding: 1px 7px 3px;
    text-decoration: none;
}

    .AddRemoveItemArrow:Hover {
        background-color: #A3A3A3;
        color: Black !important;
        border: 1px solid;
        text-align: center;
        padding: 1px 7px 3px;
        text-decoration: none;
    }

/* ActionLinks for add and remove many-to-many relations */
.arrowWrapperPanel {
    float: left;
    border: 0px solid red;
}

.AddRemovePanel {
    width: 40px;
    float: left;
    padding-top: 150px;
    margin-left: 20px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 240px;
    text-align: center;
    font-size: 18px;
    color: Black;
}

.upAndDownPanel {
    float: left;
    padding-top: 132px;
    margin-left: 20px;
    margin-right: 0px;
    width: 25px;
    text-align: center;
    vertical-align: top;
    font-size: 18px;
    padding-bottom: 0px;
    border: 0px solid blue;
}

.moveUpAndDownArrow {
    border: 1px solid;
    background-color: #E9E9E9;
    text-align: center;
    text-decoration: none;
    padding-left: 2px;
    padding-top: 1px;
    padding-right: 2px;
    padding-bottom: 2px;
    margin-top: 17px;
}

    .moveUpAndDownArrow:Hover {
        background-color: #A3A3A3;
        text-align: center;
        text-decoration: none;
        padding-left: 2px;
        padding-top: 1px;
        padding-right: 2px;
        padding-bottom: 2px;
    }


/* loading ... 2011-12-31 rb: */
.ui-jqgrid .loading {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    background: url(/Content/images/loader_animations/KC_32x32_ani.gif) no-repeat top left !important;
    margin: 0px !important;
    width: 32px !important;
    height: 32px !important;
    text-indent: -9999px !important;
    padding: 0px !important;
    position: absolute !important;
    top: 35% !important;
    left: 45% !important;
    z-index: 101 !important;
}


#ajaxwait {
    position: absolute;
    float: left;
    bottom: 740px;
    left: 0px;
}

/* moved from */
/*MainEditor Details */

.ui-jqgrid {
    background-color: #F8F8F8;
    font-size: 12px !important;
}

    .ui-jqgrid .ui-search-toolbar {
        font-size: 11px !important;
    }

    .ui-jqgrid .jqgrow td .cell {
        display: block;
        background-image: none;
        height: 14px;
        padding: 4px;
    }

    .ui-jqgrid .jqgrow td .disabled {
        color: #aaa;
    }

    .ui-jqgrid .jqgrow td .selected {
        background: lightgreen;
    }

    /*2012-02-20 rb: cell herstellkosten */
    .ui-jqgrid .jqgrow td .herstellkosten {
        background: #55CCFF;
    }

    /*2012-02-20 rb: cell materialkosten */
    .ui-jqgrid .jqgrow td .materialkosten {
        background: #FFAF74 !important;
    }

/* 2012-03-01 rb: statusMessage*/
.statusMessage {
    text-transform: uppercase;
    border: 0px solid #a00;
    background: #D1D1D1; /* color: #fff; */
    font-weight: bold;
    width: 700px;
    margin: 10px auto 0 auto;
    padding: 10px;
}

.hintTextForCalculationModel {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #FF7000;
    font-weight: bold;
    border-left: 20px;
    padding-left: 5px;
    border: 0px solid red;
}

.classh2__ {
    font-size: 22px;
    text-transform: uppercase;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 6px;
    padding-right: 100px;
    margin: 0px;
    border: 0px solid red;
    color: #FF7000;
}

div#warnHinweisTenant {
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
}

.previewImageLoadPage {
    float: right;
    position: relative;
    margin: 0px;
    border: 1px solid #959595;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 375px;
    text-align: center;
    padding: 0px;
}



#ui-datepicker-div {
    z-index: 70 !important;
}

/*2012-09-05 rb: */
.pictureZOOM {
    border: 0px solid red;
}

    .pictureZOOM:hover {
        height: 200px;
        border: 0px solid red;
    }

.filterBox {
    display: block;
    border: 1px solid #959595;
    background-color: #dddddd;
    margin-left: 3px;
    margin-right: 3px;
    padding: 3px;
    float: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.filterBoxShoppingCartCheckout {
    display: block;
    border: 0px solid #959595;
    background-color: #dddddd;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 4px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    float: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.inputBox {
    display: block;
    border: 1px solid #959595;
    background-color: #F0F0F0;
    margin-left: 3px;
    margin-right: 3px;
    padding: 3px;
    float: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


.shoppingCartSummaryBox {
    display: block;
    border: 1px solid #959595;
    background-color: #F0F0F0;
    margin-left: 3px;
    margin-right: 3px;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 3px;
    padding-right: 3px;
    float: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.shoppingCartButton {
    display: block;
    float: left;
    border: 0px solid #959595;
    height: 32px; /*background-image: url(/Content/images/buttons/ButtonCart.png);*/
}

.shoppingCartBorderLeftOrange {
    background-image: url(/Content/images/layout/layout_pfeil_orange_linksrechts.png);
    background-repeat: no-repeat;
    background-position: left; /* border-left: 3px solid #959595 !important; */
}



.shoppingCartBorderRightOrange {
    background-image: url(/Content/images/layout/layout_pfeil_orange_rechtslinks.png);
    background-repeat: no-repeat;
    background-position: right; /* border-right: 3px solid #959595 !important; */
}

.shoppingCartBorderLeftGray {
    background-image: url(/Content/images/layout/layout_pfeil_grau_linksrechts.png);
    background-repeat: no-repeat;
    background-position: left; /* border-left: 3px solid #959595 !important; */
}

.shoppingCartBorderRightGray {
    background-image: url(/Content/images/layout/layout_pfeil_grau_rechtslinks.png);
    background-repeat: no-repeat;
    background-position: right; /* border-right: 3px solid #959595 !important; */
}

.shoppingCartIsProposal {
    background-image: url(/Content/images/layout/backround_light_orange.png);
    background-repeat: repeat-x;
    background-position: left; /* border-left: 3px solid #959595 !important; */
}

.targetCostSUMGreen {
    background-color: #90EE90;
}

.targetCostSUMRed {
    background-color: #FFCABA;
}


.shoppingCartButtons {
    float: right;
    position: relative;
    border: 0px solid red;
}
/* this is the icon to call the shopping cart */
.cartIconBestellvorschlag {
    background: url(icons/goto_shoppingCart32x32.png) no-repeat top left;
    border: 0px solid red;
    padding-left: 2px;
    padding-right: 3px;
    margin-top: 1px;
    width: 32px;
    height: 32px;
    text-indent: -9999px; /* hides the link text */
}

    .cartIconBestellvorschlag:hover {
        background: url(icons/goto_shoppingCart32x32hover.png) no-repeat top left;
        border: 0px solid red;
        padding-left: 2px;
        padding-right: 3px;
        margin-top: 1px;
        width: 32px;
        height: 32px;
        text-indent: -9999px; /* hides the link text */
    }


.cartIconGoto {
    background: url(icons/goto_shoppingCart32x32.png) no-repeat top left;
    float: right;
    position: relative;
    padding: 0px;
    margin-top: 3px;
    width: 32px;
    height: 32px;
    text-indent: -9999px; /* hides the link text */
    cursor: pointer;
}
    /* this is the icon to call the shopping cart */
    .cartIconGoto:hover {
        background: url(icons/goto_shoppingCart32x32hover.png) no-repeat top left;
        float: right;
        position: relative;
        padding: 0px;
        margin-top: 3px;
        width: 32px;
        height: 32px;
        text-indent: -9999px; /* hides the link text */
    }

a.exxasButton {
    background: url(icons/EXXAS-ICON.png) no-repeat top left;
    background-size: 32px;
    padding: 0px;
    margin-top: 3px;
    height: 34px;
    text-indent: -9999px;
}

.cartIconFill {
    background: url(icons/fill_shoppingCart32x32.png) no-repeat top left;
    float: right;
    position: relative;
    padding: 0px;
    margin-top: 3px;
    width: 32px;
    height: 32px;
    text-indent: -9999px; /* hides the link text */
    cursor: pointer;
}

    .cartIconFill:hover {
        background: url(icons/fill_shoppingCart32x32hover.png) no-repeat top left;
        float: right;
        position: relative;
        padding: 0px;
        margin-top: 3px;
        width: 32px;
        height: 32px;
        text-indent: -9999px; /* hides the link text */
    }



.refreshButton {
    border: 0px solid red;
    background: url(icons/refreshButton24x24.png) no-repeat top left;
    padding: 0px;
    margin: 0px;
    height: 24px;
    text-indent: -9999px; /* hides the link text */
    vertical-align: top;
}

    .refreshButton:hover {
        border: 0px solid blue;
        background: url(icons/refreshButton24x24_hover.png) no-repeat top left;
        padding: 0px;
        margin: 0px;
        height: 24px;
        text-indent: -9999px; /* hides the link text */
    }

.classDueDateField {
    width: 100px;
    background: url(icons/kalender_bw_trans24x24.png) no-repeat top right;
    background-color: White;
}

.classtxtDeliveryDateFieldEmpty {
    width: 70px;
    color: Gray;
    background: url(icons/kalender_bw_trans24x24.png) no-repeat top left;
}

.classtxtDeliveryDateFieldFull {
    width: 70px;
    color: Black;
}

.classtxtDeliveryAddressFieldEmpty {
    width: 100px;
    color: Gray;
}

.classtxtDeliveryAddressFieldFull {
    width: 100px;
    color: Black;
}

.blockedConfiguration {
    text-transform: uppercase; /* font-weight: normal; */
    font-size: 14px;
    font-weight: bold;
    color: White;
    background-color: Red;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.maincalculationModelLabel {
    /* border-left:10px;*/ /*border: 1px solid red;*/
}

.greenBackground {
    background-color: lightgreen;
}

.searchInputArea {
    min-height: 40px;
    border: 0px solid red;
    padding-bottom: 5px;
}

.searchBoxContainer {
    min-height: 45px;
    background-color: #DDDDDD;
    border: 1px solid #959595;
    border-radius: 4px;
    margin-bottom: 5px;
    align-items: center;
    gap: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.searchOutputArea {
    background-color: #DDDDDD;
}

div#SearchResultGrid {
    background-color: Aqua !important;
}



div#gbox_SearchResultGrid {
}

div#gview_SearchResultGrid {
    /* background-color: Olive !important; */
}

#Memo {
    /*  background-color: Aqua; */
    width: 600px;
}


div#DivLoaderPanelArea {
    position: relative; /* min-height: 120px;*/
    display: none;
    min-height: 140px;
    padding: 5px;
    padding-top: 10px;
    background-color: #DDDDDD;
    border: 1px solid #959595;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
}




.loadSpecificAssemblyButtonPanel {
    width: 100%;
    height: 32px;
    vertical-align: bottom;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 5px;
    border: 0px solid red;
    margin-right: 5px;
    border: 1px solid green;
}

div.previewpanelrightInSearchLoad {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left;
    padding-top: 0px;
    padding-right: 5px;
    position: relative;
    float: left;
    vertical-align: middle;
    border: 0px solid yellow;
}

.previewImageSearchLoadPage {
    margin: 0px;
    margin-left: 10px;
    border: 1px solid #959595;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 180px;
    text-align: center;
    padding: 0px;
}


.loadBoxLeft {
    padding-top: 0px;
    padding-right: 5px;
    position: relative;
    float: left;
    vertical-align: middle;
    border: 0px solid red;
}

.backGroundLightBlue {
    background: #EDF3FF;
}

.backGroundDarkBlue {
    background: #CDDAF0;
}

.shoppingCartBorderLeftOrangeLightBlue {
    background-image: url(/Content/images/layout/layout_pfeil_orange_linksrechts.png);
    background-repeat: no-repeat;
    background-position: left; /* border-left: 3px solid #959595 !important; */
    background-color: #EDF3FF;
}

.shoppingCartBorderLeftOrangeDarkBlue {
    background-image: url(/Content/images/layout/layout_pfeil_orange_linksrechts.png);
    background-repeat: no-repeat;
    background-position: left; /* border-left: 3px solid #959595 !important; */
    background-color: #CDDAF0;
}

.friendlyMessage {
    font-size: 16px;
    font-weight: bolder;
    color: green;
}

.errorMessage {
    background-color: #F9C5C5;
}

.deleteTenantResponse {
    position: relative;
    clear: both;
    float: left;
    font-size: 16px;
    margin-top: 20px;
    margin-left: 2px;
    font-weight: bolder;
    color: green;
    vertical-align: middle;
    border: 0px solid yellow;
}


.materialInfoTextHover {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #EDF5FC;
    padding: 4px;
    margin: 2px;
    color: #000000;
    -webkit-border-top-left-radius: 3px !important;
    -webkit-border-top-right-radius: 3px !important;
    -webkit-border-bottom-right-radius: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-topright: 3px !important;
    -moz-border-radius-bottomleft: 3px !important;
    -moz-border-radius-bottomright: 3px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-left: 2px solid #959595 !important;
    border-right: 2px solid #959595 !important;
    border-top: 2px solid #959595 !important;
    border-bottom: 2px solid #959595 !important;
}


.costInfoTextHover {
    font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #EDF5FC;
    padding: 4px;
    margin: 2px;
    color: #000000;
    -webkit-border-top-left-radius: 3px !important;
    -webkit-border-top-right-radius: 3px !important;
    -webkit-border-bottom-right-radius: 3px !important;
    -webkit-border-bottom-left-radius: 3px !important;
    -moz-border-radius-topleft: 3px !important;
    -moz-border-radius-topright: 3px !important;
    -moz-border-radius-bottomleft: 3px !important;
    -moz-border-radius-bottomright: 3px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-left: 2px solid #959595 !important;
    border-right: 2px solid #959595 !important;
    border-top: 2px solid #959595 !important;
    border-bottom: 2px solid #959595 !important;
}

#gview_ShoppingCartCheckoutGrid {
    top: 25px !important;
}

.calcSumme {
    margin-top: 4px; /*-- less is better than 12px; */
    margin-bottom: 4px;
    margin-left: 0px;
    margin-right: 4px;
    text-transform: uppercase;
    color: #a4a4a4;
    font-weight: bold;
    font-size: 13px;
    text-align: left;
    font-family: Arial,sans-serif;
}

.pageTitle {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    color: var(--button-color-orange);
    font-weight: bold;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.flexColumn {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.flexRow {
    display: flex;
    flex-direction: row;
    min-height: 0;
    min-width: 0;
}

.flexSpaceBetween {
    justify-content: space-between;
}

.flexGrow1 {
    flex-grow: 1;
}

.minHeight0 {
    min-height: 0;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexNoWrap {
    flex-wrap: nowrap;
}

.height100 {
    height: 100%;
}

.gap5px {
    gap: 5px;
}

.flexBasis100 {
    flex-basis: 100px;
}

.maxWidth70 {
    max-width: 70%;
}

.alignSelfCenter {
    align-self: center;
}

.centerContent {
    display: flex;
    justify-content: center;
    align-items: center;
}

.alignSelfEnd {
    align-self: flex-end;
}

.marginLeftAuto {
    margin-left: auto;
}

.kingcostSpinner {
    height: 50px;
}

.windowColor {
    background-color: var(--window-color);
}

.buttonColorBlue {
    background: var(--button-color-blue);
}

.buttonColorOrange {
    background: var(--button-color-orange);
}

.buttonColorGray {
    background: var(--button-color-gray);
}