/********************
 * Stylesheet fuer James Webinterface
 * created by jsc
 ********************/

/********************
 * Added by jh:

 Specific browsers can be addressed by classname selecor:

	.ie (for Internet Exporer)
	.cr (for Chrome)
	.ff (for FireFox)
	.mz (for Mozilla)
	.sf (for Safari)
	.op (for Opera)
	.ns (for Netscape)
	.?? (for other browsers)

 Specific browser versions can be addressed by id selecor, e.g.:

	#ie10 (for Internet Exporer 10)
	#cr41 (for Chrome 41)
	#ff36 (for FireFox 36)
	.... etc.

 Pages which use masterjames.master can be addressed by their name in "camel case" as classname selector, e.g.:

	.SettingsAspx (for settings.aspx)
	.AdmUserManagerAspx (for adm.user.manager.aspx)
	.... etc.

 ********************/

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
    border: 0;
    margin: 0;
    padding: 0;
}

.DefaultAspx body {
    margin: 1em;
    padding: 0;
    background-color: #eee;
}

.LogoutAspx body {
    background-color: #eee;
}

span, .dxscViewVisibleInterval {
    cursor: default;
}

    span.dxeBase {
        font: inherit;
    }

img[src='images/ToolTipInfo.png'],
.helpCursor {
    cursor: help;
}

input, select {
    padding: 5px;
    border-radius: 3px;
}

    input[type='image'] {
        border: 0 !important;
        box-shadow: none !important;
        background-color: transparent !important;
    }

/******************************** TypedSelection control (multi selection dropdown w/ toggle) *****************************/

.typedSelection {
    white-space: nowrap;
}

select.typedSelection {
    width: 100%;
    margin: 0;
}

.typedSelection input[type='button']:focus {
    outline: none;
}

.typedSelection input[type='button'] {
    width: 12em;
    min-width: 12em;
    margin-left: .5em;
}

div.typedSelection {
    display: flex;
    width: 100%;
    vertical-align: middle;
}

#ie8 div.typedSelection, #ie9 div.typedSelection, #ie10 div.typedSelection {
    display: inline-block;
}

div.typedSelection table.typedSelection {
    width: 100%;
    line-height: 0;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

    div.typedSelection table.typedSelection td:last-child {
        width: 12.5em;
    }

    div.typedSelection table.typedSelection td {
        margin: 0;
        padding: 0;
    }

/*.ff .typedSelection input[type='button'], .cr .typedSelection input[type='button'] { width:12em; min-width:12em; }*/
/*.ff table.typedSelection td:last-child, .cr table.typedSelection td:last-child { width:13em; }*/

/**************************************************************************************************************************/

input.input,
input[type='submit'],
input[type='button'],
div.dxb span {
    padding: 5px;
}
input.input.submit {
    display: inline-block;
    min-width: 6em;
}
input[type="submit"]:enabled.clm-button.bigEnabled {
    padding: 8px 10px;
    height:35px;
}

.monospaced select,
.monospaced select option,
select.monospaced,
select.monospaced option {
    font-family: 'Lucida Console', 'Lucida Sans Typewriter', monospace !important;
}

/*******************************************************************
   Clickable element rules
   "html>body hack" used to select in IE7 and modern browsers only,
   since IE6 can't undo it using attribute selectors like [disabled]
*/
a img,
html > body .input,
html > body .inputWizNav,
html > body input[type='submit'],
html > body input[type='button'],
html > body input[type="checkbox"],
html > body div.dxb span,
html > body select,
.TableCheckbox,
.dxscViewNavigatorButton span,
.dxscViewSelectorButton span {
    cursor: pointer;
}

input[type='checkbox'] {
    border: 0 none;
}

/* disabled elements, not supported in IE6: */
input[type="text"][disabled='disabled'],
input[type='text'][disabled='true'],
input[type='text'][disabled],
input.input-readonly {
    color: #808080 !important;
}

input[disabled='disabled'],
input[disabled='true'],
input[disabled] {
    cursor: default !important;
}

input[type='button'][disabled],
input.input[disabled] {
    cursor: default !important;
    color: #666666;
}

button[disabled='disabled'],
button[disabled='true'],
button[disabled] {
    cursor: default !important;
    color: #666666;
    text-shadow: 1px 1px 0 #fff;
}

select[disabled='disabled'],
select[disabled='true'],
select[disabled],
option[disabled] {
    cursor: default !important;
    color: #666666 !important;
    background: #eee !important;
}

/* end of Clickable element rules
/********************************************************************/


/*************************************************************************************
 * Filter-Fields & new DB record button
 *************************************************************************************/

/* Container */
fieldset.FilterFields,
fieldset.admNewRecord,
li.admNewRecord {
    margin: 1em 0;
    border: none;
    padding: 0;
    white-space: nowrap;
}

    /* Filter textboxes */
    fieldset.FilterFields input[type=text] {
        width: 10em;
        margin-right: 1em;
    }

    /* New record button */
    fieldset.admNewRecord input[type=button] {
        width: 12em;
    }

/*************************************************************************************
 * Titelleisten
 *************************************************************************************/

.titlebar {
    position: relative; /* enables positioning of child elements  */
    height: 1.8em;
    margin: 0;
    border: 0;
    padding: 0;
    padding-bottom: 0.3em;
    text-align: center;
}

.titlebarText, .titlebarFields {
    line-height: 1.8em;
    margin: 0.2em 0.5em;
}

.titlebarText {
    position: absolute;
    left: 0;
}

.titlebarFields {
    position: absolute;
    right: 0;
}

/*************************************************************************************
 * Styles für Login-Formular
 *************************************************************************************/
.login-mainImages {
	margin: 0;
	height: 250px;
	background-image: url('../images/LoginImg/clm-background-2017.png');
	background-position: center bottom;
}

.login-imgMainLogo {
	margin: 15px 0 0 10%;
	height: 150px;
}

.login-imgClm {
	height: 55px;
}

.topbox .language {
    margin-left: 5px;
    padding-left: 50px;
    padding-right: 5px;
}

.logincontainer {
    width: 550px;
    margin: 20px auto 50px;
}

/*puts language order controls input vertical order*/
.logincontainer-statistics {
    padding: 0px 40px 0px 1px;
}

.logincontainer-body {
    padding: 10px 40px 10px 40px;
}

    .logincontainer-body hr {
        width: 80%;
    }

.logincontainer-header {
    padding: 2px 0;
}

.logincontainer-footer {
    margin: 20px -40px -20px -40px;
    padding: 20px 40px 40px;
}

.loginFs {
    margin: 0;
    padding: 0;
    border: 0;
}

.logincontainer label, .logincontainer div fieldset.loginFs span {
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    width: 100%;
}

.logincontainer textarea,
.logincontainer input[type=text],
.logincontainer input[type=password], .logincontainer select {
    width: 440px;
    padding: 8px;
    font-size: 16px;
    color: #666;
    background-color: #f1f1f1;
    border: 1px solid #C3C3C3;
    outline: none;
    border-radius: 4px;
}

.logincontainer input[type='submit'] {
    padding: 8px;
    font-size: 16px;
    border: 1px solid #C3C3C3;
    outline: none;
    border-radius: 4px;
}

.logincontainer div.typedSelection {
    float: left;
}

.logincontainer select.typedSelection {
    width: 98%;
    max-width: 98%;
}

.logincontainer div.toggle select.typedSelection {
    width: 65% !important;
    max-width: 65% !important;
}

.ff .logincontainer select.typedSelection {
    padding: 5px 0;
}

.ff .logincontainer div.toggle select.typedSelection {
    padding: 0;
}

.logincontainer input[type='submit'] {
    box-sizing: border-box;
    float: right;
    width: auto;
    margin: 10px 10px 0;
    padding: 10px 30px;
    font-weight: bold;
}

.logincontainer textarea:focus, .logincontainer input:focus {
    outline: none;
    border-color: rgba(82,168,236,.8);
}

.logincontainer-footer-buttons {
    float: left;
}

.logincontainer div.savenew {
    padding-top: 10px;
}

    .logincontainer div.savenew button {
        float: right;
    }

.login-password {
    padding-top: 15px;
    font-size: 12px;
    max-width: 60%;
}

.login_language {
    float: right;
}

.logincontainer-footer a {
    font-size: 14px;
    text-transform: uppercase;
}

    .logincontainer-footer a:hover, .center a:hover {
        color: #616161;
    }

.login_text, .newsticker_text {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #616161;
}

.newsticker_text {
    text-align: justify;
}

.newsticker-header {
    margin: -20px -40px 20px -40px;
    padding: 2px;
    text-align: center;
    font-weight: bold;
}

.failure {
    margin-bottom: 10px;
    font-weight: bold;
    color: #91002D;
}

.LoginBoxGreen {
    margin: 5px;
    padding: 5px;
    font-size: 14px;
    color: #008000;
    border-bottom: 1px solid #008000;
}

.logincontainer .typedSelection {
    white-space: pre-wrap !important;
}

.logincontainer .selection-button {
    height: 30px !important;
}

/*************************************************************************************
 * Div Layers
 *************************************************************************************/

.hidden {
    display: none;
}

.topbox {
    width: 100%;
    font-size: .8em;
    float: left;
    vertical-align: bottom;
    background: #fff 10px center no-repeat;
}

.MainMenuContainer {
    float: left;
    width: 100%;
    height: 30px;
}

.dxmLite_JamesMenu {
    font-size: 14px;
    float: left;
}

    .dxmLite_JamesMenu .dxm-item {
        padding: 0 25px;
    }

    .dxmLite_JamesMenu .dxm-main .dxm-item {
        height: 30px;
    }

.dxm-main .dxm-separator {
    width: 1px;
    height: 30px !important;
    position: relative;
}

.dxmLite_JamesMenu .dxm-content {
    padding-top: 7px;
    float: left;
}

.dxm-hovered {
    position: relative;
}

.dxmLite_JamesMenu .dxm-selected {
    position: relative;
}

.dxmLite_JamesMenu .dx-vam {
    cursor: pointer;
}

.dxm-popup {
    position: relative;
    border-radius: 0 0 4px 4px;
}

.MainMenuContainer .dxm-popup .dxm-item {
    padding: 4px 25px;
    min-height: 12px;
}

.MainMenuContainer .dxm-popup li:last-child {
    border: none;
    border-radius: 0 0 4px 4px;
}

.MainMenuContainer .dxm-popup .dxm-content {
    margin: 0 !important;
    padding: 0 !important;
}

.MainMenuContainer .dxm-popup .dxm-content a {
    white-space: nowrap !important;
}

.MainMenuContainer .dxm-content .dx-vam {
    white-space: nowrap !important;
}

.MainMenuContainer .dxm-popup .dxm-item:hover {
    position: relative;
}

.menu_icon {
    margin-top: -2px;
}

.navbar {
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding: 6px 0;
    background: #F1F2F2;
    border-bottom: 1px solid #ddd;
}

.navbarText {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-left: 25px;
    margin-top: 7px;
}

/*#region Quick search */

.txtQuickSearch {
    background: #fff url('../Images/search.png') 5px center no-repeat;
    border: 1px solid #C3C3C3;
    color: #555555;
    outline: none;
    padding: 5px 25px;
    margin: 0 10px 0 0;
    font-size: 14px;
    border-radius: 5px;
}

    .txtQuickSearch:focus {
        outline: none;
        border-color: rgba(82, 168, 236, .8);
    }

.defaultTextActive {
    color: #a1a1a1;
}

.ui-helper-hidden-accessible {
    display: none;
}

/* IE < 7 only => no more necessary
* html .ui-autocomplete { height: 240px; }
*/
.ui-autocomplete {
    position: absolute;
    top: 0;
    z-index: 1000;
    display: none;
    min-width: 210px;
    max-width: 400px;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #C3C3C3;
    border-color: rgba(0, 0, 0, .2);
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-clip: padding-box;
}

    .ui-autocomplete .ui-menu-item > a,
    .ui-autocomplete .ui-menu-item > span {
        display: block;
        padding: 3px 15px;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        white-space: nowrap;
    }

    .ui-autocomplete .ui-state-focus {
        text-decoration: none;
        border-radius: 0;
    }

/*#endregion */

#contentbox /* Inhalt der Seite */ {
    float: left;
    z-index: 1;
    width: 100%;
    margin: 0;
    font-size: .8em;

    /* [STAEDI-4079] Fixes Overflow Error with Grids everywhere */
    overflow-x: auto;
}

#errorbox {
    float: left;
    padding: 10px;
    margin: 15px;
    font-size: 12px;
}

.boxRed {
    float: left;
    padding: 10px 0;
    width: 100%;
    font-size: 13px;
    background: #F2DEDE;
    border-top: 1px solid #B94A48;
    border-bottom: 1px solid #B94A48;
}

    .boxRed ul {
        float: left;
        margin: 0;
        color: #B94A48;
        padding-left: 35px;
    }

    .boxRed li,
    .boxRed li p,
    .boxGreen li,
    .boxGreen li p {
        padding: 1px 0;
        margin: 0;
    }

.boxGreen {
    float: left;
    padding: 10px 0;
    width: 100%;
    font-size: 13px;
    background: #DFF0D8;
    border-top: 1px solid #468847;
    border-bottom: 1px solid #468847;
}

    .boxGreen p, .boxGreen ul {
        float: left;
        margin: 0;
        padding-left: 25px;
        color: #468847;
    }

