/* 
    *************************************** Lizenz SN ***********************************************
    ********************** OEM spezifizierbare Design-Vorgaben (i.d.R. Farben) **********************
    *************************************************************************************************
    Hier sind alle Angaben zu machen, welche nicht über DevExpress-Komponenten abgebildet werden.
    Alles was die Form des Layouts bestimmt, ist in der Datei '~/CSS/portalstandard.css' abzulegen.

    Hinzufügungen und Löschungen in den sp.css der anderen Skins gleichfalls durchführen
    *************************************************************************************************
    *************************************************************************************************
    JQuery UI Theme for Legacy Version 1.9.2 über ThemeRoller aus Internet ziehen.
    JS in Datei "jquery-ui-custom.js" ablegen und "images" Ordner ersetzen.
    Einstellung im ThemeRoller wie folgt vornehmen:

    Allgemeine Richtlinie:
    Schrift je nach Untergrund in weiß #ffffff oder schwarz #000000
    Iconfarbe wie Schrift
    Rahmen wie Hintergrund
    Hover und active Hintergründe eignen sich gut für kräftige OEM-Farben 
    (bei uns Dunkelblau und Orange)

    Corner: 0px

    Font: weight:bold (nur Steuerelemente)

    Header: #d9d9d9 #000000

    Clickables:
    normal #123456 #000000
    hover #e3801a #ffffff
    active #003e73 #ffffff

    Content: #ffffff #000000

    Error: e00000 #000000 icon wie hover

    Modal screen #ffffff

    Nach dem alles erledigt ist, die Farbe #123456 (s. o.) durch transparent ersetzten.
    Transparent kann im ThemeRoller nicht eingegeben werden.
    
    **********************E***************************************************************************
    *************************************************************************************************

    */

html, body, form {
    background-color: #ffffff;
}

/* Schatten auf diesem Untergrund */
/*
.theme-form-shadow {
    box-shadow: -5px 0px 4px rgb(67, 90, 122), 
                5px 0px 4px rgb(67, 90, 122);
}*/

.theme-top-user-band {
    background-color: rgb(0, 62, 115);
    color:white;
}

.menu-selected {
    background-color: rgb(0, 62, 115);
    color:white;
    cursor: none;
}
.menu-unselected {
    background-color: #003E73;
    color:black;
    cursor: pointer;
}

.menu-unselected:hover, .split:hover {
    background-color: #f6a01d;
    color: white;
    cursor: pointer;
}

/* Themenmenü (1. Ebene) */
.theme-top-menu-band {
    background-color: white;
}
/* Schatten auf diesem Untergrund */
.theme-top-menu-shadow {
    /*box-shadow: -5px 0px 5px rgb(192, 192, 192), 
                5px 0px 5px rgb(192, 192, 192);*/
}

/* Funktionsmenü (2. Ebene) */
.theme-function-menu-band {
    background-color:white;
}
/* Schatten auf diesem Untergrund */
.theme-function-menu-shadow {
    box-shadow: -5px 0px 5px rgb(120, 120, 120), 
                5px 0px 5px rgb(120, 120, 120);
}

.theme-filter-panel, .theme-function-panel {
    background-color: #ffffff;/*#D9D9D9;*/
}

.widget {
    background-color: #FFFFFF;
}

/* Bereich des linken Menüs  */
.theme-register {
    color: #333333; /* Farbe wie Menükomponenete */
}

/* Überschriften wie früher und analog DevExpress Überschriften in Hover-Farbe  */
h3, h3.control-title,
.fp-title, .table-title,
div.form h3,
fieldset > div.form-fld-hdr,
fieldset > .editor-label
{
    color:#333333;
}
div.form,
/* Formular-Block der den Header Text und / oder Hilfe-Icon enthält */
div.form-hdr,
/* Formular-Block der die gesamten Formularelemente enthält*/
div.form-body,
/* Formular-Block der als Fußzeile die globalen Buttons enthält*/
div.form-cmd-line,
/* Formular-Block Fieldset-Spalte */
fieldset.form-fs,
/* Formular-Block der horizonale Trennlinie enthält*/
div.form-body form-fld-rule {
	background-color:transparent;
}
/* Formular Fieldset-Header*/
div.form legend {
    color:inherit;
}  
div.form-body hr {
    color: #c0c0c0;
    background-color: #c0c0c0;
}

.msg-list-inline {
    /*/background-color: #D9D9D9;*/
}

.sp-input-changed
{
    background-color:#ffbfbf;
}

.sp-input-focus
{
    background-color:#ffff80;
}

input[type="text"]:disabled
{
    background:#dddddd;
} 

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus
{
    border: 1px solid rgb(0, 62, 115);
} 

.sp-input
{
    background-color:#ddffff;
}

/* Programm-Hinweise / -Meldungen - Begin */

.msg-box
{
    margin:7px;
    padding:5px;
}

span.msg-Negativ, div.msg-Negativ, li.msg-Negativ
{
    color: rgb(121,0,0);
}

span.msg-Positiv, div.msg-Positiv, li.msg-Positiv
{
    color: rgb(0,121,0);
}
/* Programm-Hinweise / -Meldungen - END */

/* linke Menüspalte */
.sp-column-left
{
    background-color: #FEB448;
}

/* Menü: radTree aus WEB20 ausgegliedert - BEGIN */

.TreeNode 
{ 
	color: #444;	
}

.TreeNodeOver 
{ 
	background-color: #FEB448;
	color: #fff; 	
}

.TreeNodeSelect 
{ 
	background-color: #FEB448;
	color: #444; 	
}

.TreeNodeDisabled
{ 
	color: gray;	
}
/* radTree aus WEB20 ausgegliedert - END */

/* Table Layout - Begin */
th.ui-widget-header
{
    background-image: none;
}

tr.ui-tbl-altrow
{
    background-color:#DCDCDC;
}

/* Table Layout - END */

.cal-cell-base.selected
{
    background-color: #0080ff;
}

/* Workflow Config Tree Layout - Begin */
div.wf_item_WF
{
    background-color: Silver;
    padding:5px;
    text-align:center;
}

div.wf_item_ITM, div.wf_item_DMO
{
    background-color: White;
    padding:5px;
    text-align:center;
}

div.wf_item_CNT
{
    background-color: rgb(255,255,128);
    padding:5px;
    text-align:center;
}

/* Workflow Config Tree Layout - End */