.logedIN /* meldung im kopf der seite welcher user eingelogged ist */ {
    float: right;
    margin: 5px 20px 5px 0;
}

/*************************************************
/* EventTable */
/***************************************************/

.EventPanel {
    box-sizing: border-box;
    text-align: center;
    background-color: white;
    border: #808080 thick groove;
    padding: 1px;
    padding-bottom: 1.2em;
    width: 30em; /*Standard*/
}

.EventPanelDefault {
    width: 21em;
}

.EventPanelLangEdit {
    width: 45em;
}

.EventPanelJobSplit {
    width: 66em;
}

.PersonEditPanel {
    width: 52em;
}

.EventTitleBar {
    box-sizing: border-box;
    width: 100%;
    height: 1.5em;
    padding-top: .3em;
    overflow: hidden;
}

.EventContent {
    text-align: left;
    margin-top: 1.2em;
    margin-left: 2em;
    margin-right: 2em;
}

.EventOkDiv {
    text-align: right;
    margin-right: 10%;
    float: left;
    display: inline; /* fixes IE6's double margin bug on floating elements */
}

.EventPanelDoNothing {
    width: auto;
}

.ie9 .EventPanelDoNothing {
    width: auto;
    max-width: 500px;
}

/*************************************************
/* Containers */
/***************************************************/

.admDetailList,
.admDetailListSummary {
    margin: auto;
    list-style-type: none;
}

.EventPanel .admDetailList,
.EventPanel .admDetailListSummary {
    padding: 1em 0 0.75em 0;
    width: 90%;
    min-width: 90%;
}

fieldset .admDetailList {
    margin: 0.5em auto;
}

.admDetailList li,
.admDetailListSummary li {
    overflow: hidden;
    line-height: 1.5em;
    margin-bottom: 0.3em;
    max-width: 96%;
}

    .admDetailList li > .ASPxDefaultGridView,
    .admDetailListSummary li > .ASPxDefaultGridView {
        width: 100%;
    }

        .admDetailList li > .ASPxDefaultGridView .admDetailList,
        .admDetailList li > .ASPxDefaultGridView .admDetailListSummary,
        .admDetailListSummary li > .ASPxDefaultGridView .admDetailList,
        .admDetailListSummary li > .ASPxDefaultGridView .admDetailListSummary {
            float: left;
            width: 50%;
            padding-left: 0;
        }

.usageGridPanel {
    border: none;
}

.usageGridView {
    margin: 10px 0;
}

/*************************************************************************************
 * Styles fuer Ueberschriften
 *************************************************************************************/
h1 {
    font-size: 21px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: normal;
}

h2 {
    font-size: 14px;
    margin: 0;
}

h3 {
    font: bold 12px;
    margin: 0 0 10px 0;
}

.Titel {
    font-size: 14px;
    font-weight: bold;
}

/*************************************************************************************
 * Styles fuer Tabellen
 *************************************************************************************/
th {
    text-align: left;
}

td.dxscTimeRulerHoursItem {
    vertical-align: top;
}

/*************************************************************************************
 * Styles fuer Gridviews
 *************************************************************************************/

/* SIMPLE GRIDVIEW STYLES */
.simpleGridView .dxgvHeader {
    height: 10px !important;
}
/*************************************************************************************
 * Tabellenartige Listen
 *************************************************************************************/

li .listLabel {
    display: block;
    clear: left;
    float: left;
    width: 30%;
    margin-right: 1em;
}

li .NoWrap {
    display: table-row;
    min-width: 20em;
}

    li .NoWrap .listLabel,
    li .NoWrap .listField {
        display: table-cell;
    }

.admDetailListSummary li .listLabel {
    font-weight: bold;
}

li .listField {
    display: block;
    float: left;
    width: 60%;
}

li .listFieldStretch {
    display: block;
    float: left;
}

li .listFieldLong {
    display: block;
    float: left;
    width: 63%;
	margin-left: 0.5em;
}

li .listFieldChb {
    display: block;
    float: left;
	margin-left: 0.5em;
}

li input.listField,
li table.input {
    width: 15em;
    min-width: 15em;
    max-width: 15em;
}

select.listField,
.listField .ui-dropdownchecklist-selector,
.listField .ui-dropdownchecklist.ui-dropdownchecklist-selector-wrapper.ui-widget,
.listField.typedSelection table td:first-child,
#ie11 div.clm-filterToolMove div.clm-FilterSelection select.listField {
    width: 204px;
}

.listField.typedSelection.toggle table td:last-child {
    width: 100%;
}

.listField.typedSelection table td:last-child {
    width: 0;
}

li .TableCheckbox {
    max-width: 30em;
}

    li .TableCheckbox td {
        padding-left: .3em;
    }

li div.listField input.input {
    margin-left: .5em;
}

textarea.listField {
    margin-left: .5em;
}

li span.listField,
li input.listField,
li select.listField {
    margin: 0 .5em;
}

li img {
    margin-top: .2em;
}

.MdataConnectionhandlerAspx li input.listField,
.MdataConnectionhandlerAspx li select.listField,
.MdataFilterTemplateAspx li input.listField,
.MdataFilterTemplateAspx li select.listField {
    max-width: none !important;
}

#ie11 span.listLabel.filterTool {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 126px;
    height: 35px;
}
#ie11 div.listField.filterTool {
    display: table-cell;
    vertical-align: middle;
    height: 35px;
}
#ie11 div.clm-FilterSelection select.listField {

    width: 300px;
}
/*************************************************************************************
 * ReadOnly Style fuer label
 *************************************************************************************/
    .lbl {
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #000000;
    }

/*************************************************************************************
 * Style fuer Fieldset
 *************************************************************************************/
fieldset {
    border: 1px solid #CCCCCC;
    background-color: #FFF;
    color: #000;
}

/*************************************************************************************
 * Style fuer Event Panel
 *************************************************************************************/
.EventPanel_Position {
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 500;
    border: 5px solid #808080;
}

.EventPanel .AddressControl {
    min-width: 50em;
}

.PersonEditPanel .AddressControl {
    min-width: 0;
}

/* RequiredField style might become obsolete when validation custom controls are used throughout the project */
.required:after,
.RequiredField:after,
div.required fieldset legend:after,
li.required > label:after {
    Content: '\00200A*';
}

:enabled ~ .RequiredField.bigEnabled,
:enabled ~ .required.bigEnabled,
li.required.bigEnabled > label {
    font-size: x-large;
}

li.required:after {
    Content: '';
}

.ColonLabel:after {
    Content: ':';
}

html[lang="fr"] .ColonLabel:after {
    Content: '\002008:';
}

.ColonLabel.required:after, .ColonLabel.RequiredField:after,
.required.ColonLabel:after, .RequiredField.ColonLabel:after {
    Content: '\00200A*:';
}

html[lang="fr"] .RequiredField.ColonLabel:after {
    Content: '\00200A*\002008:';
}

.message-required:before {
    Content: '*\00200A';
}

/*************************************************************************************
 * Minimal stand-alone css for dropdownchecklist support
 *************************************************************************************/
.ui-dropdownchecklist {
    color: black;
}

.ui-dropdownchecklist-selector {
    padding: 0;
    font-size: 0;
    background-color: transparent;
}

    .ui-dropdownchecklist-selector.ui-state-hover {
        background-color: transparent;
    }

.ui-state-hover, .ui-state-active {
    border-color: #ccc;
}

.ui-state-hover {
    background-color: #ccc;
}

.ui-dropdownchecklist-dropcontainer {
    background-color: #fff;
    border: 1px outset #333;
    line-height: 1.5em;
}

.ui-dropdownchecklist.ui-dropdownchecklist-selector-wrapper.ui-widget {
    position: relative;
    line-height: 0;
    margin: 0;
}

.ui-dropdownchecklist.ui-dropdownchecklist-selector-wrapper.ui-widget,
.ui-dropdownchecklist-selector {
    width: 100%;
}

.ui-state-disabled label {
    color: #ccc;
}

.ui-dropdownchecklist-item > input {
    width: 13px;
    height: 13px;
    margin: 0;
    padding: 0 !important;
    outline: none;
    position: relative;
    *overflow: hidden;
}

.ui-dropdownchecklist-item {
    padding: 1.2px 3px;
    padding-left: 18px;
    text-indent: -18px;
}

    .ui-dropdownchecklist-item > input + label {
        padding-left: 5px;
    }

    .ui-dropdownchecklist-item * {
        /* vertically align checkbox with its label */
        position: relative;
        vertical-align: middle;
    }

    .ui-dropdownchecklist-item label {
        /* hoizontal distance of checkbox from its label */
        padding-left: 2px;
    }

/**** STAEDI-2581 added to make it look like DevExpress control ****/
    .ui-dropdownchecklist-item.checkedoption {
        /* highlight selected items */
        background-color: #a0a0a0;
        color: #fff;
    }

    .ui-dropdownchecklist-item.checkalloption {
        /* separate the "select all" item by drawing a line */
        border-top: 1px solid #ccc;
        border-bottom: 2px solid #ccc;
        background-color: #fbfbfb;
    }
        .ui-dropdownchecklist-item.checkalloption.checkedoption {
            /* highlight selected items */
            color: black;
        }

    .ui-dropdownchecklist-item.ui-state-hover {
        /* use same hover color even for selected items */
        background-color: #ccc
    }
/**** STAEDI-2581 end ****/

.ui-dropdownchecklist-group {
    font-weight: bold;
    font-style: italic;
    padding: 1px 2px 2px 2px;
}

.ui-dropdownchecklist-indent {
    padding-left: 7px;
}

.ui-dropdownchecklist-selector-wrapper {
    vertical-align: top;
}

span.ui-dropdownchecklist-selector {
    display: inline-block;
    margin: 0;
    font-size: 0.9em;
    overflow: hidden;
    cursor: pointer;
}

select.ui-dropdownchecklist-selector {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}

input.ui-dropdownchecklist-text.multiselectionTextbox {
    /* Do not change these settings. The actual layout depends on 
       the underlying select element and is calculated at runtime */
    display: block !important;
    position: absolute !important;
    border: 0 !important;
    z-index: 1;
    cursor: text;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none;
}

    input.ui-dropdownchecklist-text.multiselectionTextbox:focus {
        outline: none; /* avoid default outline e.g. in Chrome Browser */
    }

div.ui-dropdownchecklist.ui-dropdownchecklist-dropcontainer-wrapper.ui-widget {
    border: 1px solid #CCC;
    border-top: 0;
}

div.ui-dropdownchecklist-dropcontainer.ui-widget-content {
    border: 0;
    overflow-y: auto;
}

/*************************************************************************************
 * Style fuer Create New
 *************************************************************************************/
.create_line_control {
    border: 0;
    border-bottom: 1px solid;
    vertical-align: bottom;
}
tr > td.create_line_control:first-child {
    font-size: 0;
}

.create_what {
    margin: 0 0 0 10px;
    font-variant: inherit;
}

.Gridview_border_design {
    padding: 2px;
}

/***Table borderline***/
.Table_borderline {
    border: 1px solid #CCC;
    vertical-align: top;
    text-align: left;
}

/*Kein Rand bei IE bei Checkboxen*/
.TableCheckbox input,
.TableCheckbox tr td input {
    border: 0;
    vertical-align: bottom;
}
/* Correctly align a native asp.net CheckBox with its text (classname TableCheckbox) */
/* Derived from http://stackoverflow.com/questions/306252/how-to-align-checkboxes-and-their-labels-consistently-cross-browsers */
span.TableCheckbox {
    display: inline-block;
    padding-left: 18px;
    text-indent: -18px;
    float: left;
}

    span.TableCheckbox > input + label {
        padding-left: 5px;
    }

    span.TableCheckbox > input {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
        position: relative;
        top: -1px;
    }
/****************************************************/
.jc_table_1,
.jc_table_2,
.jc_table_3 {
    width: 100%;
    table-layout: fixed;
    margin-left: 2em;
    border: 0 none;
    border-collapse: separate;
    border-spacing: 1em 0;
}

.jc_table_3 {
    table-layout: auto;
    border-spacing: 0;
    width: 95%;
}

    .jc_table_3 td {
        padding: .5em;
    }

    .jc_table_1 .jc_table_1,
    .jc_table_2 .jc_table_1,
    .jc_table_3 .jc_table_1 {
        margin-left: 0;
    }

table td table.reset {
    border-collapse: collapse;
    border-spacing: 0;
}

    table td table.reset tr td {
        padding: 0;
    }

.jc_table_1 tr td {
    margin: 3px 0;
    padding: 3px 0;
}

.jc_table_1 .jc_table_lbl tr td {
    margin: 0;
    padding: 0;
}

.jc_table_1 .jc_table_1 tbody tr td.cbxList {
    margin: 0;
    padding: 0;
    width: 20%;
}

/*JobCreateNew Breite und Ausrichtung für den Eingabebereich*/
.jc_table_1 tr td.jc_table_lbl {
    text-align: right;
    width: 80%;
}

.jc_table_1 tr td.dxdvItem /* ASPxDataView, e.g. in AjaxUploadControl */ {
    border: 0;
    padding: 0;
    background-color: transparent;
    height: auto;
}

/*JobCreateNew Breite für den textbereich*/
.jc_table_1 tr td.jc_table_txt,
.jc_table_2 tr td.jc_table_txt,
.jc_table_3 tr td.jc_table_txt {
    width: 20%;
    text-align: right;
    vertical-align: top;
}

.jc_table_2 tr td.jc_table_ctrl {
    width: 80%;
}

.jc_table_2 > tbody > tr:first-child > td.jc_table_txt {
    vertical-align: middle;
}

.jc_table_2 > tbody > tr > td.jc_table_ext > img {
    position: relative;
    left: -9.2em;
}

.jc_table_3 > tbody > tr:first-child > td,
.jc_table_2 > tbody > tr:last-child > td {
    padding-top: 1em;
}

table.jc_table_2 table.jc_table_1 > tbody > tr > td.jc_table_lbl {
    padding-right: 0;
}

.jc_table_1 tr td.jc_table_ctrl {
    width: 70%;
}

table tr td.jc_table_ext {
    /*padding-left: 1em;*/
    vertical-align: middle;
    text-align:center;
}
/****************** TlangDeadlineControl: supplier list table *****************/
table.jc_table_suppl {
    width: 100%;
    border: 1px solid #C0C0C0;
    z-index: 1;
}
    /* first supplier row */
    table.jc_table_suppl > tbody > tr:first-child td {
        padding-top: 0.8em; /* distance from table top */
    }

    table.jc_table_suppl > tbody > tr > td {
        padding-right: 1em; /* right cell space */
        vertical-align: bottom;
        white-space: nowrap;
    }
        /* supplier selection cell */
        table.jc_table_suppl > tbody > tr > td:first-child {
            padding-top: .5em; /* space to row above */
            padding-left: 1em; /* space to left table border */
            min-width: 25em; /* to avoid overlapping upon window resize */
        }

.ff table.jc_table_suppl > tbody > tr > td:first-child {
    min-width: 28em; /* to avoid overlapping upon window resize */
}
/* supplier activity heading */
table.jc_table_suppl > tbody > tr > td:first-child > div {
    font-weight: bold;
    position: relative;
    top: .3em; /* vertical position */
}
/* supplier deadline and button alignment */
table.jc_table_suppl td > span,
table.jc_table_suppl td > span + input {
    display: inline-block;
    vertical-align: bottom;
}
/**********************************************************************/

.createNewTr {
    background: url('../images/createNewTr-bg.png') 0 50% repeat-x;
}

tr.createNewTr td {
    padding: 0;
}

    tr.createNewTr td span {
        padding-left: 20px;
        background: #f2f2f2;
        white-space: nowrap;
    }

.createNewTr .ColonLabel:after {
    padding-right: 10px;
    background: #f2f2f2;
}

.createNewLabel {
    text-align: left;
    font-weight: bold;
    padding-top: .5em;
}
/*JobCreateNew Ausrichtung Links für die Eingabemaskenbeschriftungen*/
.jc_table_1 tr td.jc_table_lbl p,
.jc_table_1 tr td.jc_table_checkbox {
    text-align: left;
}

/*LanguageTabelle auf ganze Seite breit machen*/
.jc_table_outputpanel div table {
    width: 100%;
}

.tabCheck {
    width: 100%;
}

    .tabCheck tr td.validationStar {
        text-align: center;
        width: 1%;
        vertical-align: middle;
    }

/*Buttons bei Job erfassen, gleiche Breite*/
.inputWizNav {
    width: 250px;
}

/* Controlls */
.controls_view {
    width: 100%;
}
input[type=text].controls_view {
    max-width: 99%;
}

/****Gridview Style*****/
.Pager_Horizontal {
    text-align: center;
}

.validateDateTime table tr td {
    text-align: right;
}

/*JobCreateNew Breite und Ausrichtung für die Referenzdateiauswahl*/
.jc_table_refmat_lbl {
    width: 80%;
    text-align: left;
}

/*JobCreateNew Breite für den textbereich*/
.jc_table_refmat_txt {
    width: 20%;
}

table tr td select.ClassRefMatAdded {
    width: 485px;
}

.GridViewTableAlternateHover,
.GridviewTableRowHover {
    background-color: #DDD;
    color: #000;
}

    .GridviewTableRowHover a:hover,
    .GridViewTableAlternateHover a:hover {
        color: #000;
    }

/*Supplierdetail usercontrol css class*/
.supplierdetails_up {
    border: 0;
    border-top: 1px solid #c0c0c0;
}

.supplierdetailTable {
    border: 1px solid #c0c0c0;
}

    .supplierdetailTable tr th {
        color: #2C2C2C;
        background: #FAEBE7;
        font-weight: bold;
        border-bottom: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
        padding: 2px 5px;
    }

    .supplierdetailTable tr td {
        padding: 2px 5px;
        border-bottom: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
        text-align: left;
    }

/*** Still needed? ***/
.supplierdetailJobTable {
    border: 1px solid #c0c0c0;
}

    .supplierdetailJobTable tr th {
        color: #2C2C2C;
        background: LightYellow;
        font-weight: bold;
        border-bottom: solid 1px #c0c0c0;
        border-right: solid 1px #c0c0c0;
        padding: 2px 5px;
    }

    .supplierdetailJobTable tr td {
        padding: 2px 5px;
        border-bottom: solid 1px #c0c0c0;
        border-right: solid 1px #c0c0c0;
        text-align: left;
    }
/******/

textarea {
    font-size: 12pt;
}

/*************************************************************************************
 * Styles fuer JobShowDetail
 *************************************************************************************/
.DynamicTable {
    float: left;
    width: 1020px;
    margin-bottom: 10px;
    table-layout: fixed;
}

.DynamicHeaderTable {
    float: left;
    width: 1020px;
    margin-bottom: 10px;
}

.dynamic-table-row > td {
    padding-bottom: 5px;
    font-size: 13px;
    vertical-align: top;
    padding-right: 5px;
}

.dynamic-table-label {
    color: #707070;
    font-weight: bold;
    width: 250px;
    margin: 0;
    padding: 3px 0;
}

.dynamic-table-value {
    color: #333;
    margin: 0;
    padding: 3px 0;
    word-wrap:break-word;
}

.dynamic-table-row:hover {
    background: #eee;
}

.langedit-button {
    float: right;
}

.tbLanguageHeader .hr {
    margin: 3px 0;
    padding: 0;
    height: 1px;
    width: 100%;
    float: left;
    border-top: 1px solid #ccc;
}

.jobdetail-header-container {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0;
    background: #fff;
    border-bottom: 1px solid #CFCFCF;
}

.jobdetail-header {
    float: left;
    width: 100%;
    margin-left: 10px;
    padding-left: 10px;
}

/*arrange submit buttons evenly at page bottom*/
.job-statistics-footer {
    float: right;
    width: 100%;
    list-style-type: none;
    text-align: right;
}

.job-statistics-cancel {
    margin-right: 10px;
    border: none !important;
    box-shadow: none !important;
    color: #91002D !important;
}

/*horizontal separation line*/
.job-statistics-subheader {
    float: left;
    width: 99%;
    background: url('../images/createNewTr-bg.png') 0 50% repeat-x;
    font-weight: bold;
    margin: 10px 0;
}

    .job-statistics-subheader span {
        float: left;
        background: #fff;
        font-size: 14px;
        padding: 0 10px 0 0;
    }

.jobdetail-box-header {
    float: left;
    width: 100%;
    background: url('../images/createNewTr-bg.png') 0 50% repeat-x;
    font-weight: bold;
    margin: 10px 0;
}

.JobsearchviewAspx .jobdetail-box-header {
    margin-top: 15px;
}

    .jobdetail-box-header span {
        float: left;
        background: #fff;
        font-size: 14px;
        padding: 0 10px 0 0;
    }
    .JobsearchviewAspx .jobdetail-box-header span {
        font-size: 12px;
    }

    .jobdetail-box-header .tooltip {
        float: right;
        margin: 0;
        padding: 0 0 0 10px;
        background: #FFF;
    }

.jobdetail-box-content {
    margin: 0;
    float: left;
    width: 100%;
}

    .jobdetail-box-content ul {
        float: left;
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
        width: 100%;
    }

    .jobdetail-box-content li {
        padding: 3px 0;
        font-weight: bold;
    }

    .jobdetail-box-content img {
        margin-right: 8px;
    }

.jobdetail-notification-header {
    width: 100%;
    float: left;
    background: #f5f5f5 url('../images/user16x16.png') 5px 50% no-repeat;
    padding: 10px 0;
}

    .jobdetail-notification-header span {
        padding-left: 30px;
        font-weight: bold;
    }

.jobdetail-notification-content {
    float: left;
    width: 100%;
    height: 300px;
    overflow: auto;
    margin-bottom: 20px;
}

.notificationBox {
    margin-bottom: 20px;
}

.jobdetail-plusminus {
    margin: -5px 5px 0 0;
    float: left;
}

.jobdetail-statistic {
    width: 97% !important;
}

.jobdetail-statistic-panel {
    float: left;
    width: 100%;
}

.jobdetail-smallPopup {
    margin: 10px 0;
    color: #707070;
}

    .jobdetail-smallPopup ul {
        float: left;
        margin: 0;
    }

    .jobdetail-smallPopup .jobdetail-box-header {
        margin: 5px 0;
        font-size: 12px;
    }

.jobdetail-content,
.tbLanguageHeader {
    float: left;
    margin: 10px 0 0 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #CFCFCF;
    width: 100%;
}

/*border around the panel*/
.job-statistics-header {
    float: left;
    margin: 10px 0 10px 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #CFCFCF;
}

.tbLanguageHeader {
    margin-bottom: 10px;
}

.jobdetail-header-sticky-holder {
    position: relative;
    margin-bottom: 50px;
}

.jobdetail-header-sticky {
    position: absolute;
    top: 0;
    width: 100%;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .1);
}

.more-button {
    margin-left: 0 !important;
    padding-top: 6px !important;
}

.languageHeader-header {
    vertical-align: top;
}
/*************************************************************************************
 * Validation Fehler: Steuerelemente
 *************************************************************************************/
/* Textboxen, Dropdownlisten */
.errorTextboxValidate,
.errorDropdownlistValidate {
    color: inherit;
    background-color: inherit;
    border: 1px solid #B94A48 !important;
}

.ie6 .errorTextboxValidate,
.ie6 .errorDropdownlistValidate,
.ie7 .errorTextboxValidate,
.ie7 .errorDropdownlistValidate {
    color: #B94A48 !important;
}

.errorTableBorderValidate {
    border: 1px solid #B94A48;
}

/*************************************************************************************
 * Reference Panel
 *************************************************************************************/
.hide {
    display: none;
}

.overflow-hide {
    overflow: hidden;
}

.show {
    display: inline;
}

.modalBackground {
    background-color: #808080;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopup {
    background-color: #FFD;
    border: 3px solid #808080;
    padding: 3px;
    width: 250px;
}
/************************/
.SliderStyle /* Only CapacityDiagramascx.cs */ {
    position: static;
    display: inline;
}

.modalProgressGreyBackground {
    background: #CCC;
    filter: alpha(opacity=60);
    opacity: .6;
}
/********For Currency in SelectSupplier*******************/
.ExchangeRight {
    text-align: right;
}
/******VerWaltung Style AND Search*****************/
.BoldColor /* Supplier > Summary */ {
    font-weight: bold;
    color: #2C2C2C;
}

.BoldRedColor /* Supplier > Summary, inactive */ {
    font-weight: bold;
    color: #f00;
}

.PrintClass {
    height: 500px;
    overflow: auto;
    background-color: Green;
    width: 100%;
}

.PrintClassWidth {
    width: 1020px;
}

/*************************************************************************************
 * Style fuer JamesDateTimeControl
 *************************************************************************************/
table.DateTimeInput {
    border: 0 none;
}
    /*table.DateTimeInput + div.DateTimeMessage*/
    table.DateTimeInput td.DateTimeMessage {
        color: red;
    }

    table.DateTimeInput tr td {
        vertical-align: bottom !important;
        padding: 0 !important;
    }

.DateTimeInput td.Date {
    white-space: nowrap;
}

.DateTimeInput .calendarButton {
    position: relative;
    top: 5px;
    height: 2em;
    margin-left: .2em;
    margin-right: -0.2em;
    vertical-align: bottom;
    cursor: pointer;
}

.DateTimeInput .Hour,
.DateTimeInput .Minute,
.DateTimeInput .HourLabel,
.DateTimeInput .MinuteLabel {
    margin-left: .4em;
}

.DateTimeInput select.Minute,
.DateTimeInput input.Minute {
    margin-right: .5em;
}

.DateTimeInput tr td select {
    width: 4em;
    padding: 4px;
}

.ff .DateTimeInput select {
    width: 3.8em;
}

.DateTimeInput tr td input {
    /*width: 3.5em;*/
    text-align: center;
}

.DateTimeInput input.Date,
.DateTimeInput input.DateOk {
    width: 5.5em;
}

.ff .DateTimeInput input.Date,
.ff .DateTimeInput input.DateOk {
    width: 6em;
}

/* UTILITIES */

.Clear {
    clear: both;
}


/*** TODO: To check! ***/
.Cursor {
    cursor: pointer;
}

.NoWrap {
    white-space: nowrap;
}

.preline-style {
    white-space: pre-line;
}

.Show {
    display: block;
}

.Hide {
    display: none;
}

.Bold {
    font-weight: bold;
}

.centeredContentContainer {
    text-align: center;
}

.Hint {
    border: solid 1px #A8A8A8;
    background-color: #FEFFDE;
    color: #5A5A5A;
    padding: 10px;
    font-size: 10px;
}

.ErrorColor {
    color: red;
}
/**Style for Job detail Page controls ***/
.transitButton {
    width: 150px;
    padding: 1px;
    text-align: center;
    float: left;
}
    .transitButton a {
        color: white;
    }
/*************************************************************************************
 * Style fuer Dashboard
 *************************************************************************************/
.customizeContainer {
    float: left;
    width: 100%;
    background: #F2F2F2;
    border-bottom: 1px solid #CFCFCF;
}

    .customizeContainer .customize {
        margin: 10px;
    }

        .customizeContainer .customize label {
            margin: 10px 25px 10px 0;
        }

.nav-toggle {
    background: #CFCFCF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAMklEQVQ4y2P8z0AaYGIY+hoY658x8JGg/hPJNrAwqDAwkqD+Pxk23Bn1w4jwA+NIzKIAurQNnXPbBGQAAAAASUVORK5CYII=) no-repeat 10px center;
    padding: 7px 10px 7px 25px;
    margin: 7px 15px;
    width: 230px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    color: #828282;
}

.nav-toggle-save {
    background: #cfcfcf;
}

.nav-toggle:hover {
    color: #fff;
    text-decoration: none;
}

.dashboard-config-cb {
    float: left;
}

.widgetCbList, .statisticCbList, .chartCbList {
    float: left;
    width: 100%;
    margin: 10px 0;
}

#dashboardContainer {
    background: #F2F2F2;
    width: 100%;
    padding: 0 10px;
}

#leftZone {
    width: 260px;
    padding-right: 15px;
    vertical-align: top;
}

.leftWidget,
.rightWidget {
    margin-bottom: 10px;
    width: 100%;
}

.widgetHeader {
    margin: 0;
    font-family: 'Helvetica Neue', 'Segoe UI', 'Trebuchet MS', 'Verdana', sans-serif;
}

.widgetContent {
    padding: 10px;
    background: #fff;
    border: 1px solid #CFCFCF;
}

.contentChart {
    float: left;
    width: 100%;
    padding-top: 10px;
    background: #F2F2F2;
}

.statisticBox {
    width: 240px;
    height: 65px;
    text-align: left;
    cursor: pointer;
}

    .statisticBox span, .statisticBox strong {
        margin-left: 50px;
        display: block;
    }

    .statisticBox strong {
        padding: 8px 0 0 0;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: -4px;
    }

    .statisticBox span {
        font-size: 14px;
        cursor: pointer;
    }

.statistic_box a, .statistic_box a:hover {
    text-decoration: none;
}

.statisticTab,
.externalTab {
    border: none;
    margin: 0;
    padding: 0;
}

.dxeCalendar_MetropolisBlue {
    margin: 0 auto;
}

    .dxeCalendar_MetropolisBlue .dxMonthGridWithWeekNumbers {
        min-width: 100px;
        padding: 10px 0 !important;
    }

.dxeCalendarFooter_MetropolisBlue {
    border: 0;
}

.chartTab {
    margin: 0;
    padding: 0;
}

.dashboard_newsticker {
    padding-left: 4px;
}

.chartBox {
    box-sizing: content-box;
    border: 1px solid #CFCFCF;
    background: #fff;
    padding: 10px;
}

.chartWrapperFull {
    width: fit-content;
    min-width: 1500px;
    box-sizing: border-box;
    float: left;
    /*margin: 0 10px 20px 10px;*/
    border-right: 10px solid #F2F2F2;
    border-bottom: 20px solid #F2F2F2;
    border-left: 10px solid #F2F2F2;
}

.chartWrapper {
    width: 50%;
    box-sizing: border-box;
    float: left;
    /*margin: 0 10px 20px 10px;*/
    border-right: 10px solid #F2F2F2;
    border-bottom: 20px solid #F2F2F2;
    border-left: 10px solid #F2F2F2;
}

    .chartWrapper .widgetHeader {
        margin: 0;
    }

.widgetHeader .tooltip-right {
    margin-left: 10px;
}

.dxtcPageContent_MetropolisBlue,
.dxtcPageContentWithTabPositionBottom_MetropolisBlue,
.dxtcPageContentWithTabPositionLeft_MetropolisBlue,
.dxtcPageContentWithTabPositionRight_MetropolisBlue,
.dxtcPageContentWithoutTabs_MetropolisBlue {
    border-style: none !important;
}

.dashboard_list {
    margin-top: 0;
    margin-bottom: 0;
}

    .dashboard_list li {
        margin: 5px 0;
    }

/* Counting Params */
.countinParamPanel {
    margin-left: 10px;
}

.countingParamInfo {
    border-top: 1px solid #ddd;
    padding: 5px 0;
    width: 100%;
    float: left;
}

.countingParamUsed {
    float: left;
    width: 440px;
    margin-top: 10px;
}

    .countingParamUsed strong {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .countingParamUsed span {
        float: left;
        width: 420px;
    }

    .countingParamUsed input {
        float: left;
    }

.countingParamsUsedRow {
    float: left;
    margin: 0 5px;
    padding: 5px 15px;
    width: 480px;
    border-bottom: 1px solid #fff;
}

    .countingParamsUsedRow:hover {
        background: #F1F2F2;
        border-bottom: 1px solid #ddd;
    }

/* Master data > Extra Costs */
.usedExtraCostContainer {
    float: left;
    width: 530px;
    max-height: 400px;
    overflow: auto;
    margin-bottom: 20px;
}

.usedExtraCost {
    float: left;
    width: 440px;
    margin-top: 10px;
}

    .usedExtraCost strong {
        float: left;
        width: 100%;
        padding: 5px;
    }

    .usedExtraCost span {
        float: left;
        width: 420px;
    }

    .usedExtraCost input {
        float: left;
    }

.usedExtraCostRow {
    float: left;
    margin: 0 5px;
    padding: 5px 15px;
    width: 450px;
    border-bottom: 1px solid #fff;
}

    .usedExtraCostRow:hover {
        background: #F1F2F2;
        border-bottom: 1px solid #ddd;
    }

.tbHeight1 {
    height: 1.2em;
}

.tbHeight2 {
    height: 2.4em;
}

.tbHeight3 {
    height: 3.6em;
}

.tbHeight4 {
    height: 4.8em;
}

.tbHeight5 {
    height: 6em;
}

.tbHeight6 {
    height: 7.2em;
}

.tbHeight7 {
    height: 8.4em;
}

.tbHeight8 {
    height: 9.6em;
}

.tbHeight9 {
    height: 10.8em;
}

.tbHeight10 {
    height: 12em;
}

/* ASPxPopupControl */
.dxpc-contentWrapper {
    color: #000;
    background-color: #FFF;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .1);
}

.dxpcLite_CLM a {
    color: #1E3695;
}

.dxpcLite_CLM li .listLabel {
    min-width: 150px;
    margin-right: 0;
}

.dxpcLite_CLM li .listField {
    width: 130px;
    margin-left: 0;
}

.dxpcLite_CLM .dxpc-closeBtn {
    float: right;
    padding: 1px 2px 2px 1px;
}

.dxpcLite_CLM.dxRtl .dxpc-closeBtn {
    float: left;
}

.dxpcContent_CLM, .dxpc-content {
    color: #333;
    white-space: normal;
    vertical-align: top;
    padding: .5em 1em;
}

.dxpcLite_CLM .dxpc-footer {
    color: #80838f;
    background: #c9cad1;
    border-top: 1px solid #a8aab4;
}

.dxpcLite_CLM .dxpc-footerContent {
    min-height: 8px;
    padding: 6px 20px 6px 12px;
}

.dxpcLite_CLM.dxRtl .dxpc-footerContent {
    padding: 6px 12px 6px 20px;
}

.dxpcLite_CLM .dxpc-footerText {
    white-space: nowrap;
}

.dxpcLite_CLM .dxpc-footerImg {
    margin: 0 4px 0 0;
}

.dxpcLite_CLM.dxRtl .dxpc-footerImg {
    margin: 0 0 0 4px;
}

.dxpcLite_CLM .dxpc-header {
    color: #fff;
    padding: 2px 2px 2px 7px;
}

.dxpcModalBackLite_CLM {
    background-color: #777;
    opacity: .7;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=70);
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
}

.dxpcLiteDisabled_CLM {
    color: #808080;
    cursor: default;
}

.dxpcLite_CLM .noFooterButton .dxpc-footer {
    padding: 7px 2px 0 7px;
    text-align: left;
}

.dxpcLite_CLM .noFooterButton .dxpc-footerContent {
    min-height: 8px;
    padding: 0;
}

.dxpcLite_CLM .noFooterButton .dxRtl .dxpc-footerContent {
    padding: 0;
}

.dxdvControl {
    color: #000;
}
/* DataView */

/*************************************************************************************
 * Styles for new design elements
 *************************************************************************************/

td[canlink] {
    cursor: pointer;
}
td[canlink] * {
    cursor: pointer;
}

.clm-button,
.clm-button:visited,
a.clm-button,
a.clm-button:visited,
input[type='submit'].clm-button,
input[type='submit'].clm-button:visited,
input[type='submit'] a.clm-button,
input[type='button'].clm-button,
input[type='button'].clm-button:visited,
input[type='button'] a.clm-button,
.dxmLite .dxmtb .dxm-item.clm-button, /* gridview toolbar button */
.dxmLite .dxmtb .dxm-item.clm-button.dxm-disabled:hover {
    box-sizing: border-box;
    background-color: #4D97CF;
    border: 1px solid #357EBD;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    margin: 0;
    padding: 6px 10px; /* padding 6 must be, otherwise the link looks different */
    text-decoration: none;
}
    input[type='submit'].clm-button-subtle.clm-button:focus,
    .clm-button-subtle.clm-button:focus,
    input[type='submit'].clm-button-subtle.clm-button:hover,
    .clm-button-subtle.clm-button:hover,
    input[type='submit'].clm-button:focus, .clm-button:focus,
    input[type='submit'].clm-button:hover, .clm-button:hover,
    input[type='button'].clm-button-subtle.clm-button:focus,
    .clm-button-subtle.clm-button:focus,
    input[type='button'].clm-button-subtle.clm-button:hover,
    .clm-button-subtle.clm-button:hover,
    input[type='button'].clm-button:focus, .clm-button:focus,
    input[type='button'].clm-button:hover, .clm-button:hover,
    .dxmLite .dxmtb .dxm-item.clm-button:hover { /* gridview toolbar button hovered */
        background-color: #3071A9;
        border-color: #357EBD;
        color: #fff;
        text-decoration: none;
		/*outline: none;*/
    }
    /* disabled + hovered gridview toolbar button */
    .dxmLite .dxmtb .dxm-item.dxm-disabled.clm-button:hover,
    .dxmLite .dxmtb .dxm-item.dxm-disabled.clm-button:hover * 
    {
        cursor: default !important;
    }
    /* Maybe we should just hide that button instead... */
    /*.dxmLite .dxmtb .dxm-item.dxm-disabled.clm-button { display: none; }*/

    input[disabled='disabled'].clm-button,
    input[disabled='disabled'] a.clm-button,
    input[type='button'][disabled].clm-button,
    input[type='button'][disabled].clm-button,
    input[disabled].clm-button,
    input[disabled] a.clm-button,
    input[disabled='disabled'].clm-button:hover,
    input[disabled='disabled'] a.clm-button:hover,
    input[type='button'][disabled].clm-button:hover,
    input[type='button'][disabled].clm-button:hover,
    input[disabled].clm-button:hover,
    input[disabled] a.clm-button:hover {
        background-color: rgba(77,151,207, .6);
        font-style: italic;
        border-color: #999;
        color: #fff;
        cursor: default !important;
    }

input[type='submit'].button-grey,
.button-grey {
    background-color: #f5f5f5;
    border: 1px solid #999;
    color: #333;
}

    input[type='submit'].button-grey:hover,
    .button-grey:hover {
        background-color: #e9e9e9;
        border-color: #999;
        color: #333;
    }

input[type='submit'].refresh-button,
input[type='submit'].excel-button,
input[type='submit'].langedit-button,
input[type='submit'].zoomin-button,
input[type='submit'].zoomout-button {
    padding-left: 30px;
}

.refresh-button {
    background-image: url('../images/refresh.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

.langedit-button {
    background-image: url('../images/edit.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

.langedit-button-black {
    background-image: url('../images/edit_black.png') !important;
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

.excel-button {
    background-image: url('../images/excel.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

.button-pdf {
    float: right;
    background-color: #f5f5f5 !important;
    border-color: #999 !important;
    margin-left: 5px !important;
}

/******** Error page *******************/
.errorbox_left {
    float: left;
}

.errorbox_right {
    float: left;
    padding-left: 20px;
    color: #91002D;
}

    .errorbox_right p {
        font-size: 12px;
        line-height: 150%;
    }

    .errorbox_right a {
        font-weight: bold;
    }

    .errorbox_right h1 {
        padding: 0;
        margin: 0 0 10px 0;
        font-weight: bold;
        font-size: 22px;
    }

/********************
* Create new - NEW
*********************/
.createnew-container {
    float: left;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
    min-width: 1150px;
    background: #f2f2f2;
}

.createnew-content {
    float: left;
    min-width: 840px;
}

.createnew-sidebar {
    float: right;
    padding: 10px 10px 0 0;
    width: 300px;
}

.createnew-header-box {
    margin: 0 10px;
}

.createnew-header {
    float: left;
    width: 100%;
    background: url('../images/createNewTr-bg.png') 0 50% repeat-x;
    font-weight: bold;
    margin: 10px 0;
}

    .createnew-header span {
        float: left;
        background: #F2F2F2;
        font-size: 14px;
        padding: 0 10px 0 0;
    }

.createnew-wizard > tbody > tr:last-child td {
    padding: 20px 0;
}

.createnew-wizard input,
.createnew-wizard select,
.createnew-wizard textarea {
    background-color: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: rgba(0, 0, 0, .0745098) 0 1px 1px inset;
    color: #555555;
}

.createnew-wizard .jc_table_1 tr td.jc_table_txt,
.createnew-wizard .jc_table_2 tr td.jc_table_txt {
    padding-top: 12px;
}

.createnew-wizard .jc_table_3 tr td.jc_table_txt {
    padding-top: 2px;
}

.createnew-wizard .jc_table_1 tr td.jc_table_ext img,
.createnew-wizard .jc_table_2 tr td.jc_table_ext img,
.createnew-wizard .jc_table_3 tr td.jc_table_ext img {
    margin-left: 10px;
    cursor: help;
}

.createnew-wizard .jc_table_3 tr td.jc_table_ctrl {
    padding-top: 2px;
}

.createnew-step span {
    float: left;
    padding: 10px 0 0 14px;
}

.createnew-step {
    height: 40px;
}

    .createnew-step:hover {
        background-color: #F2F2F2;
    }

    .createnew-step strong {
        float: left;
        padding: 4px 9px;
        font-size: 18px;
        border: 2px solid #585858;
        border-radius: 6px;
    }

    .createnew-step0 {
        background: url('../images/number1.png') 0 50% no-repeat;
    }

    .createnew-step1 {
        background: url('../images/number2.png') 0 50% no-repeat;
    }

    .createnew-step2 {
        background: url('../images/number3.png') 0 50% no-repeat;
    }

.createnew-required {
    margin: -30px 0 0 20px;
    float: left;
}

    .createnew-required:before {
        Content: "*\00200A";
    }

.summary-accept {
    border: 1px solid #91002D;
    margin: 10px 0 10px 30px;
    padding: 10px;
}

.strong {
    font-weight: bold;
}

/* TlangControl */
.selection-button {
    margin-left: 10px !important;
    height: auto !important;
    padding: 4px !important;
}
/******* DAI TLangControl **********/
div.selectedLangPairs.required:after {
    content: none;
}

table.createnew-wizard span.AddLangPairInfo {
    display: block;
    padding: 0 10px;
    margin-top: 1em;
    margin-left: 25px;
}

div.addLangpairFields table {

    border-spacing: 0;
}

div.addLangpairFields fieldset,
div.selectedLangPairs fieldset {
    width: 92%;
    padding: 10px;
    padding-top: 20px;
    background-color: #FAFAFA;
    margin-top: 1em;
    margin-left: 30px;
    margin-bottom: 2em;
    border-style: solid outset;
    border-width: 2px;
}

div.addLangpairFields > table:first-child {
    border-width: 1px;
    border-collapse: separate;
}

div.selectedLangPairs fieldset {
    margin: 0;
    width: 100%;
    padding-top: 5px;
    padding-right: 5px;
    background-color: transparent;
}
/***********************************/

/****************/
.widgetcontrols-container {
    padding: 0 10px;
}

.SettingsinfoAspx .widgetcontrols-container,
.SettingsAspx .widgetcontrols-container,
.AdmUserManagerAspx .widgetcontrols-container {
    width: 750px;
}

.widgetcontrols-container li input.listField,
.widgetcontrols-container li textarea.listField {
    width: 250px;
    min-width: 250px;
}

.widgetcontrols-container li table.listField,
.widgetcontrols-container li select.listField,
.widgetcontrols-container .ulSearchFields li div.listField {
    width: 262px;
    min-width: 262px;
}
.widgetcontrols-container li select.listFieldLong,
.widgetcontrols-container li select.listFieldLong,
.widgetcontrols-container .ulSearchFields li div.listFieldLong {
	width: 65%;
    min-width: 65%;
}

.widgetcontrols-container li div.listField table.dxeButtonEditSys {
	width: 100%;
}

.widgetcontrols-container .ui-dropdownchecklist.ui-dropdownchecklist-selector-wrapper.ui-widget,
.widgetcontrols-container .ui-dropdownchecklist-selector {
    width: 262px;
}

.widgetcontrols-container input,
.widgetcontrols-container select,
.widgetcontrols-container textarea,
.widgetcontrols-container .ulSearchFields table.dxeButtonEditSys {
    padding: 5px;
    border: 1px solid #CCC;
    border-radius: 3px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: rgba(0, 0, 0, .0745098) 0 1px 1px inset;
    color: #555;
}
.widgetcontrols-container .ulSearchFields .liLabel {
    text-align: right;
}

/* Pop-up */
.clm-popup .dxpc-header {
    padding: 10px;
    border-bottom: 1px solid #CCC;
    font-size: 14px;
    font-weight: bold;
    background: #f0f0f0;
    color: #707070;
}

.clm-popup .dxpc-footer {
    padding: 5px;
    background: #f0f0f0;
    color: #707070;
    text-align: right;
    border-top: 1px solid #CCC;
}

    .clm-popup .dxpc-footer a {
        margin: 0 8px;
        font-size: 13px;
        color: #91002D;
        text-decoration: none;
        cursor: pointer;
    }

        .clm-popup .dxpc-footer a:hover {
            color: #91002D;
        }

.footer-left-button {
    float: left;
}

.popup-footer-error {
    float: left;
    color: red;
    margin: 10px 10px 0 10px;
}

/*************************************************************************************
* AjaxUploadControl & Reorder List
*************************************************************************************/

.file-upload-filename {
    width: 465px;
}

.file-upload-list li span,
.folderlist .folderlist-item {
    width: 440px;
}

.file-upload-filelist,
.folderlist {
    margin: 10px 0;
    width: 620px;
}

    .file-upload-list,
    .folderlist ul,
    .dragVisualContainer {
        line-height: 25px;
    }

.file-upload-item {
    background-image: url('../images/document.png');
}

.folderlist .draghandle {
    background-image: url('../images/move.png');
}

.file-upload-delete, .folderlist-item-delete {
    background-image: url('../images/close.png');
}

.file-upload-list,
.folderlist ul,
.dragVisualContainer {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .file-upload-filename,
    .file-upload-list li span,
    .file-upload-delete,
    .file-upload-delete.dxbTSys.dxbButtonSys,
    .folderlist .folderlist-item {
        display: inline-block;
    }

    .file-upload-list li span,
    .folderlist .folderlist-item,
    .folderlist td {
        vertical-align: middle;
    }

.file-upload-item,
.file-upload-delete,
.folderlist-item-delete,
.folderlist .draghandle {
    padding: 0;
    background-position: 5px center;
    background-repeat: no-repeat;
    background-color: transparent;
}

    .file-upload-item:hover,
    .folderlist li:hover {
        background-color: #ddd;
    }

/* AjaxUploadControl – uploaded files list */
.file-upload-button {
    display: block;
}
/* button browse files */
.file-upload-item {
    padding-left: 30px;
    margin: 0 5px;
}

.file-upload-filename ~ span .dxbButton div.dxb {
    padding-left: 5px;
}
/* button delete all */
.file-upload-filename {
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
}

.file-upload-delete, .folderlist-item-delete {
    width: 30px !important;
    border: none;
}

    .file-upload-delete .dx-vam {
        width: 10px !important;
    }

.file-upload-button {
    padding-bottom: 5px;
}

/* Reorder List – RefMat folders list */
.dragVisualContainer {
    font-size: 80%;
}

.folderlist .reorderCue {
    border: 2px dashed #ddd;
}

.folderlist .draghandle {
    cursor: move;
    width: 35px;
    height: 20px;
}

/* AjaxUploadControl – drag & drop support */
.dropzone {
    width: 100%;
}

.dropzone-hover {
    border: 2px dotted #ddd;
    background: #fff url('../images/upload.png') center 0 no-repeat;
    width: 100%;
    height: 6em;
}

.dropzone-drophere {
    display: none;
}

.dropzone-hover .dropzone-drophere {
    margin: 4.5em auto 0 auto;
    text-align: center;
    display: block;
}

.clm-upload-button-dragAndDrop {
    margin-left: 10px;
}

.dropzone-hover .clm-upload-button-dragAndDrop {
    display: none;
}

/*Drag-and-drop file upload works only in modern browsers like IE10+. */
.ie9 .clm-upload-button-dragAndDrop, .ie8 .clm-upload-button-dragAndDrop, .ie7 .clm-upload-button-dragAndDrop,
.ie9 .dropzone-hover .dropzone-drophere, .ie8 .dropzone-hover .dropzone-drophere, .ie7 .dropzone-hover .dropzone-drophere,
.ie9 .dropzone-drophere, .ie8 .dropzone-drophere, .ie7 .dropzone-drophere {
    margin: 0;
    display: none;
}

.ie9 .dropzone-hover, .ie8 .dropzone-hover, .ie7 .dropzone-hover {
    border: 0;
    background: transparent;
    height: auto;
}

/*Reorder List*/
.reorderList-draghandle {
    background-image: url('../images/move.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    cursor: move;
}

.ClsReorderListContainer ul {
    margin: 0;
    padding: 0;
}

.ClsReorderListContainer li {
    margin: 0;
    list-style: none;
    width: 550px;
}

    .ClsReorderListContainer li :hover {
        background-color: #fff;
    }

.ClsReorderCue {
    width: 100%;
    height: 30px;
    border: 2px dashed #ddd;
}

.reorderList-itemarea {
    float: left;
}

.reorderList-item {
    float: left;
    width: 440px;
    padding: 8px 0 8px 5px;
}


/*************************************************************************************
* Foldermanager
*************************************************************************************/
.foldermanager-container .boxRed {
    margin-bottom: 10px;
}

.foldermanager-directory-text {
    float: left;
    width: 50px;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
    color: #707070;
}

.foldermanager-directory-default {
    margin-left: 52px;
    float: left;
    font-style: italic;
    color: #555;
}

.foldermanager-tree {
    width: 100%;
    height: 500px;
    overflow: auto;
    color: #555;
    margin: 30px 0 10px 0;
}

    .foldermanager-tree .dxtlHeader {
        background: #f0f0f0;
        border: none;
        font-weight: bold;
    }

    .foldermanager-tree span {
        margin: 5px 0;
        float: left;
    }

    .foldermanager-tree .dxtlNode {
        padding: 3px 0;
    }

.dxtlSelectedNode, .dxtlFocusedNode {
    background: #F2F2F2;
    color: #555;
}
    /*#region DetailsInterpreterOrderList Current activ node color */
    .dxtlSelectedNode a, .dxtlFocusedNode a {
        color: #0d45b7;
    }

    .dxtlSelectedNode a:hover, .dxtlFocusedNode a:hover {
        color: #5494ea;
    }
    /*#endregion */

    /* Mailmanager */
    .mailmanager {
        padding-top: 10px;
        background: #F2F2F2;
    }

    .mailmanager .dxtc-content {
        border: 0;
        background: #F2F2F2;
        margin: auto 0;
    }

    .mailmanager .dxtc-link, .mailmanager .dxtc-link .dx-vam {
        cursor: pointer;
    }

    .mailmanager .dxtc-tab {
        background: #c0c0c0 !important;
        padding: 5px;
        font-size: 12px;
        border-left: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
    }

    .mailmanager .dxtc-rightIndent,
    .mailmanager .dxtc-leftIndent,
    .mailmanager .dxtc-spacer,
    .mailmanager .dxtc-tab,
    .mailmanager .dxtc-activeTab {
        border-bottom: 2px solid #91002D !important;
    }

    .mailmanager .dxtc-activeTab {
        background: #91002D !important;
        padding: 5px;
        font-size: 12px;
        border-left: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
    }

    .mailmanager .dxtc-tab:hover {
        background: #999 !important;
    }

    .mailmanager .dxtc-tab .dx-vam {
        color: #666;
    }

    .mailmanager .dxtc-activeTab .dx-vam {
        color: #fff;
        font-weight: bold;
    }

.mailmanager-button {
    float: left;
}

.mailmanager .dxtcLiteDisabled,
.mailmanager .dxtcLiteDisabled a,
.mailmanager .dxtcLiteDisabled a span,
.mailmanager .dxtcLiteDisabled:hover,
.mailmanager .dxtcLiteDisabled a:hover,
.mailmanager .dxtcLiteDisabled a span:hover {
    cursor: default !important;
    background: #999 !important;
    color: #E0E0E0 !important;
}

/* Sub tab control (eg. Prices page) */
.prices-tab {
    min-height: 340px !important;
}

.sub-tabs {
    padding-top: 0;
    /*background: #FFF;*/
    overflow: visible !important;
}

    .sub-tabs .dxtcLite {
        background: red !important;
        overflow: visible !important;
    }

    .sub-tabs.dxtc-top > .dxtc-content {
        border-top-style: solid !important;
    }

    .sub-tabs .dxtc-strip {
        padding: 0 !important;
    }

    .sub-tabs .dxtc-content {
        border: 0;
        background: #FFF;
        border-top: 1px solid #DDD !important;
        padding: 0;
        padding-top: 10px;
    }

    .sub-tabs .dxtc-link, .sub-tabs .dxtc-link .dx-vam {
        cursor: pointer;
    }

    .sub-tabs .dxtc-tab {
        background: #FFF !important;
        color: #555;
        padding: 0 5px;
        font-size: 12px;
        font-weight: bold;
        border-left: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
        margin: 0 auto;
        text-align: center;
    }

    .sub-tabs .dxtc-rightIndent,
    .sub-tabs .dxtc-leftIndent,
    .sub-tabs .dxtc-spacer,
    .sub-tabs .dxtc-tab,
    .sub-tabs .dxtc-activeTab {
        border: 0 !important;
        text-align: center;
    }

    .sub-tabs .dxtc-activeTab {
        background: #FFF !important;
        padding: 0 5px;
        font-size: 12px;
        font-weight: bold;
        border-left: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
    }

.KMATAspx .mailmanager,
.MaileditAspx .mailmanager {
    padding-top: 0;
    background: #FFF;
}

    .KMATAspx .mailmanager .dxtc-content,
    .MaileditAspx .mailmanager .dxtc-content {
        border: 0;
        background: #FFF;
        margin: auto 0;
    }

.clm-combobox {
    float: left;
    background: #fff;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-collapse: separate;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px inset;
    color: #555555;
    margin-right: 5px;
}
    .clm-combobox td.dxeButtonEditButton,
    .clm-combobox div.dxeButtonEditButton {
        min-width: 17px;
    }

table.clm-combobox ~ div.dxpcDropDown {

    margin-top: 8px;
}

td.dxeListBoxItem.clm-comboboxitem {
    font-size: 1.05em;
    color: #555555;
    border: 0 none;
    margin-left: 4px;
    padding: 3px 4px;
}

table.dxeButtonEdit.clm-combobox td {
    padding: 0;
}

.admDetailList .clm-combobox {
    margin: 0 .5em;
}

    .admDetailList .clm-combobox.listField {
        width: 263px;
    }

.mailnotAssigned-controls strong {
    color: #707070;
    padding-top: 10px;
}

.email-popup-container {
    width: 800px;
}

.popup-row {
    float: left;
    width: 100%;
    padding: 5px 0;
    color: #333;
}

    .popup-row strong {
        float: left;
        width: 100px;
        color: #707070;
    }

.popup-text {
    padding: 5px;
    border: 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    overflow: auto;
    max-height: 400px;
    width: 98%;
}

    .popup-text strong {
        float: none;
        width: auto;
        color: #333;
    }

/* Support manager */
.support-container {
    min-width: 510px;
    width: 1030px;
}

    .support-container .listLabel {
        width: 200px;
    }

/* Logfile */
.logfile-container {
    margin: 0 10px;
}

.logfile-buttons {
    margin-bottom: 20px;
}

.sidebar-gridview {
    float: left;
    width: auto;
    margin: 0 10px;
}

.sidebar-gridview-buttons {
    text-align: center;
    margin: 10px auto;
}

.widget-wSidebar {
    float: left;
    width: 550px;
    margin: 20px 0 20px 10px;
}

.widgetContent-buttons {
    text-align: right;
}

.widgetContent-buttons-left {
    float: left;
    margin-top: 5px;
}

.menu-help {
    float: right;
    margin: 0;
    height: 100%;
}

    .menu-help img {
        cursor: pointer;
        padding: 7px 20px 3px 18px;
    }

    .menu-help:hover {
        background: #000;
    }

.jq-dropdown-menu .selected {
    font-weight: bold;
}

.jq-dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.jq-dropdown-menu LI > span {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.jq-dropdown-menu .jq-dropdown-nobackground {
    text-align: right;
}

    .jq-dropdown-menu .jq-dropdown-nobackground a {
        display: inline;
    }

    .jq-dropdown-menu .jq-dropdown-nobackground input {
        margin: 0 10px;
    }

.jq-dropdown-menu LABEL > SPAN > LABEL {
    display: none;
}

input.jq-dropdown-nobackground:hover,
.jq-dropdown-menu LI.jq-dropdown-nobackground > A:hover,
.jq-dropdown-menu .jq-dropdown-nobackground LABEL:hover {
    color: #555 !important;
    /*background-color: transparent;*/
    background-color: #e0e0e0;
    border-radius: 3px 4px;
}

.shortcut-popup-container {
    width: 500px;
}

    .shortcut-popup-container .popup-row {
        line-height: 20px;
        padding-left: 5px;
        vertical-align: middle;
    }

        .shortcut-popup-container .popup-row:hover {
            background-color: #f0f0f0;
        }

        .shortcut-popup-container .popup-row strong {
            width: 200px;
        }

        .shortcut-popup-container .popup-row span {
            min-width: 2em;
            padding: .1em .2em;
            border: 1px solid #ccc;
            background-color: #f0f0f0;
            border-radius: 3px;
            box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 0 0 2px #fff;
            display: inline-block;
            line-height: 20px;
            margin: .1em .3em;
            text-align: center;
            vertical-align: bottom;
        }

.widget-tabs,
.widget-bar {
    margin: 0;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #CFCFCF;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .1);
}

.tab-selected {
    border-bottom: 5px solid red;
}

.tab-unselected {
    border: 0;
    padding: 0;
    margin: 0;
}

li.clmTabs {
    padding: 8px 7px 5px 7px;
    font-weight: bold;
    cursor: pointer;
}
    li.clmTabs * {
        cursor: pointer;
    }
    li.clmTabs.dxtcLiteDisabled *,
    li.clmTabs.dxtcLiteDisabled,
    li.clmTabs.dxtc-activeTab *, 
    li.clmTabs.dxtc-activeTab {
        cursor: default;
    }

.widget-tabs input {
    margin: 0 5px;
    padding: 14px 7px 10px 7px;
    border: none;
    font-weight: bold;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    color: #555555;
}

    .widget-tabs input[disabled='disabled'] {
        color: #cfcfcf;
    }

        .widget-tabs input[disabled='disabled']:hover {
            border: none;
        }

.profilepic-popup-container {
    overflow: auto;
    height: 230px;
    width: 100%;
}

.profilepic-preview {
    float: left;
    height: 64px;
    width: 64px;
    margin-right: 20px;
}

.profilepic-buttons {
    margin-top: 5px;
}

.jobdetail-box-header-center span {
    text-align: center;
    padding: 0 10px;
}

.jobdetail-box-header-center {
    text-align: center;
    margin: 10px auto;
}

ul.thumbnails.image_picker_selector {
    overflow: auto;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.thumbnails.image_picker_selector ul {
        overflow: auto;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    ul.thumbnails.image_picker_selector li.group_title {
        float: none;
    }

    ul.thumbnails.image_picker_selector li {
        margin: 0 12px 12px 0;
        float: left;
    }

        ul.thumbnails.image_picker_selector li .thumbnail {
            padding: 6px;
            border: 1px solid #dddddd;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
        }

            ul.thumbnails.image_picker_selector li .thumbnail img {
                -webkit-user-drag: none;
                height: 48px;
                width: 48px;
            }

            ul.thumbnails.image_picker_selector li .thumbnail.selected {
                background: #0088cc;
            }

.portalchange-widget {
    float: left;
    width: 280px;
    margin: 15px;
}

.portalchange-container {
    background: #F2F2F2;
    padding: 0 10px;
}

.portalchange-profilepic {
    width: 108px;
    height: 108px;
    margin: 10px auto 20px auto;
    display: block;
    border: 5px solid #fff !important;
}

.profilepic-rounded {
    border: 5px solid #38414E !important;
    border-radius: 50%;
}

.portalchange-username {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.portalchange-widget .widgetContent {
    height: 260px;
}

.header-profile-container {
    float: right;
}

.header-profile-box {
    border: 1px solid #ddd;
    min-height: 30px;
    padding: 1px;
    border-radius: 6px;
}

.header-login-name {
    font-weight: bold;
    padding: 8px 5px 8px 5px;
    float: left;
}

.header-profilepic {
    height: 24px;
    width: 24px;
    float: left;
    padding: 3px 8px;
}

.header-portal {
    margin: 10px 10px 0 0;
    float: left;
}

.jq-dropdown-menu .icon-logout {
    background: url('../images/logout.png') right 15px center no-repeat;
}

.whatsnew-popup-container {
    width: 650px;
}

.whatsnew-popup-content {
    color: #333;
    line-height: 2em;
}

    .whatsnew-popup-content h1 {
        margin-top: 0;
    }

.whatsnew-popup-picture {
    float: right;
    margin: 0 0 0 10px;
    max-width: 300px;
    max-height: 250px;
}

.whatsnew-preview {
    max-width: 350px;
    max-height: 350px;
}

/******/
.profilepic-upload-preview {
    float: left;
    margin: 0 auto;
    border: 1px solid red;
}

/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
.jcrop-holder {
    direction: ltr;
    text-align: left;
}

.jcrop-vline, .jcrop-hline {
    font-size: 0;
    position: absolute;
}

.jcrop-vline {
    height: 100%;
    width: 1px !important;
}

    .jcrop-vline.right {
        right: 0;
    }

.jcrop-hline {
    height: 1px !important;
    width: 100%;
}

    .jcrop-hline.bottom {
        bottom: 0;
    }

.jcrop-tracker {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    height: 100%;
    width: 100%;
}

.jcrop-handle {
    background-color: #333;
    border: 1px #EEE solid;
    font-size: 1px;
    height: 7px;
    width: 7px;
}

    .jcrop-handle.ord-n {
        left: 50%;
        margin-left: -4px;
        margin-top: -4px;
        top: 0;
    }

    .jcrop-handle.ord-s {
        bottom: 0;
        left: 50%;
        margin-bottom: -4px;
        margin-left: -4px;
    }

    .jcrop-handle.ord-e {
        margin-right: -4px;
        margin-top: -4px;
        right: 0;
        top: 50%;
    }

    .jcrop-handle.ord-w {
        left: 0;
        margin-left: -4px;
        margin-top: -4px;
        top: 50%;
    }

    .jcrop-handle.ord-nw {
        left: 0;
        margin-left: -4px;
        margin-top: -4px;
        top: 0;
    }

    .jcrop-handle.ord-ne {
        margin-right: -4px;
        margin-top: -4px;
        right: 0;
        top: 0;
    }

    .jcrop-handle.ord-se {
        bottom: 0;
        margin-bottom: -4px;
        margin-right: -4px;
        right: 0;
    }

    .jcrop-handle.ord-sw {
        bottom: 0;
        left: 0;
        margin-bottom: -4px;
        margin-left: -4px;
    }

.jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {
    height: 7px;
    width: 100%;
}

.jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {
    height: 100%;
    width: 7px;
}

.jcrop-dragbar.ord-n {
    margin-top: -4px;
}

.jcrop-dragbar.ord-s {
    bottom: 0;
    margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
    margin-right: -4px;
    right: 0;
}

.jcrop-dragbar.ord-w {
    margin-left: -4px;
}

.jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline {
    background: #FFF;
    filter: alpha(opacity=70) !important;
    opacity: .70 !important;
}

.jcrop-light .jcrop-handle {
    background-color: #000;
    border-color: #FFF;
    border-radius: 3px;
}

.jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline {
    background: #000;
    filter: alpha(opacity=70) !important;
    opacity: .7 !important;
}

.jcrop-dark .jcrop-handle {
    background-color: #FFF;
    border-color: #000;
    border-radius: 3px;
}

.solid-line .jcrop-vline, .solid-line .jcrop-hline {
    background: #FFF;
}

.jcrop-holder img, img.jcrop-preview {
    max-width: none;
}

.divFilterRow {
    box-sizing: border-box;
    float: left;
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 0 !important;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.pnlFilters .widgetcontrols-container {
    padding: 0;
}

.filterList {
    float: left;
    margin: 0;
}

    .filterList li {
        float: left;
        display: inline;
        text-decoration: none;
        padding: 5px 0;
    }

        .filterList li .listLabel {
            float: left;
            width: auto;
            padding-top: 5px;
        }

    .filterList .listField {
        float: left;
    }

    .filterList li input.listField,
    .filterList li select.listField {
        width: 150px;
        min-width: 100px;
    }

.capacity-button,
.jobreport-button,
.filter-button,
.pin-button,
.unpin-button,
input[type='submit'].zoomin-button,
input[type='submit'].zoomout-button {
    background-position: 5px 50%;
    background-repeat: no-repeat;
    width: 30px;
}

.capacity-button {
    background-image: url('../images/capacity.png');
}

.jobreport-button {
    background-image: url('../images/pendenzenliste.png');
}

.filter-button {
    background-image: url('../images/search-white.png');
}

.pin-button {
    background-image: url('../images/pin.png');
}

.unpin-button {
    background-image: url('../images/unpin.png');
}

input[type='submit'].zoomin-button {
    background-image: url('../images/zoomin.png');
    width: auto;
}

input[type='submit'].zoomout-button {
    background-image: url('../images/zoomout.png');
    width: auto;
}

.jcrop-holder img,
img.jcrop-preview {
    max-width: none;
}

.contactInfoBox {
    width: 55% !important;
    max-width: none !important;
}

.contactInfoBoxDD {
    width: 57% !important;
}

/* Ajax Calandar styles */
.standard .ajax__calendar_container {
    padding: 4px;
    cursor: default;
    width: 170px;
    font-size: 11px;
    text-align: center;
    font-family: 'Tahoma','Verdana','Helvetica', sans-serif;
}

.standard .ajax__calendar_body {
    height: 139px;
    width: 170px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.standard .ajax__calendar_days,
.ajax__calendar_months,
.ajax__calendar_years {
    top: 0;
    left: 0;
    height: 139px;
    width: 170px;
    position: absolute;
    text-align: center;
    margin: auto;
}

.standard .ajax__calendar_container TABLE,
.standard .ajax__calendar_container TD {
    padding: 0;
    margin: 0;
    font-size: 11px;
}

.standard .ajax__calendar_header {
    height: 20px;
    width: 100%;
}

.standard .ajax__calendar_prev {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(<%=WebResource("Calendar.arrow-left.gif")%>);
}

.standard .ajax__calendar_next {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(<%=WebResource("Calendar.arrow-right.gif")%>);
}

.standard .ajax__calendar_title {
    cursor: pointer;
    font-weight: bold;
}

.standard .ajax__calendar_footer {
    height: 15px;
}

.standard .ajax__calendar_today {
    cursor: pointer;
    padding-top: 3px;
}

.standard .ajax__calendar_dayname {
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 0 2px;
}

.standard .ajax__calendar_day {
    height: 17px;
    width: 18px;
    text-align: center;
    padding: 0 2px;
    cursor: pointer;
}

.standard .ajax__calendar_month,
.standard .ajax__calendar_year {
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

/******************************* Colors für Ajax Calandar *******************************/

.standard .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #fff;
    color: #000;
}

.standard .ajax__calendar_footer,
.standard .ajax__calendar_dayname {
    border-bottom: 1px solid #f5f5f5;
}

.standard .ajax__calendar_day,
.standard .ajax__calendar_month,
.standard .ajax__calendar_year {
    border: 1px solid #fff;
}

.standard .ajax__calendar_active .ajax__calendar_day,
.standard .ajax__calendar_active .ajax__calendar_month,
.standard .ajax__calendar_active .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.standard .ajax__calendar_today .ajax__calendar_day,
.standard .ajax__calendar_today .ajax__calendar_month,
.standard .ajax__calendar_today .ajax__calendar_year {
    border-color: #0066cc;
}

.standard .ajax__calendar_today .ajax__calendar_day {
    border: 0;
}

.standard .ajax__calendar_other .ajax__calendar_day,
.standard .ajax__calendar_other .ajax__calendar_year {
    background-color: #fff;
    border-color: #fff;
    color: #646464;
}

.standard .ajax__calendar_hover .ajax__calendar_day,
.standard .ajax__calendar_hover .ajax__calendar_month,
.standard .ajax__calendar_hover .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.standard .ajax__calendar_hover .ajax__calendar_title {
    color: #0066cc;
}

.standard .ajax__calendar_hover .ajax__calendar_today {
    color: #0066cc;
}

/* styles for invalid dates as defined by StartDate and EndDate*/
.standard .ajax__calendar_invalid .ajax__calendar_day,
.standard .ajax__calendar_invalid .ajax__calendar_month,
.standard .ajax__calendar_invalid .ajax__calendar_year,
.standard .ajax__calendar_weekend .ajax__calendar_day,
.ajax__calendar .ajax__calendar_weekend .ajax__calendar_day {
    background-color: #fff;
    border-color: #fff;
    color: #aaa;
    cursor: default;
}

.standard .ajax__calendar_invalid .ajax__calendar_today {
    visibility: hidden;
    cursor: default;
}

/******************************* End Ajax Calandar styles *******************************/


/******************************* START FolderPopupControl JAMDEV-336  *******************************/
.dxfm-uploadPanel .dxsplLCC {
    max-height: 30px !important;
}

.dxpc-headerContent {
    text-align: left !important;
}

.dxtvControl_MetropolisBlue, .dxsplControl_MetropolisBlue, .dxfmControl_MetropolisBlue,
.dxmLite_MetropolisBlue, .dxgvControl_MetropolisBlue, .dxgvDisabled_MetropolisBlue,
.dxucControl_MetropolisBlue, .dxucEditArea_MetropolisBlue, input[type='text'].dxucEditArea_MetropolisBlue, input[type='text'].dxucEditArea_MetropolisBlue {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
}
/******************************* END FolderPopupControl JAMDEV-336  *******************************/

.profile-collapse {
    height: 30px;
}

.profile-collapse-icon {
    float: left;
    margin: 0 5px;
    box-shadow: none !important;
}

.profile-collapse-text {
    float: left;
    padding-top: 6px;
}

    .profile-collapse-text strong {
        padding-right: 10px;
    }

.add-button-center {
    text-align: center;
    margin: 0 auto;
}

.profile-delete {
    float: right;
    padding: 5px;
}

.profileContent-opened .profile-delete {
    float: right;
    padding: 5px;
    margin-top: -35px;
}

.price-all-delete {
    position: absolute;
    right: 20px;
}

.profile-delete-icon {
    border: 0;
    margin: 0;
    padding: 4px 10px;
    background-image: url('../images/trash.png');
    background-position: 5px 50%;
    background-repeat: no-repeat;
    width: 30px;
}

.ulStandard, .ulStandardEdit {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .ulStandard li, .ulStandardEdit li {
        line-height: 1.5em;
        margin: 0;
        display: block;
    }

        .ulStandard li .liLabel,
        .ulStandardEdit li .liLabel {
            display: block;
            clear: left;
            float: left;
            width: 150px;
            margin: 0;
            margin-right: 1em;
            line-height: 1.8em;
            font-weight: bold;
            padding: 5px 0;
        }

        .ulStandard li .listField {
            margin: 0;
        }

        .ulStandard li > .ASPxDefaultGridView {
            width: 100%;
        }

            .ulStandard li > .ASPxDefaultGridView .ulStandard,
            .ulStandard li > .ASPxDefaultGridView .admDetailListSummary {
                float: left;
                width: 50%;
                padding-left: 0;
            }

    .ulStandard .add-button-center {
        float: left;
        text-align: center;
        margin: 10px auto;
        width: 100%;
    }

    .ulStandard .multiselectionTextbox {
        margin-top: -2px !important;
        padding-bottom: 0;
    }

.ie .ulStandard .multiselectionTextbox {
    margin-top: 0 !important;
    padding-bottom: 0;
}

.ulStandardEdit {
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
}

    .ulStandardEdit li .liLabel {
        width: 120px;
        font-weight: normal;
    }

.ulStandardEditLong {
    min-width: 520px;
}

    .ulStandardEditLong li .liLabel {
        width: 180px;
    }

.MdataThemeAspx .ulStandardEditLong li .liLabel {
    width: 220px;
}

.ulStandardEdit .clm-combobox {
    margin-left: 0;
}

.ulStandardEdit .listField {
    margin-left: 0;
}

.ulStandardEdit-button {
    padding-top: 5px;
}

.ulStandardEdit .TableCheckbox {
    float: left;
}

.ulWithoutBullets {
   list-style-type: none;
}

.adm-profile {
    padding-left: 5px;
}

    .adm-profile li .listField {
        margin: 0;
    }

.profilEdit {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

    .profilEdit li {
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .profilEdit li .listLabel,
        .profilEdit li .liLabel {
            box-sizing: border-box;
            width: 200px;
            font-weight: normal;
            padding: 5px 0;
            margin: 0;
        }

.profil-validation .boxRed {
    margin: 10px 0;
}

.profil-validation ul {
    width: 100%;
}

.profilEdit .clm-combobox {
    margin-left: 0;
}

.profilEdit .listField {
    margin-left: 0;
}

.profileContent {
    margin: 0;
    margin-top: 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #CFCFCF;
}

.profileContent-opened {
    margin-top: -1px;
    border-top: none;
    padding: 0 10px;
}

.profileContent-header {
    margin-top: 10px;
    height: 25px;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #CFCFCF;
}

.supplier-summary-card {
    width: 435px;
    margin: 0;
    padding: 10px 0;
    display: table-cell;
    height: 100%;
    vertical-align: top;
    position: relative;
    z-index: 1;
    background: url('../images/supplier-card-background.png') center bottom no-repeat;
    transition: all .5s ease-in-out;
}

    .supplier-summary-card:hover {
        box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .3);
    }

    .supplier-summary-card ul.admDetailListSummary,
    .dxpc-content ul.admDetailListSummary {
        margin: 0;
        padding: 0;
    }

    .supplier-summary-card li .listLabel {
        float: left;
        margin: 0;
        padding-left: 10px;
        font-weight: normal;
        width: 130px;
    }

    .supplier-summary-card li .listField {
        float: left;
        margin: 0;
        width: auto;
        max-width: 275px;
    }

.supplier-summary-helper {
    width: 880px;
    max-width: 880px;
}

.supplier-summary-tabs-helper {
    width: 880px;
    max-width: 880px;
}

.supplier-summary-footer-helper {
    margin-top: 10px;
    width: 880px;
    max-width: 880px;
}

.supplier-summary-card-row {
    position: relative;
    display: table;
    padding-bottom: 10px;
}

/* Hacks for the multi select target language control */
.trPriceControls {
    vertical-align: top;
}

.jobdetail-box-header-profile {
    width: 150px;
    float: left;
}

    .jobdetail-box-header-profile span {
        font-size: 13px;
    }

   .inactiveRowStyle  {
        color: #808080;
        font-style: italic;
    }
.add-to-profile {
    float: left;
    box-sizing: border-box;
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 20px;
    margin: 0;
    margin-left: -10px;
    padding: 0 10px;
    padding-left: 35px;
    text-decoration: none;
    background-image: url('../images/add_hover.png');
    background-position: 10px 50%;
    background-repeat: no-repeat;
    color: #333;
    transition: background .1s ease-in;
}

    .add-to-profile:hover {
        color: #333;
        font-weight: 700;
        background-image: url('../images/add.png');
    }

a[disabled='disabled'].add-to-profile {
    cursor: default !important;
}

    a[disabled='disabled'].add-to-profile:hover {
        cursor: default !important;
        font-weight: 400;
        background-image: url('../images/add_hover.png');
    }

.jobshowall-add-filter {
    width: 20px;
    height: 20px;
    margin: 3px 5px;
    cursor: pointer;
    float: right;
    background-image: url('../images/add.png');
    transition: background .2s ease-in;
    background-repeat: no-repeat;
    background-position: 0 50%;
}

    .jobshowall-add-filter:hover {
        background-image: url('../images/add_hover.png');
    }

.jobshowall-delete-filter {
    outline: 0;
    border-radius: 0;
    box-shadow: none !important;
    background: transparent !important;
    margin-top: -2px;
    float: right;
}

.jobshowall-add-filter-dx,
.jobshowall-delete-filter-dx {
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none;
    display: inline-block;
    border-radius: 0;
    margin: 3px 5px;
    float: right;
    height: 20px;
    width: 20px;
    outline: 0;
}

/* Appointment scheduler */
.widget-bar .appointment-text {
    float: left;
    margin: 10px 5px 0 5px;
}

.dxscViewSelectorButton_MetropolisBlue .dxscViewSelectorButtonHover_MetropolisBlue,
.dxscViewSelectorButtonChecked_MetropolisBlue {
    margin: 0 5px !important;
}

.dxscViewSelectorButtonHover_MetropolisBlue,
.dxscViewSelectorButtonChecked_MetropolisBlue {
    border: 1px solid #357EBD;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.dxscViewSelectorButtonHover_MetropolisBlue {
    cursor: pointer;
    background-color: #3071A9;
}

.dxscViewSelectorButtonChecked_MetropolisBlue {
    background-color: #4D97CF;
}

.dxscViewVisibleInterval_MetropolisBlue {
    color: #91002D;
}

.dxscAlternateTimelineDateHeader_MetropolisBlue,
.dxscAlternateDateHeader_MetropolisBlue {
    background: #ddd;
}

.dxscSel {
    background: #ddd !important;
}

.dxeCalendarSelected_MetropolisBlue {
    background: #ddd;
    color: #666;
}

.admDetailList .TableCheckbox {
    margin-left: 5px;
}

.appointment-popup-footer {
    width: 100%;
    text-align: right;
}

    .appointment-popup-footer a {
        margin: 0 8px;
        font-size: 13px;
        color: #91002D;
        text-decoration: none;
        cursor: pointer;
    }

        .appointment-popup-footer a:hover {
            color: #91002D;
        }

.dxeRadioButtonList_MetropolisBlue .dxichTextCellSys .dx-wrap {
    margin-left: 10px !important;
}

.dxscApt {
    border-left: 4px solid rgba(167, 7, 57, .7);
}

.dxscAptSelDiv {
    border: 2px solid #cfcfcf;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2);
}

.supplier-summary {
    float: left;
    margin: 0;
    padding: 0;
}

    .supplier-summary li {
        overflow: visible;
    }

        .supplier-summary li .listField {
            white-space: normal;
        }

    .supplier-summary .listLabel {
        float: left;
        width: 150px;
    }

    .supplier-summary .jobdetail-box-header {
        margin-bottom: 0;
    }

.admin-content {
    float: none;
    width: auto;
    display: inline-block;
    white-space: nowrap;
    position: relative;
}

.personUsedRow {
    float: left;
    margin: 0 5px;
    padding: 5px 15px;
}

.clm-imagebutton {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.supplier-return-button {
    margin: 0 0 10px 10px !important;
}

.ulSearchFields {
    margin: 0;
    padding: 0;
    list-style-type: none;
    min-width: 1000px;
    max-width: 1000px;
}

    .ulSearchFields li {
        float: left;
        line-height: 1.5em;
        margin: 0;
        display: inline-block;
        width: 50%;
    }

.ulSearchFields languages {
        float: left;
        line-height: 1.5em;
        margin: 0;
        display: inline-block;
        width: 70%;
    }

.ulSearchSingle li {
    display: block;
    width: 100%;
}

.ulSearchFields li .liLabel {
    display: block;
    clear: left;
    float: left;
    width: 150px;
    margin: 0;
    margin-right: 1em;
    line-height: 1.8em;
    padding: 5px 0;
}

.ulSearchFields li .liLabel-job-statistics {
    display: block;
    clear: left;
    float: left;
    width: 180px;
    margin-right: 1.5em !important;
    margin: 0;
    line-height: 1.8em;
    padding: 5px 0;
    text-align: right;
}

/*positioning of date controlsin job.statistics dialogue*/
.ulSearchFields li .job-statistics-DateBox {
    float: left;
    margin-right: 0.5em;
    line-height: 1.8em;
    padding: 5px 0;
}

.ulSearchFields li .job-statistics-DateBox-Width {
    float: left;
    margin-right: 0.5em;
    line-height: 1.8em;
    padding: 5px 0;
    width: 30px;
    text-align: right;
}

.MdataFiltertemplateAspx li textarea.listField {
    height: 45px;
}

.ulSearchFields li .listField {
    margin: 0;
}
/*width: 80%;*/
.ulSearchFields .add-button-center {
    float: left;
    text-align: center;
    margin: 10px auto;
    width: 100%;
}

.ulSearchFields .multiselectionTextbox {
    margin-top: -2px !important;
    padding-bottom: 0;
}

.ie .ulSearchFields .multiselectionTextbox {
    margin-top: 0 !important;
    padding-bottom: 0;
}


.ulNoFloat li {
    float: none;
    display: block;
}

    .ulNoFloat li .liLabel, .ulNoFloat li .liLabel-job-statistics {
        float: none;
        display: inline-block;
        vertical-align: top;
    }

.gridview-topcontainer {
    float: left;
    width: 100%;
    padding: 0;
}

.gridview-topleftcontrols {
    float: left;
    padding: 5px 10px;
}

.gridview-toprightcontrols {
    float: right;
    padding: 5px 10px;
}

div.clm-filterToolMove {
    display: none;
}
div.clm-FilterSelection {
    margin-left: 1em;
    max-height: 28px;
}
div.clm-GridFilterToolValidation {
    max-height: 28px;
    overflow:visible;
    position: relative;
    left: 210px;
    top: -36px;
}

div.inlinebuttons input,
.gridview-topleftcontrols .clm-button,
.gridview-toprightcontrols .clm-button {
    margin-left: 5px !important;
    height: auto !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
div.inlinebuttons input:last-of-type {
    margin-right: 10px;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.clm-dialog {
    font-size: 80%;
}

    .clm-dialog .dxpc-header {
        padding: 10px;
    }

.clm-dialog-footer {
    float: right;
    width: 100%;
    margin: 0;
    margin-top: 10px;
    text-align: right;
}
.clm-dialog-footer-noWrap {
    float: right;
    margin: 0;
    margin-top: 10px;
    text-align: right;
    white-space: nowrap;
}
.clm-dialog-content {
    font-size: 80%;
    text-align: left;
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 1.2em;
}

.clm-dialog-default {
    margin-bottom: 0;
}

.newsticker {
    padding: 10px;
    padding-top: 5px;
    min-width: 200px;
}

    .newsticker .widget-tabs {
        padding: 10px;
    }

/* Newsticker besides filter control on jobshowall */
.gridview-topcontainer .newsticker {
    float: left;
}

/* JobShow Detail page: Invoice GridView: */
.invoiceGridView tr th,
.invoiceGridView tr td {
    border-bottom: 0 !important;
    border-right: 0 !important;
}

.dxeRadioButtonList, .dxeCheckBoxList {
    border: 0 !important;
}

.jobdetail-joblink {
    margin-top: 0;
    padding-left: 0;
    float: left;
    width: 100%;
}

    .jobdetail-joblink li {
        margin: 0;
        float: left;
        display: block;
        padding: 5px 0;
        width: 100%;
        text-decoration: none;
    }

        .jobdetail-joblink li:hover {
            background: #efefef;
        }

.joblink-type {
    width: 150px;
    float: left;
}

.joblink-jobName {
    width: 250px;
    float: left;
}

.joblink-comment {
    float: left;
}

.joblink-delete {
    float: right;
    margin-top: -2px;
    display: none;
}

.jobdetail-joblink li:hover .joblink-delete {
    float: right;
    margin: -2px 10px 0 0;
    padding: 0;
    display: inline;
}

.KMATAspx body {
    font-size: .8em;
}

.MaileditAspx .clm-combobox, .MaileditAspx .listField-buttons {
    margin: 2px 0;
}

.MaileditAspx li input.listField {
    max-width: 500px;
}

.MaileditAspx .ulStandardEdit li {
    line-height: 2em;
}

.CategoryeditAspx .ulStandardEdit li {
    line-height: 2.5em;
}

.popup-rating-maintext {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
}

.popup-rating-stars {
    width: 160px;
    margin: 15px auto 5px auto;
    text-align: center;
}

.popup-rating-myvote {
    text-align: center;
}

.floatLeft {
    float: left;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

.sidebar-hide {
    display: none;
}

.sidebar-toggle {
    float: left;
    margin-top: 10px;
}

.admin-sidebar-hover > .sidebar-toggle {
    float: right;
    margin-top: 10px;
}

.admin-sidebar-hover > .sidebar-gridview-buttons {
    display: none;
}

.admin-wrap {
    display: flex;
}
.admin-sidebar {
    display: inline-block;
}
/* Process Manager */
.StarPMErrorInTab {
	background: #DC0000;
	color:#fff;
}

#tabs .ui-state-default a.ui-tabs-anchor.StarPMErrorInTab { background: #E06969; color: #DCDCDC; }
#tabs .ui-state-active a.ui-tabs-anchor.StarPMErrorInTab { background: #DC0000; color: #fff; }
#tabs .ui-state-hover a.ui-tabs-anchor.StarPMErrorInTab, .ui-state-focus a.ui-tabs-anchor.StarPMErrorInTab { background: #C80000; color: #fff; }

.StarPMWarningInTab {
	background: #FFFF00;
	color:#000;
}

.nav-tabs li a.ui-tabs-anchor.StarPMWarningInTab { background: #E8E869; color: #696969; }
.nav-tabs li a.ui-tabs-anchor.StarPMWarningInTab { background: #FFFF00; color: #000; }
.nav-tabs li a.ui-tabs-anchor.StarPMWarningInTab, .ui-state-focus a.ui-tabs-anchor.StarPMWarningInTab { background: #F0F000; color: #000; }


.nav-tabs {
    border-bottom: 2px solid #91002D;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .nav-tabs li {
        float: left;
        border-right: 1px solid #FFF;
    }

        .nav-tabs li a {
            display: block;
            color: #666;
            text-align: center;
            text-decoration: none;
            background: #c0c0c0;
            padding: 10px 15px;
            font-weight: bold;
            font-size: 12px;
        }

            .nav-tabs li a:hover {
                background-color: #999;
            }

    .nav-tabs .ui-tabs-active a {
        background: #91002D;
        color: #fff;
    }

	
.tab-content {
    background: #FFF;
}

.StarPMServerName {
    font-weight: bold;
    color: #FFF;
}

.StarPMErrorMessage {
    color: #DC0000;
    font-weight: bold;
}

.StarPMErrorInTab {
    background: #DC0000;
    color: #FFF;
}

/*#region ******************** Show Controls like labels if they are disabled *********************/
/* No Border */
.disabledControl {
    border: none;
    box-shadow: none;
}
    /* Disable buttons for Devexpress dropdown list */
    .disabledControl .dxeButton {
        display: none;
    }
    /* No padding for Devexpress dropdown list to align them like labels */
    .disabledControl td.dxic {
        padding-left: 0px;
    }
/*#endregion*/

/*#region ******************** Workflow Builder Control *********************/
table.wfBuilderSelectedItems {

    border: 0 none;
}
table.wfBuilderSelectedItems td {
    border: inherit;
    padding: 2px 1px;
    padding-left: 3px;
}

td.wfBuilderSelectedItems {
    background: #fff;
    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-collapse: separate;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px inset;
}
/*#endregion*/

/*#region ******************** Workflow design mode *********************/
.jobdetail-workflowDesign {
    float: left;
    margin: 0;
    margin-bottom: 10px;
}

.jobdetail-workflowDesign-placeholder {
    float: left;
    background: url('../images/createNewTr-bg.png') 0% 50% repeat-x;
    padding: 10px;
    margin: 5px 0;
}

.jobdetail-workflowDesign-phase,
.jobdetail-workflowDesign-phase-static {
    float: left;
    border: 1px solid #DDD;
    padding: 10px 15px;
    margin: 4px 0;
    background: #F2F2F2;
    color: #555555;
    border-radius: 10px;
}

.jobdetail-workflowDesign-phase {
    cursor: pointer;
}

    .jobdetail-workflowDesign-phase:hover {
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .1);
        transition: all .3s ease-in-out;
    }

.jobdetail-workflowDesign a.dxeHyperlink:hover {
    color: #555555;
}

.activePhase {
    background: #DFF0D8;
    font-weight: bold;
}

img.jobdetail-workflowDesign-start,
img.jobdetail-workflowDesign-finish {
    float: left;
    margin: 5px 0;
    padding: 0;
    background: #FFF;
}
/*#endregion*/

/*#region ******************** CLM Report Page *********************/
.JobStatisticreportAspx .dxpnlControl td {
    padding: 0 0 3px 0;
}
    .JobStatisticreportAspx .dxpnlControl td[align=right] {
        padding-right: 2px;
    }
    .JobStatisticreportAspx .dxpnlControl input.clm-button {
        min-width:100px;
    }
* tr td.dxeListBoxItem.clm-comboboxitem {
    font-size: 1.05em;
    color: #555555;
    border: 0 none;
    margin-left: 4px;
    padding: 3px 4px;
}
/*#endregion*/

.noGutter {
    border: 0;
    width: 0;
}

.whiteSpaceNormal {
    white-space: normal;
}

.textareaMaxHeight {
	max-height: 150px;
}

.floatRight {
    float: right;
}
/*#region ******************** Multimedia Selection *********************/
.create-mume-panel { float: left; width: 100%; }
.multimedia-button { float: left; cursor:pointer; background: none; border:none; padding:4px 0; }
.multimedia-button-add { }
.multimedia-row { float: left; width: 100%; }
.multimedia-row-title { float: left; padding: 8px 10px 0 2px; }
.multimedia-languageHeader { margin: 5px 0 0; }
.multimedia-languageHeader span { background: #F2F2F2; }
.multimedia-tagbox { float: left; width: 400px; }
.multimedia-tagbox-tooltip { float: left; border-width: 0px; margin: 5px 10px 0 2px;}
.ulMultimedia .liLabel { font-weight: normal !important; }
.multimediaSelection .selection-button {
    margin-left: 0px !important;
}
/*#endregion*/

/*#region ******************** MT Selection *********************/
.mt-wrapper {
    margin-left: 15px;
}

.mt-label {
    float: left;
    width: 100%;
    margin: 1em 0;
    font-weight:bold;
}

.mt-row-title {
    float: left;
    padding: 7px 10px 5px 0;
    font-weight: bold;
}

.mt-file {
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background: none;
    border: none;
    color: #00adef;
    font-weight: bold;
}
    /*#endregion*/
    /*#region SAML */
    .SAMLPortal {
        background-color: #cccccc;
    }

.IPDChooser {
    width: auto;
    margin: 0px auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255,255,255,1);
    border-radius: 4px;
    padding: 4px;
    display: block;
    left: 50%;
    text-align: center;
    min-width: 400px;
}

.IDPChooserTitle {
    background: none repeat scroll 0 0 #91002d;
    color: #FFFFFF;
    text-align: center;
    font-size: 18px;
    border-radius: 4px 4px 0px 0px;
    width: inherit;
    display: block;
    padding: 5px;
    margin-bottom: 5px;
}

#IDPsChooserList {
    width: 100%;
    margin-bottom: 5px;
}
/*#endregion*/

/*#region ******************** Popup styles *********************/
/* New grid container style */
.grid-container {
    display: inline-grid;
    grid-template-columns: 150px 1fr auto; /* flexible width for textboxes, auto width for buttons */
    
    align-items: center;
    margin-bottom: 1em;
}

    .grid-container .listLabel {
        text-align: right; 
        white-space: nowrap; 
    }

    .grid-container .listField {
        width: 100%;
        min-width: 20em;
    }

.popupButtons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}
/*#endregion*/

.dxButton_Clm {
    background:none;
    padding:unset;
    border:none;
}

.inactive-item {
    font-style: italic; /* Italicize the text */
    color: #808080; /* Set the text color to grey */
}

.text-with-max-width {
    max-width: 300px; /* Set your desired maximum width */
    white-space: normal; /* Allow line breaks */
    word-wrap: break-word; /* Ensure long words break to fit */
    overflow-wrap: break-word; /* Alternative for compatibility */
}