body{
	--mainfont:Roboto;
}
::selection {
    background-color: #03a9f4;
}
@font-face {
  font-family: 'BMWGroupCondensed';
  font-style: normal;
  font-weight: 400;
  src: local('BMWGroupCondensed'), local('BMWGroupCondensed-Regular'), url('../fonts/BMWGroupCondensed-Regular.woff') format('woff');
}
@font-face {
  font-family: 'BMWGroupCondensed';
  font-style: normal;
  font-weight: 500;
  src: local('BMWGroupCondensed Bold'), local('BMWGroupCondensed-Bold'), url('../fonts/BMWGroupCondensed-Bold.woff') format('woff');
}
 

.buttonpanel button .ui-button-text, .ui-fileupload .ui-button-text {
    color: white!important;
    font-size: 14px;
    line-height: 36px;
    padding: 0px 15px 0px 15px;
    border-radius: 2px;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.5);
    background:null;
    text-transform: uppercase;
}
.buttonpanel button .ui-button-icon-left,.buttonpanel button .ui-button-icon-right  {
    color: white!important;
}
.tablebutton button .ui-button-text {
    color: white!important;
    font-size: 14px;
	font-weight: 500!important; 
    line-height: 36px;
    padding: 0px 15px 0px 15px;
    border-radius: 2px;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.5);
    background:null;
    text-transform: uppercase;
}
.tablebutton button .ui-button-icon-left,.tablebutton button .ui-button-icon-right  {
    color: white!important;
}
button[id^="popupButtons"] .ui-button-text{
    color: white;
    font-size: 14px;
    line-height: 36px;
    padding: 0px 15px 0px 15px;
    border-radius: 2px;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.5);
    background:null;
    text-transform: uppercase;
}

.buttonpanel button .ui-button-text:active{
    color: white;
    font-size: 14px;
    line-height: 36px;
    padding: 0px 15px 0px 15px;
    border-radius: 2px;
    box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3);
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.5);
    background:null;
    text-transform: uppercase;
}

.panelbutton button .ui-button-text{
    color: white;
    font-size: 14px;
    line-height: 36px;
    padding: 0px 15px 0px 15px;
    border-radius: 2px;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.5);
    background:#03a9f4;
    text-transform: uppercase;
}


.panelbutton button .ui-button-text:active{
    color: white;
    font-size: 14px;
    line-height: 36px;
    padding: 0px 15px 0px 15px;
    border-radius: 2px;
    box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3);
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, 0.5);
    background:#03a9f4;
    text-transform: uppercase;
}
.ui-datatable thead th, .ui-datatable tfoot td {
    text-align:left;
    vertical-align:top;
    font-size:12px;
    line-height:12px;
    color: #03a9f4;
    padding: 15px 5px 15px 5px;
}


.ui-dashboard-column:first-of-type .subview:first-of-type  .ui-panel-titlebar ,
.firstsubview .ui-panel-titlebar {
    height:auto;
    background:  #03a9f4!important;
    color:white!important;
}


.paneltabactive {
    margin-right: 12px;
    padding: 10px;
    white-space:nowrap;
    color:rgba(0, 0, 0, 0.87)!important;
    text-decoration: none;
    border-bottom: #03a9f4 solid 2px;

}


.detail_label {
    font-weight: 500;
    font-size: 11px;
    color: #03a9f4;

}
.detail_label_small {
    font-weight: 500;
    font-size: 11px;
    color: #b1b1b1;
    display:block;
    float:left;
}
.detail_label_float {
    font-weight: 500;
    font-size: 11px;
    color: #03a9f4;
    display: block;
    margin-left: -2px;
    line-height: 12px;
    margin-top: 15px;
}

.ui-tabs-nav .ui-tabs-selected a{
    margin-right: 12px;
    padding: 10px;
    white-space:nowrap;
    color:#03a9f4!important;
    text-decoration: none;
    border-bottom: #03a9f4 solid 2px;

}

body {
    font-family: Roboto,Verdana,Arial,Helvetica,sans-serif;
}
.ui-widget {
    font-family: Roboto,Verdana,Arial,Helvetica,sans-serif !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Roboto,Verdana,Arial,Helvetica,sans-serif;
}
.ui-panelmenu .ui-panelmenu-header {
    font-family: Roboto;
}
.ui-panelmenu .ui-menuitem-link
{
    font-family: Roboto;
} 
.actionmenu {
    font-family: Roboto;
}
#breadcrumb {
    font-family: Roboto;
}
/*PRIMEFACES-THEME-ADDONS*/
.ui-selectonemenu {
    padding-right: 0px;
}
input.ui-state-hover {
    background-color: #fff!important;
    color:#222222!important;
}
.ui-paginator-bottom {
    background: #ddd;
    border: #ddd;
}
.titel .ui-tabs-panels {
    border-top: 2px solid #6B89A3;
}
.ui-panelmenu-panel .ui-state-default {
    border:none;
}

.previewPanelInhalt .ui-panel-titlebar, .inhalt .ui-panel-titlebar {
    background-image: none!important;
    background-color: #dddddd!important;
    color: #222222!important;
    border-color: #dddddd!important;
}
.previewPanelInhalt {
    border:none;
    line-height:10px !important;
}


.ui-panel-content {

}
.subview * .ui-widget-content {
    background: none repeat scroll 0 0 #fff;
    OFFborder: 0px solid transparent;
    color: #222222;
}

tr.ui-widget-content {
    font-size: 10px;
}

.detail_input textarea {
    margin-bottom: 4px;
    background: none !important;
    border: 1px dotted gray !important;
}

.subview {
    margin: 0 13px 16px 4px;
    padding: 1px;
    background:white;
}
.detail_input
{
    font-weight:bold;
    color:black;
}

.inhalt
{
    background: none;
}

.detail_label
{
    font-weight:bold;
    text-align:left;
    padding-right: 10px!important;
    white-space:nowrap;
}
/*----------------END PRIMEFACES-THEME----------------*/



html {
    min-height: 100%;
}

body {
    background-attachment: fixed;
    background-position: left top;
    background-repeat: no-repeat;
    background-size:cover;
    background-color: #b1b1b1;
    -webkit-font-smoothing:antialiased;
    height: 100%;
    font-size: 10px;
    overflow-y:scroll;
    overflow-x:hidden;
    min-height: 99vh;

}   

divoff {border:solid 1px grey} 

#inhalt_content { width:100%;padding:0px!important; }


.ui-icon-optionmenu:before {
    content: "\f142";
}

.ui-icon-staron{
    background-image: url('../images/ui-icons_222222_256x240_gold.png') !important;
    background-position: -224px -112px; 
}
.ui-icon-layoutd{
    background-image: url('../images/icons/layoutD.png') !important;
}
.ui-icon-layout1{
    background-image: url('../images/icons/layout1.png') !important;
}
.ui-icon-layout2{
    background-image: url('../images/icons/layout2.png') !important;
}
.ui-icon-layout3{
    background-image: url('../images/icons/layout3.png') !important;
}
.ui-icon-layouts{
    background-image: url('../images/icons/layoutS.png') !important;
}
.ui-icon-layoutf{
    background-image: url('../images/icons/layoutF.png') !important;
}
div.workflow_step {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url("../images/trans80.png");
    border-color: #999999 #555555 #555555 #999999;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    border-right: 1px dashed #555555;
    border-style: dashed;
    border-width: 1px;
    cursor: pointer;
    float: left;
    font-size: 11px;
    height: 60px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0px;
    overflow: hidden;
    width: 170px;
}
.ui-tabs .ui-tabs-panel{
    padding:2px;
}

#main-heading {
    background-image: url("../images/trans_blue_gra_content.png");
    background-repeat: repeat-x;
    float: left;
    height: auto !important;
    min-height: 20px;
    padding: 5px 0 0;
    width: 100%;
}
#main-heading h1 {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 15px;
    padding: 0;
}
#main-heading h1 a, #main-heading h1 a:hover, #main-heading h1 a:visited, #main-heading h1 a:active {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 0;
    text-decoration: none;
}


.ui-dashboard-column {
    padding-bottom: 37px;
} 


/* disable resize in textarea */
textarea{
    resize:none;
}
.ui-datatable-scrollable-body{
    border-bottom: 1px solid lightgrey;
}




.fc-event
{
    background-color: #6B89A2;   
}
.recurringEvent
{
    background-color: darkgreen;   
}
.unimportantEvent
{
    background-color: gray;   
}
.unimportantRecurringEvent
{
    background-color: gray;   
}

.note {
    background-color: #F9F19C;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 5px #333333;
    color: black;
}
.note_yellow {
    background-color: #F9F19C;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 5px #333333;
    color: black;
}
.note_blue {
    background-color: #56D9ED;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 5px #333333;
    color: black;
}
.note_green {
    background-color: #BFF193;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 5px #333333;
    color: black;
}
.note_purple {
    background-color: #DB7CA7;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 5px #333333;
    color: black;
}
.note_orange {
    background-color: #FFA95D;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 5px #333333;
    color: black;
}
.noteheading {
    background-image: url("../images/noteheading.png");
    color: black;
    font-weight: bold;
    height: 26px;
    line-height: 23px;
    padding-left: 5px;
}
.notecontent {
    padding: 5px;
}
.notebutton {
    padding-right: 0;
    padding-top: 0;
}


.ui-panel .ui-panel-content 
{
    padding: 0px 11px 0px;
    background:white;
}
div.subview_detail div.ui-panel-content
{
    
}
span.pnl_detail
{
	 padding: 20px 11px 11px;
}

.ui-tabs-panels .ui-button-text-icon-left .ui-button-text {

}

table.ui-panelgrid .ui-widget-content 
{
    line-height: 28px;
}

.ui-panel .ui-inputfield, .ui-panel .ui-inputtext 
{
    background-color: #FFF;
    background-image:none;
    border:none;
    border-bottom-color: #cccccc;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #000;
}


table.ui-panelgrid
{
    margin-bottom: 30px; 
}

div.t_fixed_header.ui .body td {
    font-size: 10px !important;
    line-height: 12px !important;
    padding: 0;
    text-align: left;
}

div.t_fixed_header.ui .headtable th {
    text-align: left !important;
    color: #888888;
    font-size: 0.8em;
}


.ui-datatable-header label {
    color: #222222;
    font-size: 12px;
    line-height: 25px;
    margin-left: 20px;
}
.ui-datatable-header input {
    background-color: #fff !important;
    background-image: none !important;
    color: #222222 !important;
    font-size: 12px !important;
    height: 28px;
    line-height: 32px;
}
.ui-panelgrid td {
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
}
.ui-chkbox-box {
    border: 1px solid #AAA!important;

}

.ui-message-icon-only {   
    clear: none !important;   
    display: inline-block;
    margin: 3px;
    padding: 0;
    position: absolute;
    background:none;
    border:none;
}
.messagesbox {
    display: inline-block;
    left: 340px;
    position: absolute;
    top: 0px;
    text-align:left;
    width:50%;

}
.messagesbox * .ui-messages-error,.messagesbox * .ui-message-error {   
    display: block;
}

.wizbutBACK{
	float: left;
    padding-left: 20px !important;
}

tr.ui-widget-content {
    font-size: 14px;
}
.detail_input
{
    font-size:14px;
    font-weight:400;
    white-space:nowrap;
    padding-bottom: 10px!important;
}

td.detail_output input, td.detail_input input {
    background-color: #fff!important;
    background-image: none!important;
    width: 90%;
}
.detail_output
{
    font-weight:400;
    color:green;
    padding-bottom: 10px!important;
}

.detail_input textarea {
    margin-bottom: 4px;
}

td.detail_output textarea, td.detail_input textarea {
    width: 170px;
}
td.detail_output select, td.detail_input select {
    width: 170px;
}
td.detail_output select option, td.detail_input select option{
    width: 170px;
}

td.detail_output input .ui-state-hover, td.detail_input input .ui-state-hover {
    background-image: none!important;
    background-color: #fff!important;
    color:#222222!important;
}



.detail_inputlong textarea {
    margin-bottom: 4px;
    background: none !important;
    border:1px dotted gray !important;
}
.detail_inputlong
{
    font-weight:bold;
    color:blue;
    white-space:nowrap;
}

td.detail_inputlong input {
    background-color: #fff!important;
    background-image: none!important;
}

td.detail_inputlong select,td.detail_inputlong select option,td.detail_inputlong textarea, td.detail_inputlong input,td.detail_inputlong span select,td.detail_inputlong span select option,td.detail_inputlong span textarea, td.detail_inputlong span input {
    width: 85%;
}


td.detail_inputlong input .ui-state-hover {
    background-image: none!important;
    background-color: #fff!important;
    color:#222222!important;
}

.subview_liste {
    margin:4px; 

}
.subview {
    margin: 0 13px 36px 0px;
    padding: 0px;
    overflow: hidden;
    border-radius:4px;
}

.subview_liste .ui-panel-content{ 
}

.ui-selectonemenu label.ui-selectonemenu-label {
    line-height:1em;
}



.ui-notificationbar {
    background: none repeat scroll 0 0 white;
    box-shadow: 0 3px 7px grey;

    text-align: center;

}

.notificationclose {
    position: absolute;
    right: 40px;
    top: 90px;
    cursor: pointer;
}




#wfvsystem_dashboard_wfvapptmt_liste,#wfvsystem_dashboard_wfvcontact_liste,#wfvsystem_dashboard_wfvptask_liste,#wfvsystem_dashboard_wfvopportunity_liste {
    height:400px;
    overflow:hidden;
}
#wfvsystem_dashboard_wfvapptmt_liste * .monthCalendarClass{
    overflow:scroll;
    height:317px
}
.isvbtn
{
    visibility:hidden;
    height:0px;
    width:0px;
    border:0px none !important;
    display: none;
}

.pe-dynaform-label
{
    font-weight: bold;
    vertical-align: top;
    text-align:left;
}
.dyna_headline{
    background-color:#DDDDDD !important
}

.suchFilterButton
{
    float:right;
    margin-right:5px;
    position: relative;

}
.newListeItemButton
{
    float:right;
    margin-right:5px;
    position: relative;

}
.pnlManagerButton
{
    float:left;
    margin-right:5px;
    position: relative;
    top: 5px;
}


.ui-widget-overlay {
    opacity: 0.3;
}

.workflowpanel button{
    margin: 2px;
    margin-right: 10px;
}
.helppanel button{
    margin: 2px;
    margin-right: 10px;
}
.buttonpanel button{
    height: 68px!important;
    margin: 0px 20px 0px 0px;
    padding: 0px;
}
.tablebutton button{
    height: 50px!important;
    margin: 0px 20px 0px 0px;
    padding: 0px;
}

.loginbutton button .ui-button-text {
    background: #03a9f4 none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.3);
    color: white;
    font-size: 14px;
    line-height: 36px;
    padding: 4px 15px 0px;
    text-transform: uppercase;
}



.loginbutton button .ui-button-text:hover {
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.7);
}

.titleform button{
    height: 68px!important;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    min-width: initial;
}
.titleform button .ui-button-text{
    color: #333;
    font-size: 14px;
    line-height: 36px;
    padding: 0px 15px 0px 15px;
    border-radius: 2px;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
    background: white;
    font-weight: 500;
    text-transform: uppercase;
    width: initial!important;
    padding-left: 32px;
    min-width: initial;
}

.titleform button .ui-button-text:active{
    color: #333;
    font-size: 14px;
    line-height: 36px;
    padding: 0px 15px 0px 15px;
    border-radius: 2px;
    box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3);
    background: white;
    font-weight: 500;
    text-transform: uppercase;
    width: initial!important;
    padding-left: 32px;
    min-width: initial;
}

.workflowpanel {
    border:none;

    border-bottom-left-radius:4px;    
    top: 139px;
    right: 0px;
    padding: 5px;
    padding-top:8px;

    position: fixed;
    width: 64px;

    z-index:1000;
}
.helppanel {
    border:none;
    background:lavender;
    border-bottom-left-radius:4px;    
    bottom: 136px;
    right: 0px;
    padding: 5px;
    padding-top:8px;

    position: fixed;
    width: 383px;

    z-index:1000;
}



.ui-autocomplete-panel .ui-autocomplete-table td{
    border:none!important;
    background:none;
    padding:0px!important;
}

.ui-autocomplete-panel .ui-autocomplete-table .ui-state-highlight {
    border:none!important;
    background:#DDDDDD!important;
    color: white;
}
.ui-datatable tr.ui-state-highlight
{
    background:#cfd8dc;
}

.ui-selectonemenu-panel{
    min-width:250px;
}

.ui-menuitem-text{

}
.ui-treetable .ui-treetable-indent {
    float: left;
    height: 16px;
    width: 16px;
}


.ui-datatable th, .ui-datatable tfoot td {
    padding: 5px 0px;
    font-size: 11px;
}

tr.ui-widget-content {
    height: 20px;
}

.highlight
{
    background-color: yellow;
}

.ui-editor {
    width: 98% !important;
}

.ui-editor-toolbar{
    height: 52px !important;
}

.ui-editor iframe {
    width: 100% !important;
}

.login input.ui-inputtext, .login input.ui-password  {width:200px; color: black;}
.login button.ui-button {width:100%;}

.ui-panel .ui-panel-titlebar {
    padding: 4px 4px !important;
}
.ui-treetable th, .ui-treetable tfoot td {
    line-height: 2em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    -webkit-font-smoothing:antialiased;
    font-size: 14px !important;
}
.ui-widget .ui-widget {
    font-size: 14px;
}
tfoot {font-size: 11px;}

.ui-panelgrid td{
    border-style:none !important;
    border-width: 0px !important;
}
.ui-panelgrid tr{
    border-style:none !important;
    border-width: 0px !important;
}
.onlydialogpanel {
    margin: 0px;
    padding: 0px;
    border:none;
    border-width:0px;
}
.onlydialogpanel .ui-scrollpanel {
    max-height: calc(93vh - 150px);
}
.checkbackdialogpanel {
    margin: 0px;
    padding: 0px;
    border:none;
    border-width:0px;
}
.login .ui-widget-content {
    border: 1px solid #eeeeee;

    color: #aaa;

}

.ui-datatable th, .ui-datatable tfoot td {
    text-align: left;

}
.ui-datatable th div span{
    padding-left:16px;
    display:inline-block;

}
.ui-sortable-column-icon
{
    padding-left:0px !important;

}
.ui-widget {
    font-size: 11px;
}

.ui-datatable {
    padding-right:1px;

}
.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td
{
    vertical-align:top;
    font-size:12px;
    line-height:15px;
    color:black;
    padding: 7px 5px;
}

OFF::-webkit-input-placeholder { /* WebKit browsers */
    color:    grey;
}
OFF:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    grey;
}
OFF::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    grey;
}
OFF:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    grey;
}
/* - Internet Explorer 10?11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
    color: grey !important;
}

.calSelector .ui-button 
{
    min-width:0px;   
}

.subview .fc-agenda-slots .ui-widget-content
{
    border-width: 1px medium medium;
    border-style: dotted none none;
    border-color: lightgrey;
    background:none repeat scroll 0 0 white;
}
.subview  * .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}
.subview  * .fc-agenda-slots td {
    background: none repeat scroll 0 0 transparent;
    border-width: 1px 0 0;
}
.subview  * .fc td, .fc th {
    padding: 0;
    vertical-align: top;
}
.subview  * .fc-widget-header, .fc-widget-content {
    border: 1px solid #DDDDDD;
}

.fc-agenda-allday * .fc-day-content{
    background:white;
}

/* tables have no space between columns */
.ui-datatable th div.ui-dt-c, .ui-datatable .ui-datatable-data td div.ui-dt-c, .ui-datatable .ui-datatable-data-empty td div.ui-dt-c, .ui-datatable tfoot td div.ui-dt-c
{
    margin-left:2px;   
    margin-right:2px;
}

/* dashboard scrollbars when resolution too small or too much data */
#wfvsystem_dashboard_wfvcontact_liste,#wfvsystem_dashboard_wfvptask_liste,#wfvsystem_dashboard_wfvopportunity_liste {
    overflow:auto;
}

/*fix damaged sort-arrows, they are too low*/
.ui-datatable .ui-sortable-column-icon {
    margin-top: 0px !important;
}

.invisibleFieldset legend{
    display:none;
}


.ui-autocomplete-panel {
    overflow-x: hidden;
    overflow-y: auto;
}

.searchResultPanel * td
{
    border-color:transparent;
}
.searchResultPanel * tr
{
    border-color:transparent;
}

.searchResultPanel
{
    cursor: pointer;
    width:100%;
    max-width: 800px;
}

.searchResultPanel:hover
{
    cursor: pointer;
    width:100%;
}



.searchResultContent
{
    max-width: 300px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 300px; 
    margin-top:3px;
    margin-bottom:7px;
    float:left;
}

.searchResultTitle
{
    font-size: 12px; 
    color: black;
    font-weight: bold; 
    display: inline-block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    max-width:300px;
    width:300px;
}
.searchResultRow
{
    max-width: 300px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 300px;
    color:#333333;
    line-height:16px;
}

.searchResultContentNoPic
{
    max-width: 364px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 364px; 
    margin-top:3px;
    margin-bottom:7px;
}

.searchResultTitleNoPic
{
    font-size: 12px; 
    color: black;
    font-weight: bold; 
    height: 20px; 
    display: inline-block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    max-width:364px;
    width:364px;
}
.searchResultRowNoPic
{
    max-width: 364px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 364px;
    color:#333333;
    line-height:16px;
}
.searchInputText input
{
    color:black;
    font-weight: bold;
    width:90%;
    border:none;
    font-size:45px!important;
    background:none !important;

}
input[name^="searchForm"]
{
    color:black !important;
    font-weight: bold !important;
    width:90% !important;
    border:none !important;
    font-size:45px!important;
    background:none !important;

}


.cke_skin_v2 .cke_top, .cke_skin_v2 .cke_bottom, .cke_shared .cke_skin_v2, .cke_skin_v2 .cke_dialog_contents, .cke_skin_v2 .cke_dialog_footer, .cke_skin_v2 a.cke_dialog_tab_selected, .cke_skin_v2 a.cke_dialog_tab_selected:link, .cke_skin_v2 a.cke_dialog_tab_selected:active, .cke_skin_v2 a.cke_dialog_tab_selected:hover, .cke_skin_v2 a.cke_dialog_tab_selected:visited
{
    background-color:#E6E6E6 !important;
}

.cke_skin_v2 .cke_button a, .cke_skin_v2 .cke_button a.cke_off,.cke_skin_v2 .cke_rcombo .cke_label,.cke_skin_v2 .cke_dialog_title
{
    background-color:#E6E6E6 !important;
}

body.wait, body.wait *{
    cursor: wait !important;   
}

.ui-datalist-item
{
    display:inline;

}
.ui-datalist-data{
    margin:0;
}
.ui-datalist-content.ui-widget-content{
    border:none;
}
.ui-widget-content .ui-datatable-even{
    border-top: 1px solid rgba(0,0,0,0.05)!important;   
    border-bottom: 1px solid rgba(0,0,0,0.05)!important;   
}
.ui-widget-content .ui-datatable-odd{
    border-top: 1px solid rgba(0,0,0,0.05)!important;   
    border-bottom: 1px solid rgba(0,0,0,0.05)!important;   
}

.lockbox .ui-state-active .ui-icon-check{
    background-position: -192px -96px !important; 

    background-image: url("../javax.faces.resource/images/ui-icons_fcfcfc_256x240.png.xhtml?ln=primefaces-ofis");
}
.lockbox .ui-state-default .ui-chkbox-icon{
    background-position: -208px -96px;
    background-image: url("../javax.faces.resource/images/ui-icons_fcfcfc_256x240.png.xhtml?ln=primefaces-ofis");
} 



/*Addons 2013*/

.ui-shadow {
    box-shadow: 0px 5px 25px -5px rgba(0,0,0,0.7);
} 

.titel .ui-tabs-panels {
    border-top: 4px solid #6B89A3;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0px 2px 1px 1px;
}




.without-selectall .ui-selectcheckboxmenu-header {
    display:none;
}

.without-title .ui-selectcheckboxmenu-label-container {
    display:none;
}

.no-background-grid * tr {
    background-color:transparent !important
}

.actionitem {
    min-width:180px;
    margin-right:10px;
    margin-bottom:10px;
}

.indicator {
    border-left-width: 12px !important;
    border-left-style: solid;
	border-color:transparent;
}

.indicatorred {
    border-color: #F44336 !important;
}
.indicatorred td:nth-child(1) {
    color: #F44336 !important;
    font-weight: 500 !important;
}
.indicatorgreen {
    border-color: #4CAF50 !important;
}
.indicatorgreen td:nth-child(1) {
    color: #4CAF50 !important;
    font-weight: 500 !important;
}
.indicatoryellow {
    border-color: #FDD835 !important;
}
.indicatoryellow td:nth-child(1) {
    color: #FDD835 !important;
    font-weight: 500 !important;
}
.indicatororange {
    border-color: #FF9800 !important;
}
.indicatororange td:nth-child(1){
    color: #FF9800 !important;
    font-weight: 500 !important;
}
.indicatorporsche {
    border-color: #2a4b6d !important;
}
.indicatorbanknow {
    border-color: #95288F !important;
}
.indicatorgrey {
    border-color: #B0BEC5 !important;
}
.indicatornull {
    border-color: transparent !important;
}
.indicatorprio1 {
    border-color: lightgrey !important;
}
.indicatorprio2 {
    border-color: lightgrey !important;
}
.indicatorprio3 {
    border-color: lightgrey !important;
}
.indicatorprio4 {
    border-color: lightgrey !important;
}
.indicatorprio5 {
    border-color: lightgrey !important;
}
.indicatorprio6 {
    border-color: lightgrey !important;
}
.indicatorprio7 {
    border-color: lightgrey !important;
}
.indicatorprio8 {
    border-color: lightgrey !important;
}
.indicatorprio9 {
    border-color: lightgrey !important;
}
.indicatorprio10 {
    border-color: lightgrey !important;
}

.tabmenu0{
    border:1px solid #F44336;
}
.tabmenu1{
    border:1px solid blue;
}


.entityicon {
    width:64px;
    height:64px;
}
.entityicon * {
    display:none;
}
.fafileupload {
    font-family:FontAwesome;
}
.fafileupload span.ui-icon,.fafileupload div.ui-fileupload-content {
    display:none;
}
.fafileupload span.ui-button-text {
    padding: 0em 1.2em 0 1.2em !important;
}
.faiconbtn {
    font-family:FontAwesome;
}
.faiconbtn span.ui-icon,.faiconbtn div.ui-fileupload-content {
    display:block;
}
.faiconbtn span.ui-button-text {
    padding: 0em 1.2em 0 1.2em !important;
}

.downloadbutton span.ui-button-text {
    color: #333333;
    font-weight: bold;
}

.inputFieldROtrue, .inputFieldROtrue input, .inputFieldROtrue label{
    border-width:0px !important;
}

.subview .ui-panel-content .ui-outputpanel {
    overflow: hidden;
    margin:0 -11px;
}

/* aktuell gewählter tag im kalender eckig (nicht rund wie heute) */
.ui-datepicker-current-day a{
	border-radius: 0% !important;
}

/* heute im kalender*/
.ui-datepicker-today a.ui-state-default.ui-state-highlight {
    background:  #E6E6E6 !important;
    color: black !important;
}

/*schwarzer bereich über vertikalem Scrollbalken im Carselektor beheben*/
.ui-treetable-scrollable-header-box {
    margin-right: 0px !important;
}

.pe-layout-pane-content{
    background-color:transparent;
}

.ui-layout-pane-center { z-index: auto !important; }

/* avoid unterline in spans inside a */
a span{
    display: inline-block;
}

/* New styles */
.pe-layout-pane-content {
    padding: 0px;
    border: 0px none;
}

.ui-layout-resizer {
    width:20px!important;
    border:0px none;
    background:white;
    box-shadow:10px 0px 10px -3px rgba(0,0,0,0.2);
    background-color:rgba(255, 255, 255, 1);
    z-index:5 !important;
}

.navipane{
    background-color:rgba(255, 255, 255, 1);
    padding-left: 20px;
    z-index: 100!important;
} 

.navi {
    padding:0px;
    width:220px;
    margin-bottom:-12px;

}

.logo {
    width:200px;
    height:100px;
    margin:10px;
    background-size:contain;
    background-position:center top;
    background-size:contain;
    background-repeat:no-repeat;
}

.logosmall {
    width:139px;
    height:68px;
    background:none no-repeat scroll 0 center / contain  rgba(0, 0, 0, 0);
}

.copy {
    width: 220px;
    height: 68px !important;
    background-size: inherit;
    position: initial;
    bottom: 0px;
    left: 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: white;
}
.copy2{
    font-size: 11px;
    font-weight: 500;
    padding: 24px 0px 20px 18px;
    background-color: white;
    border-top: solid 1px #b1b1b1;
    margin-top: 12px;
    margin-bottom: 100px;
}
.copy3{
    font-size: 11px;
    padding: 0px 0px 6px 18px;
    background-color: white;
    bottom: 6px;
    position: absolute;
}
.copy3 a{

    text-decoration:none;
    color:black
}
.submenuroot h3 {
    display:none;
}
.submenurootline h3.ui-widget a {
    display:none;
}
.submenurootline h3 span {
    display:none;
}
.submenurootline h3 {
    margin-bottom: 24px !important;
}
/* IE11 hides the root submenu-items, show them again */
.submenuroot .ui-helper-hidden{
    display:block;
}

#naviform:navipanel {
    border:0px none;
    box-shadow:none;
}

.ui-panelmenu-panel{
    border:0px none;
}

.ui-panelmenu .ui-panelmenu-header {
    color:#b1b1b1;
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing:antialiased;
    font-size:14px;
    line-height: 32px;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #b1b1b1;
    margin-top: 20px;
}
.ui-panelmenu .ui-panelmenu-header a {
    color:#333333;
    padding: 0px;
}  
.ui-panelmenu  .ui-state-hover, .detail_input  .ui-state-hover {
    color:black!important;
}
.ui-panelmenu .ui-menuitem-link {
    padding:0px 0px 0px 20px;
    width:auto;
    color: #333333;
    font-size: 14px;
    line-height:32px;
    border:0px none;
    font-style: normal;
    font-weight: 500;
    -webkit-font-smoothing:antialiased;
    width:160px;
    overflow: hidden;
    position: relative;
} 

.ui-panelmenu .ui-panelmenu-content {
    padding:0px;   
	top:0px;
    background:none;
    overflow-x: hidden;
}

.ui-panelmenu .ui-panelmenu-header .ui-icon {
    position: initial;
    margin-top: 0;
    float: right;

}
* {
    outline-style:none;
}

.ui-panelmenu .ui-state-active {
}
.ui-panelmenu .ui-state-active a, .ui-panelmenu .ui-state-active .ui-icon{
    color: #b1b1b1!important;
}

.ui-layout-toggler-west-open {
    width: 20px!important;
    height: 60px!important;
    background-image: url("../images/toggle-lt.png");
}

.ui-layout-toggler-west-closed {
    width: 20px!important;;
    height: 60px!important;;
    background-image: url("../images/toggle-rt.png");
}

.ui-datalist-data{
    padding:0px;
}

.actionmenu {
    border:0px none;
    color: #333333 !important;
    display: block;
    -webkit-font-smoothing:antialiased;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;

    text-decoration: none;
    text-transform: uppercase;
    position:relative;
    overflow:hidden;
}

.actionmenu:hover .actionmenu:active {
    color: #333333 !important;
}


.actionmenudiv{
    padding-top:24px;
}
.actionmenudiv   .ui-datalist-content{
    border-top: 1px solid #b1b1b1;
    background:transparent;
}
#drawerpanel { 
    position: fixed;
    right: 17px;
    width: 0;
    display: none;
    top: 0px;

    box-shadow: -2px -2px 2px 2px rgba(0,0,0,0.2);
    height: 100%;
    background: white;
    z-index: 3;
}
.buttonpanel {
    text-align:right;
}
.tablebutton {
    text-align:right;
}

.inhalt {
    margin-left: 20px;
    border:none!important;
    background: none !important;
    margin-top: 88px;
}

.workflowpanel {
    display: none;
}

#loaderpic {
    top:12px!important;
    right:40px!important;
}

.ui-button {
    background:white;
}

.ui-growl {
	right:32px;
    bottom: 68px;
    top:auto;
    visibility:visible;
    background: #323232 ;
    color:white;
}

.subview .ui-panel-titlebar {
    height:116px;
    background: #cfd8dc!important;
    color:rgba(0, 0, 0, 0.87)!important;
    font-size:16px;
    padding:10px!important;

}

.subview_liste .ui-panel-titlebar {
    /* off for dublettepopup detail */
    OFFheight:48px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
}

.paneltab {
    margin-right: 10px;
    padding: 10px;

    text-decoration: none;
    white-space:nowrap;
    color:rgba(0, 0, 0, 0.5)!important;
}

.ui-fieldset-legend {
    padding-bottom: 3px !important;  
    padding-left: 3px !important;  
    padding-right: 3px !important;   
    padding-top: 3px !important;
}
.ui-fieldset {
    padding: 10px;

}

.ui-fieldset-toggler {
    float: right!important;
}

.ui-fieldset .ui-fieldset-legend {
    white-space: nowrap;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    display: block;
    width: 100%;
    color: #333333;
    font-weight: 500;
}

tr .tabseparator{
    white-space: nowrap;
    display: block;
    width: 100%;
    color: #333333;
    font-weight: 500;
}

.ui-fieldset.hideline .ui-fieldset-legend {
    white-space: nowrap;
    border-top: 0px none;
    display: block;
    width: 100%;
    color: #333333;
    font-weight: 500;
}

.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
    color: #333333;
    font-weight: 500;
    white-space: nowrap; 
}
fieldset legend {
    left: -8px;
    padding-left: 0 !important;
    position: relative;
}

.ui-fieldset .ui-fieldset-legend .ui-icon{
    color: #333333;
}

.ui-icon {
    width: 20px;
    height:20px;
    font-size: 14px;
    line-height: 20px;

    text-align: center;
    vertical-align: middle;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    text-indent: initial;
    background: transparent;
    background-image: none;
    color: #333;
    opacity: 1;
}

.actionicon {
    float: left;
    margin:4px; 
    width: 16px;
    height:20px;
    font-size: 14px;
    line-height: 20px;
}


#toolbar .ui-icon {
    width: 48px;
    height:48px;
    font-size: 24px;
    line-height: 48px;
    margin: 10px;
    cursor:pointer;
}

#toolbarform\:features .ui-icon {
    width: 16px;
    height: 16px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    cursor:pointer;
}

#toolbar .ui-selectonemenu-trigger .ui-icon {
    width: 24px;
    height: 48px;
    padding: 0px;
    margin: 0px;
	padding-left: 8px;
}

.ui-state-default .ui-icon {
    background: transparent;
    background-image: none;
}

.ui-widget-header .ui-icon{
    background: transparent;
    background-image: none;
    color: green;  
}

.ui-widget-content .ui-icon {
    background: transparent;
    background-image: none;
    color: #7d7d7d;
} 
.ui-radiobutton-box {
	text-align: center;
}
.ui-radiobutton-icon{
	margin: 0;
}
.ui-icon-bullet {
    background: none !important;
    display: inline;
}
.ui-icon-bullet::before {
	font-weight: normal;
	content: '\25CF';
	font-size: 20px;
	line-height: 16px;
	color: #000;
}

body .ui-radiobutton .ui-radiobutton-box {
    border: 1px solid #a6a6a6;
    background-color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color .3s,border-color .3s;
    -o-transition: background-color .3s,border-color .3s;
    -webkit-transition: background-color .3s,border-color .3s;
    transition: background-color .3s,border-color .3s;
}

#breadcrumb {
    -webkit-font-smoothing:antialiased;
    overflow:hidden;
    padding-left:24px;
}

#breadcrumb div {
    vertical-align:middle;
    display:inline-block;
}
#breadcrumb div label {

    display:none;

}
#breadcrumb button {
    width: auto;
    height: 64px;
}
#breadcrumb .fa-3x {
    cursor: pointer;
    font-size: 24px;
    height: 48px;
    line-height: 48px;
    margin: 10px;
    width: 48px;
}
.ui-button-icon-only .ui-icon {
    top: initial;
    left: initial;
    position: initial;
}

#breadcrumb div .ui-icon-triangle-1-s:before {
    content: "\f0da";
}

#breadcrumb div .ui-icon{
    width:48px;
}

#breadcrumb * {
}

#breadcrumb .ui-button-text-only{
    padding-right: 10px;
    vertical-align: middle;
}
#breadcrumb button span{
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    padding: 0px;
    vertical-align: middle;
    padding-top: 0px;
    margin-top: 1px;
}
#breadcrumb .ui-icon {
    width: 48px;
    height:48px;
    font-size: 24px;
    line-height: 48px;
    margin: 10px;
    cursor:pointer;
}

.ui-tabs-nav li a{
    margin-right: 10px;
    padding: 10px;
    font-size: 12px;
    text-decoration: none;
    white-space:nowrap;
    color:rgba(0, 0, 0, 0.5)!important;
}

.sidebar_options .ui-tabs-nav li a{
    font-size: 18px;
}

.sidebar_options .ui-tabs .ui-tabs-nav li {
    margin: 0 10px 1px 10px;
    width: 28%;
}

.ui-icon-info:before {
    content: "\f05a";
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.ui-icon-glass:before {
    content: "\f000";
}
.ui-icon-music:before {
    content: "\f001";
}
.ui-icon-search:before {
    content: "\f002";
}
.ui-icon-filter:before {
    content: "\f0b0";
}

.ui-icon-envelope-o:before {
    content: "\f003";
}
.ui-icon-heart:before {
    content: "\f004";
}

.ui-icon-staron:before {
    content: "\f005";
}
.ui-icon-staron:before {
    color: #ffc107;
}

.ui-icon-star:before {
    content: "\f005";
}
.ui-icon-star-o:before {
    content: "\f006";
}
.ui-icon-user:before {
    content: "\f007";
}
.ui-icon-film:before {
    content: "\f008";
}
.ui-icon-th-large:before {
    content: "\f009";
}
.ui-icon-th:before {
    content: "\f00a";
}
.ui-icon-th-list:before {
    content: "\f00b";
}
.ui-icon-check:before {
    content: "\f00c";
}
.ui-icon-times:before {
    content: "\f00d";
}
.ui-icon-search-plus:before {
    content: "\f00e";
}
.ui-icon-search-minus:before {
    content: "\f010";
}
.ui-icon-power-off:before {
    content: "\f011";
}
.ui-icon-signal:before {
    content: "\f012";
}

.ui-icon-gear-o:before,
.ui-icon-cog:before {
    content: "\f013";
}
.ui-icon-trash:before ,.ui-icon-trash-o:before {
    content: "\f014";
}
.ui-icon-home:before {
    content: "\f015";
}
.ui-icon-file-o:before {
    content: "\f016";
}
.ui-icon-clock-o:before {
    content: "\f017";
}
.ui-icon-road:before {
    content: "\f018";
}
.ui-icon-download:before {
    content: "\f019";
}
.ui-icon-arrow-circle-o-down:before {
    content: "\f01a";
}
.ui-icon-arrow-circle-o-up:before {
    content: "\f01b";
}
.ui-icon-inbox:before {
    content: "\f01c";
}
.ui-icon-play-circle-o:before {
    content: "\f01d";
}
.ui-icon-rotate-right:before,
.ui-icon-repeat:before {
    content: "\f01e";
}
.ui-icon-refresh:before {
    content: "\f021";
}
.ui-icon-reload:before {
    content: "\f021";
}
.ui-icon-list-alt:before {
    content: "\f022";
}
.ui-icon-lock:before {
    content: "\f023";
}
.ui-icon-flag:before {
    content: "\f024";
}
.ui-icon-headphones:before {
    content: "\f025";
}
.ui-icon-volume-off:before {
    content: "\f026";
}
.ui-icon-volume-down:before {
    content: "\f027";
}
.ui-icon-volume-up:before {
    content: "\f028";
}
.ui-icon-qrcode:before {
    content: "\f029";
}
.ui-icon-barcode:before {
    content: "\f02a";
}
.ui-icon-tag:before {
    content: "\f02b";
}
.ui-icon-tags:before {
    content: "\f02c";
}
.ui-icon-book:before {
    content: "\f02d";
}
.ui-icon-bookmark:before {
    content: "\f02e";
}
.ui-icon-print:before {
    content: "\f02f";
}
.ui-icon-camera:before {
    content: "\f030";
}
.ui-icon-font:before {
    content: "\f031";
}
.ui-icon-bold:before {
    content: "\f032";
}
.ui-icon-italic:before {
    content: "\f033";
}
.ui-icon-text-height:before {
    content: "\f034";
}
.ui-icon-text-width:before {
    content: "\f035";
}
.ui-icon-align-left:before {
    content: "\f036";
}
.ui-icon-align-center:before {
    content: "\f037";
}
.ui-icon-align-right:before {
    content: "\f038";
}
.ui-icon-align-justify:before {
    content: "\f039";
}
.ui-icon-list:before {
    content: "\f03a";
}
.ui-icon-dedent:before,
.ui-icon-outdent:before {
    content: "\f03b";
}
.ui-icon-indent:before {
    content: "\f03c";
}
.ui-icon-video-camera:before {
    content: "\f03d";
}
.ui-icon-photo:before,
.ui-icon-image:before,
.ui-icon-picture-o:before {
    content: "\f03e";
}
.ui-icon-pencil:before {
    content: "\f040";
}
.ui-icon-map-marker:before {
    content: "\f041";
}
.ui-icon-adjust:before {
    content: "\f042";
}
.ui-icon-tint:before {
    content: "\f043";
}
.ui-icon-edit:before,
.ui-icon-pencil-square-o:before {
    content: "\f044";
}
.ui-icon-share-square-o:before {
    content: "\f045";
}
.ui-icon-check-square-o:before {
    content: "\f046";
}
.ui-icon-arrows:before {
    content: "\f047";
}
.ui-icon-seek-first:before, .ui-icon-step-backward:before {
    content: "\f048";

}
.ui-icon-seek-first{
    overflow: hidden !important;
    width: 8px;
}
.ui-icon-fast-backward:before {
    content: "\f049";
}
.ui-icon-seek-prev:before, .ui-icon-backward:before {
    content: "\f04a";

}
.ui-icon-seek-prev{
    overflow: hidden !important;
    width: 13px;
}
.ui-icon-play:before {
    content: "\f04b";
}
.ui-icon-pause:before {
    content: "\f04c";
}
.ui-icon-stop:before {
    content: "\f04d";
}
.ui-icon-seek-next:before, .ui-icon-forward:before {
    content: "\f04e";

}
.ui-icon-seek-next{
    overflow: hidden !important;
    width: 13px;
}
.ui-icon-fast-forward:before {
    content: "\f050";
}
.ui-icon-seek-end:before, .ui-icon-step-forward:before {
    content: "\f051";

}
.ui-icon-seek-end{
    overflow: hidden !important;
    width: 8px;
}
.ui-icon-eject:before {
    content: "\f052";
}
.ui-icon-chevron-left:before {
    content: "\f053";
}
.ui-icon-chevron-right:before {
    content: "\f054";
}
.ui-icon-plus-circle:before,
.ui-icon-circle-plus:before {
    content: "\f055";
}
.ui-icon-minus-circle:before,
.ui-icon-circle-minus:before {
    content: "\f056";
}
.ui-icon-times-circle:before {
    content: "\f057";
}
.ui-icon-check-circle:before {
    content: "\f058";
}
.ui-icon-question-circle:before {
    content: "\f059";
}
.ui-icon-info-circle:before {
    content: "\f05a";
}
.ui-icon-crosshairs:before {
    content: "\f05b";
}
.ui-icon-times-circle-o:before {
    content: "\f05c";
}
.ui-icon-check-circle-o:before {
    content: "\f05d";
}
.ui-icon-ban:before {
    content: "\f05e";
}
.ui-icon-arrow-left:before {
    content: "\f060";
}
.ui-icon-arrow-right:before {
    content: "\f061";
}
.ui-icon-arrow-up:before {
    content: "\f062";
}
.ui-icon-arrow-down:before {
    content: "\f063";
}
.ui-icon-mail-forward:before,
.ui-icon-share:before {
    content: "\f064";
}
.ui-icon-expand:before {
    content: "\f065";
}
.ui-icon-compress:before {
    content: "\f066";
}
.ui-icon-plus:before {
    content: "\f067";
}
.ui-icon-minus:before {
    content: "\f068";
}
.ui-icon-asterisk:before {
    content: "\f069";
}
.ui-icon-exclamation-circle:before {
    content: "\f06a";
}
.ui-icon-gift:before {
    content: "\f06b";
}
.ui-icon-leaf:before {
    content: "\f06c";
}
.ui-icon-fire:before {
    content: "\f06d";
}
.ui-icon-eye:before {
    content: "\f06e";
}
.ui-icon-eye-slash:before {
    content: "\f070";
}
.ui-icon-warning:before,
.ui-icon-exclamation-triangle:before {
    content: "\f071";
}
.ui-icon-plane:before {
    content: "\f072";
}
.ui-icon-calendar:before {
    content: "\f073";
}
.ui-icon-random:before {
    content: "\f074";
}
.ui-icon-comment:before {
    content: "\f075";
}
.ui-icon-magnet:before {
    content: "\f076";
}
.ui-icon-chevron-up:before {
    content: "\f077";
}
.ui-icon-chevron-down:before {
    content: "\f078";
}
.ui-icon-retweet:before {
    content: "\f079";
}
.ui-icon-shopping-cart:before {
    content: "\f07a";
}
.ui-icon-folder:before {
    content: "\f07b";
}
.ui-icon-folder-open:before {
    content: "\f07c";
}
.ui-icon-arrows-v:before {
    content: "\f07d";
}
.ui-icon-arrows-h:before {
    content: "\f07e";
}
.ui-icon-bar-chart-o:before {
    content: "\f080";
}
.ui-icon-twitter-square:before {
    content: "\f081";
}
.ui-icon-facebook-square:before {
    content: "\f082";
}
.ui-icon-camera-retro:before {
    content: "\f083";
}
.ui-icon-key:before {
    content: "\f084";
}
.ui-icon-gears:before,
.ui-icon-cogs:before {
    content: "\f085";
}
.ui-icon-comments:before {
    content: "\f086";
}
.ui-icon-thumbs-o-up:before {
    content: "\f087";
}
.ui-icon-thumbs-o-down:before {
    content: "\f088";
}
.ui-icon-star-half:before {
    content: "\f089";
}
.ui-icon-heart-o:before {
    content: "\f08a";
}
.ui-icon-sign-out:before {
    content: "\f08b";
}
.ui-icon-linkedin-square:before {
    content: "\f08c";
}
.ui-icon-thumb-tack:before {
    content: "\f08d";
}
.ui-icon-external-link:before {
    content: "\f08e";
}
.ui-icon-sign-in:before {
    content: "\f090";
}
.ui-icon-trophy:before {
    content: "\f091";
}
.ui-icon-github-square:before {
    content: "\f092";
}
.ui-icon-upload:before {
    content: "\f093";
}
.ui-icon-lemon-o:before {
    content: "\f094";
}
.ui-icon-phone:before {
    content: "\f095";
}
.ui-icon-square-o:before {
    content: "\f096";
}
.ui-icon-bookmark-o:before {
    content: "\f097";
}
.ui-icon-phone-square:before {
    content: "\f098";
}
.ui-icon-twitter:before {
    content: "\f099";
}
.ui-icon-facebook:before {
    content: "\f09a";
}
.ui-icon-github:before {
    content: "\f09b";
}
.ui-icon-unlock:before {
    content: "\f09c";
}
.ui-icon-credit-card:before {
    content: "\f09d";
}
.ui-icon-rss:before {
    content: "\f09e";
}
.ui-icon-hdd-o:before {
    content: "\f0a0";
}
.ui-icon-bullhorn:before {
    content: "\f0a1";
}
.ui-icon-bell:before {
    content: "\f0f3";
}
.ui-icon-certificate:before {
    content: "\f0a3";
}
.ui-icon-hand-o-right:before {
    content: "\f0a4";
}
.ui-icon-hand-o-left:before {
    content: "\f0a5";
}
.ui-icon-hand-o-up:before {
    content: "\f0a6";
}
.ui-icon-hand-o-down:before {
    content: "\f0a7";
}
.ui-icon-arrow-circle-left:before {
    content: "\f0a8";
}
.ui-icon-arrow-circle-right:before {
    content: "\f0a9";
}
.ui-icon-arrow-circle-up:before {
    content: "\f0aa";
}
.ui-icon-arrow-circle-down:before {
    content: "\f0ab";
}
.ui-icon-globe:before {
    content: "\f0ac";
}
.ui-icon-wrench:before {
    content: "\f0ad";
}
.ui-icon-tasks:before {
    content: "\f0ae";
}
.ui-icon-filter:before {
    content: "\f0b0";
}
.ui-icon-briefcase:before {
    content: "\f0b1";
}
.ui-icon-arrows-alt:before {
    content: "\f0b2";
}
.ui-icon-group:before,
.ui-icon-users:before {
    content: "\f0c0";
}
.ui-icon-chain:before,
.ui-icon-link:before {
    content: "\f0c1";
}
.ui-icon-cloud:before {
    content: "\f0c2";
}
.ui-icon-flask:before {
    content: "\f0c3";
}
.ui-icon-cut:before,
.ui-icon-scissors:before {
    content: "\f0c4";
}
.ui-icon-copy:before,
.ui-icon-files-o:before {
    content: "\f0c5";
}
.ui-icon-paperclip:before {
    content: "\f0c6";
}
.ui-icon-save:before,
.ui-icon-disc:before,
.ui-icon-disk:before,
.ui-icon-floppy-o:before {
    content: "\f0c7";
}
.ui-icon-square:before {
    content: "\f0c8";
}
.ui-icon-navicon:before,
.ui-icon-reorder:before,
.ui-icon-bars:before {
    content: "\f0c9";
}
.ui-icon-list-ul:before {
    content: "\f0ca";
}
.ui-icon-list-ol:before {
    content: "\f0cb";
}
.ui-icon-strikethrough:before {
    content: "\f0cc";
}
.ui-icon-underline:before {
    content: "\f0cd";
}
.ui-icon-table:before {
    content: "\f0ce";
}
.ui-icon-magic:before {
    content: "\f0d0";
}
.ui-icon-truck:before {
    content: "\f0d1";
}
.ui-icon-pinterest:before {
    content: "\f0d2";
}
.ui-icon-pinterest-square:before {
    content: "\f0d3";
}
.ui-icon-google-plus-square:before {
    content: "\f0d4";
}
.ui-icon-google-plus:before {
    content: "\f0d5";
}
.ui-icon-money:before {
    content: "\f0d6";
}
.ui-icon-caret-down:before {
    content: "\f0d7";
}
.ui-icon-caret-up:before {
    content: "\f0d8";
}
.ui-icon-caret-left:before {
    content: "\f0d9";
}
.ui-icon-caret-right:before {
    content: "\f0da";
}
.ui-icon-columns:before {
    content: "\f0db";
}
.ui-icon-unsorted:before,
.ui-icon-sort:before {
    content: "\f0dc";
}
.ui-icon-sort-down:before,
.ui-icon-sort-desc:before {
    content: "\f0dd";
}
.ui-icon-sort-up:before,
.ui-icon-sort-asc:before {
    content: "\f0de";
}
.ui-icon-envelope:before {
    content: "\f0e0";
}
.ui-icon-envelope-open:before {
    content: "\f2b6";
}
.ui-icon-linkedin:before {
    content: "\f0e1";
}
.ui-icon-rotate-left:before,
.ui-icon-undo:before {
    content: "\f0e2";
}
.ui-icon-legal:before,
.ui-icon-gavel:before {
    content: "\f0e3";
}
.ui-icon-dashboard:before,
.ui-icon-tachometer:before {
    content: "\f0e4";
}
.ui-icon-comment-o:before {
    content: "\f0e5";
}
.ui-icon-comments-o:before {
    content: "\f0e6";
}
.ui-icon-flash:before,
.ui-icon-bolt:before {
    content: "\f0e7";
}
.ui-icon-sitemap:before {
    content: "\f0e8";
}
.ui-icon-umbrella:before {
    content: "\f0e9";
}
.ui-icon-paste:before,
.ui-icon-clipboard:before {
    content: "\f0ea";
}
.ui-icon-lightbulb-o:before {
    content: "\f0eb";
}
.ui-icon-exchange:before {
    content: "\f0ec";
}
.ui-icon-cloud-download:before {
    content: "\f0ed";
}
.ui-icon-cloud-upload:before {
    content: "\f0ee";
}
.ui-icon-user-md:before {
    content: "\f0f0";
}
.ui-icon-stethoscope:before {
    content: "\f0f1";
}
.ui-icon-suitcase:before {
    content: "\f0f2";
}
.ui-icon-bell-o:before {
    content: "\f0a2";
}
.ui-icon-coffee:before {
    content: "\f0f4";
}
.ui-icon-cutlery:before {
    content: "\f0f5";
}
.ui-icon-file-text-o:before {
    content: "\f0f6";
}
.ui-icon-building-o:before {
    content: "\f0f7";
}
.ui-icon-hospital-o:before {
    content: "\f0f8";
}
.ui-icon-ambulance:before {
    content: "\f0f9";
}
.ui-icon-medkit:before {
    content: "\f0fa";
}
.ui-icon-fighter-jet:before {
    content: "\f0fb";
}
.ui-icon-beer:before {
    content: "\f0fc";
}
.ui-icon-h-square:before {
    content: "\f0fd";
}
.ui-icon-plus-square:before {
    content: "\f0fe";
}
.ui-icon-angle-double-left:before {
    content: "\f100";
}
.ui-icon-angle-double-right:before {
    content: "\f101";
}
.ui-icon-angle-double-up:before {
    content: "\f102";
}
.ui-icon-angle-double-down:before {
    content: "\f103";
}
.ui-icon-angle-left:before {
    content: "\f104";
}
.ui-icon-angle-right:before {
    content: "\f105";
}
.ui-icon-angle-up:before {
    content: "\f106";
}
.ui-icon-angle-down:before {
    content: "\f107";
}
.ui-icon-desktop:before {
    content: "\f108";
}
.ui-icon-laptop:before {
    content: "\f109";
}
.ui-icon-tablet:before {
    content: "\f10a";
}
.ui-icon-mobile-phone:before,
.ui-icon-mobile:before {
    content: "\f10b";
}
.ui-icon-circle-o:before {
    content: "\f10c";
}
.ui-icon-quote-left:before {
    content: "\f10d";
}
.ui-icon-quote-right:before {
    content: "\f10e";
}
.ui-icon-spinner:before {
    content: "\f110";
}
.ui-icon-circle:before {
    content: "\f111";
}
.ui-icon-mail-reply:before,
.ui-icon-reply:before {
    content: "\f112";
}
.ui-icon-github-alt:before {
    content: "\f113";
}
.ui-icon-folder-o:before {
    content: "\f114";
}
.ui-icon-folder-open-o:before {
    content: "\f115";
}
.ui-icon-smile-o:before {
    content: "\f118";
}
.ui-icon-frown-o:before {
    content: "\f119";
}
.ui-icon-meh-o:before {
    content: "\f11a";
}
.ui-icon-gamepad:before {
    content: "\f11b";
}
.ui-icon-keyboard-o:before {
    content: "\f11c";
}
.ui-icon-flag-o:before {
    content: "\f11d";
}
.ui-icon-flag-checkered:before {
    content: "\f11e";
}
.ui-icon-terminal:before {
    content: "\f120";
}
.ui-icon-code:before {
    content: "\f121";
}
.ui-icon-mail-reply-all:before,
.ui-icon-reply-all:before {
    content: "\f122";
}
.ui-icon-star-half-empty:before,
.ui-icon-star-half-full:before,
.ui-icon-star-half-o:before {
    content: "\f123";
}
.ui-icon-location-arrow:before {
    content: "\f124";
}
.ui-icon-crop:before {
    content: "\f125";
}
.ui-icon-code-fork:before {
    content: "\f126";
}
.ui-icon-unlink:before,
.ui-icon-chain-broken:before {
    content: "\f127";
}
.ui-icon-question:before {
    content: "\f128";
}
.ui-icon-info:before {
    content: "\f129";
}
.ui-icon-exclamation:before {
    content: "\f12a";
}
.ui-icon-superscript:before {
    content: "\f12b";
}
.ui-icon-subscript:before {
    content: "\f12c";
}
.ui-icon-eraser:before {
    content: "\f12d";
}
.ui-icon-puzzle-piece:before {
    content: "\f12e";
}
.ui-icon-microphone:before {
    content: "\f130";
}
.ui-icon-microphone-slash:before {
    content: "\f131";
}
.ui-icon-shield:before {
    content: "\f132";
}
.ui-icon-calendar-o:before {
    content: "\f133";
}
.ui-icon-fire-extinguisher:before {
    content: "\f134";
}
.ui-icon-rocket:before {
    content: "\f135";
}
.ui-icon-maxcdn:before {
    content: "\f136";
}
.ui-icon-circle-triangle-w:before,
.ui-icon-chevron-circle-left:before {
    content: "\f137";
}
.ui-icon-circle-triangle-e:before,
.ui-icon-chevron-circle-right:before {
    content: "\f138";
}
.ui-icon-chevron-circle-up:before {
    content: "\f139";
}
.ui-icon-chevron-circle-down:before {
    content: "\f13a";
}
.ui-icon-html5:before {
    content: "\f13b";
}
.ui-icon-css3:before {
    content: "\f13c";
}
.ui-icon-anchor:before {
    content: "\f13d";
}
.ui-icon-unlock-alt:before {
    content: "\f13e";
}
.ui-icon-bullseye:before {
    content: "\f140";
}
.ui-icon-ellipsis-h:before {
    content: "\f141";
}
.ui-icon-gear:before,
.ui-icon-menu:before,
.ui-icon-ellipsis-v:before {
    content: "\f142";
}
.ui-icon-rss-square:before {
    content: "\f143";
}
.ui-icon-play-circle:before {
    content: "\f144";
}
.ui-icon-ticket:before {
    content: "\f145";
}
.ui-icon-minus-square:before {
    content: "\f146";
}
.ui-icon-minus-square-o:before {
    content: "\f147";
}
.ui-icon-level-up:before {
    content: "\f148";
}
.ui-icon-level-down:before {
    content: "\f149";
}
.ui-icon-check-square:before {
    content: "\f14a";
}
.ui-icon-pencil-square:before {
    content: "\f14b";
}
.ui-icon-external-link-square:before {
    content: "\f14c";
}
.ui-icon-share-square:before {
    content: "\f14d";
}
.ui-icon-compass:before {
    content: "\f14e";
}
.ui-icon-toggle-down:before,
.ui-icon-caret-square-o-down:before {
    content: "\f150";
}
.ui-icon-toggle-up:before,
.ui-icon-caret-square-o-up:before {
    content: "\f151";
}
.ui-icon-toggle-right:before,
.ui-icon-caret-square-o-right:before {
    content: "\f152";
}
.ui-icon-euro:before,
.ui-icon-eur:before {
    content: "\f153";
}
.ui-icon-gbp:before {
    content: "\f154";
}
.ui-icon-dollar:before,
.ui-icon-usd:before {
    content: "\f155";
}
.ui-icon-rupee:before,
.ui-icon-inr:before {
    content: "\f156";
}
.ui-icon-cny:before,
.ui-icon-rmb:before,
.ui-icon-yen:before,
.ui-icon-jpy:before {
    content: "\f157";
}
.ui-icon-ruble:before,
.ui-icon-rouble:before,
.ui-icon-rub:before {
    content: "\f158";
}
.ui-icon-won:before,
.ui-icon-krw:before {
    content: "\f159";
}
.ui-icon-bitcoin:before,
.ui-icon-btc:before {
    content: "\f15a";
}
.ui-icon-file:before {
    content: "\f15b";
}
.ui-icon-file-text:before {
    content: "\f15c";
}
.ui-icon-sort-alpha-asc:before {
    content: "\f15d";
}
.ui-icon-sort-alpha-desc:before {
    content: "\f15e";
}
.ui-icon-sort-amount-asc:before {
    content: "\f160";
}
.ui-icon-sort-amount-desc:before {
    content: "\f161";
}
.ui-icon-sort-numeric-asc:before {
    content: "\f162";
}
.ui-icon-sort-numeric-desc:before {
    content: "\f163";
}
.ui-icon-thumbs-up:before {
    content: "\f164";
}
.ui-icon-thumbs-down:before {
    content: "\f165";
}
.ui-icon-youtube-square:before {
    content: "\f166";
}
.ui-icon-youtube:before {
    content: "\f167";
}
.ui-icon-xing:before {
    content: "\f168";
}
.ui-icon-xing-square:before {
    content: "\f169";
}
.ui-icon-youtube-play:before {
    content: "\f16a";
}
.ui-icon-dropbox:before {
    content: "\f16b";
}
.ui-icon-stack-overflow:before {
    content: "\f16c";
}
.ui-icon-instagram:before {
    content: "\f16d";
}
.ui-icon-flickr:before {
    content: "\f16e";
}
.ui-icon-adn:before {
    content: "\f170";
}
.ui-icon-bitbucket:before {
    content: "\f171";
}
.ui-icon-bitbucket-square:before {
    content: "\f172";
}
.ui-icon-tumblr:before {
    content: "\f173";
}
.ui-icon-tumblr-square:before {
    content: "\f174";
}
.ui-icon-long-arrow-down:before {
    content: "\f175";
}
.ui-icon-long-arrow-up:before {
    content: "\f176";
}
.ui-icon-long-arrow-left:before {
    content: "\f177";
}
.ui-icon-long-arrow-right:before {
    content: "\f178";
}
.ui-icon-apple:before {
    content: "\f179";
}
.ui-icon-windows:before {
    content: "\f17a";
}
.ui-icon-android:before {
    content: "\f17b";
}
.ui-icon-linux:before {
    content: "\f17c";
}
.ui-icon-dribbble:before {
    content: "\f17d";
}
.ui-icon-skype:before {
    content: "\f17e";
}
.ui-icon-foursquare:before {
    content: "\f180";
}
.ui-icon-trello:before {
    content: "\f181";
}
.ui-icon-female:before {
    content: "\f182";
}
.ui-icon-male:before {
    content: "\f183";
}
.ui-icon-gittip:before {
    content: "\f184";
}
.ui-icon-sun-o:before {
    content: "\f185";
}
.ui-icon-moon-o:before {
    content: "\f186";
}
.ui-icon-archive:before {
    content: "\f187";
}
.ui-icon-bug:before {
    content: "\f188";
}
.ui-icon-vk:before {
    content: "\f189";
}
.ui-icon-weibo:before {
    content: "\f18a";
}
.ui-icon-renren:before {
    content: "\f18b";
}
.ui-icon-pagelines:before {
    content: "\f18c";
}
.ui-icon-stack-exchange:before {
    content: "\f18d";
}
.ui-icon-arrow-circle-o-right:before {
    content: "\f18e";
}
.ui-icon-arrow-circle-o-left:before {
    content: "\f190";
}
.ui-icon-toggle-left:before,
.ui-icon-caret-square-o-left:before {
    content: "\f191";
}
.ui-icon-dot-circle-o:before {
    content: "\f192";
}
.ui-icon-wheelchair:before {
    content: "\f193";
}
.ui-icon-vimeo-square:before {
    content: "\f194";
}
.ui-icon-turkish-lira:before,
.ui-icon-try:before {
    content: "\f195";
}
.ui-icon-plus-square-o:before {
    content: "\f196";
}
.ui-icon-space-shuttle:before {
    content: "\f197";
}
.ui-icon-slack:before {
    content: "\f198";
}
.ui-icon-envelope-square:before {
    content: "\f199";
}
.ui-icon-wordpress:before {
    content: "\f19a";
}
.ui-icon-openid:before {
    content: "\f19b";
}
.ui-icon-institution:before,
.ui-icon-bank:before,
.ui-icon-university:before {
    content: "\f19c";
}
.ui-icon-mortar-board:before,
.ui-icon-graduation-cap:before {
    content: "\f19d";
}
.ui-icon-yahoo:before {
    content: "\f19e";
}
.ui-icon-google:before {
    content: "\f1a0";
}
.ui-icon-reddit:before {
    content: "\f1a1";
}
.ui-icon-reddit-square:before {
    content: "\f1a2";
}
.ui-icon-stumbleupon-circle:before {
    content: "\f1a3";
}
.ui-icon-stumbleupon:before {
    content: "\f1a4";
}
.ui-icon-delicious:before {
    content: "\f1a5";
}
.ui-icon-digg:before {
    content: "\f1a6";
}
.ui-icon-pied-piper-square:before,
.ui-icon-pied-piper:before {
    content: "\f1a7";
}
.ui-icon-pied-piper-alt:before {
    content: "\f1a8";
}
.ui-icon-drupal:before {
    content: "\f1a9";
}
.ui-icon-joomla:before {
    content: "\f1aa";
}
.ui-icon-language:before {
    content: "\f1ab";
}
.ui-icon-fax:before {
    content: "\f1ac";
}
.ui-icon-building:before {
    content: "\f1ad";
}
.ui-icon-child:before {
    content: "\f1ae";
}
.ui-icon-paw:before {
    content: "\f1b0";
}
.ui-icon-spoon:before {
    content: "\f1b1";
}
.ui-icon-cube:before {
    content: "\f1b2";
}
.ui-icon-cubes:before {
    content: "\f1b3";
}
.ui-icon-behance:before {
    content: "\f1b4";
}
.ui-icon-behance-square:before {
    content: "\f1b5";
}
.ui-icon-steam:before {
    content: "\f1b6";
}
.ui-icon-steam-square:before {
    content: "\f1b7";
}
.ui-icon-recycle:before {
    content: "\f1b8";
}
.ui-icon-automobile:before,
.ui-icon-car:before {
    content: "\f1b9";
}
.ui-icon-cab:before,
.ui-icon-taxi:before {
    content: "\f1ba";
}
.ui-icon-tree:before {
    content: "\f1bb";
}
.ui-icon-spotify:before {
    content: "\f1bc";
}
.ui-icon-deviantart:before {
    content: "\f1bd";
}
.ui-icon-soundcloud:before {
    content: "\f1be";
}
.ui-icon-database:before {
    content: "\f1c0";
}
.ui-icon-file-pdf-o:before {
    content: "\f1c1";
}
.ui-icon-file-word-o:before {
    content: "\f1c2";
}
.ui-icon-file-excel-o:before {
    content: "\f1c3";
}
.ui-icon-file-powerpoint-o:before {
    content: "\f1c4";
}
.ui-icon-file-photo-o:before,
.ui-icon-file-picture-o:before,
.ui-icon-file-image-o:before {
    content: "\f1c5";
}
.ui-icon-file-zip-o:before,
.ui-icon-file-archive-o:before {
    content: "\f1c6";
}
.ui-icon-file-sound-o:before,
.ui-icon-file-audio-o:before {
    content: "\f1c7";
}
.ui-icon-file-movie-o:before,
.ui-icon-file-video-o:before {
    content: "\f1c8";
}
.ui-icon-file-code-o:before {
    content: "\f1c9";
}
.ui-icon-vine:before {
    content: "\f1ca";
}
.ui-icon-codepen:before {
    content: "\f1cb";
}
.ui-icon-jsfiddle:before {
    content: "\f1cc";
}
.ui-icon-life-bouy:before,
.ui-icon-life-saver:before,
.ui-icon-support:before,
.ui-icon-life-ring:before {
    content: "\f1cd";
}
.ui-icon-circle-o-notch:before {
    content: "\f1ce";
}
.ui-icon-ra:before,
.ui-icon-rebel:before {
    content: "\f1d0";
}
.ui-icon-ge:before,
.ui-icon-empire:before {
    content: "\f1d1";
}
.ui-icon-git-square:before {
    content: "\f1d2";
}
.ui-icon-git:before {
    content: "\f1d3";
}
.ui-icon-hacker-news:before {
    content: "\f1d4";
}
.ui-icon-tencent-weibo:before {
    content: "\f1d5";
}
.ui-icon-qq:before {
    content: "\f1d6";
}
.ui-icon-wechat:before,
.ui-icon-weixin:before {
    content: "\f1d7";
}
.ui-icon-send:before,
.ui-icon-paper-plane:before {
    content: "\f1d8";
}
.ui-icon-send-o:before,
.ui-icon-paper-plane-o:before {
    content: "\f1d9";
}
.ui-icon-history:before {
    content: "\f1da";
}
.ui-icon-circle-thin:before {
    content: "\f1db";
}
.ui-icon-header:before {
    content: "\f1dc";
}
.ui-icon-paragraph:before {
    content: "\f1dd";
}
.ui-icon-sliders:before {
    content: "\f1de";
}
.ui-icon-share-alt:before {
    content: "\f1e0";
}
.ui-icon-share-alt-square:before {
    content: "\f1e1";
}
.ui-icon-bomb:before {
    content: "\f1e2";
}
.ui-icon-newpaper:before {
    content: "\f1ea";
}
.ui-icon-calculator:before {
    content: "\f0f7";
}

.ui-icon-minusthick:before {
    content: "\f077";
}
.ui-icon-plusthick:before {
    content: "\f078";
}



.ui-icon-cart:before {
    content: "\f07a";
}

.ui-icon-person:before {
    content: "\f007";
}

.ui-icon-closethick:before {
    content: "\f00d";
}

.ui-icon-triangle-1-s:before {
    content: "\f077";
}

.ui-icon-triangle-1-e:before {
    content: "\f078";
}

button .ui-icon-triangle-1-s:before,
.ui-selectonemenu-trigger .ui-icon-triangle-1-s:before {
    content: "\f0d7";   
}

.ui-icon-carat-1-e:before {
    content: "\f105";
}
.ui-icon-caret-right {
    content: "\f0da";
}


.ui-icon-document:before {
    content: "\f016";
}

.ui-selectonemenu-panel .ui-selectonemenu-table td {
    border:0px none;

}

.panelbtn span {
    color: white!important;
    margin: 12px 12px 12px 0;
    border-radius: 2px;
    font-size: 12px;
    padding-top: 7px!important;
}

.panelbtn_del {
    background: transparent;
    border: solid 0px;
    cursor: pointer;
}

.entitypanel .searchResultPanelIcon span.fa.fa-3x {
    color: black;
}

.ui-organigram .ui-organigram-node.addstyle {
    width: 32px!important;
    text-shadow: none;
    height: 32px;
    border-radius: 50%;
    line-height: 29px;
}
.droppable.leaf.selectable.collapsible.addstyle.addnode.ui-organigram-node.level-2.ui-droppable .ui-organigram-node-content {
    font-size: 18px;
}
.ui-organigram .ui-organigram-node {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.delitembtn span {
    font-size: 12px;
    font-weight: bold!important;
}
.wizard_tab td.searchResultPanel_spalte2 {
    display: none;
}
.text-center {
    text-align:center;
}
.kneorganigram table {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
}
.kne-action button.ui-button-text-icon-left span.ui-button-icon-left {
    margin-top: -12px!important;
} 
/* Tristate Checkbox Align with line */
.tristatebox .ui-chkbox-box{
    margin-top:9px;
}
.tristatebox.ui-chkbox .parsley-errors-list{
    margin-left:24px !important;
}
/* Kalkulatorrate im Dashboard kleiner, sonst nicht sichtbar */
#detailDashboard .kalkulatorrate {
    font-size: 20px !important;
}
/* Keine Buttonpanels im Dashboard funktioniert noch nicht */
#detailDashboard.dbtypeDASHBOARD.dashboardROtrue .buttonpanel, #detailDashboard.dbtypeDASHBOARD .nodetaildashboard {
    display: none;
}
/* fixes paginator of table in p:dialog */
.overridepaginator .ui-paginator{
	padding:2px !important;
	margin-right: 2%;
	margin-left: 5px;
}

.buttonpanel.bruttonetto button{
	margin: 0px;
	height: 35px !important;
}
.bruttonetto .isnettofalse .ui-button-text,.bruttonetto .isbruttotrue .ui-button-text {
	background: white !important;
	color: black !important;
}

.dbtypeWIZARD .ui-dashboard-column .subview_detail {
    padding-top: 20px;

}
.bruttonetto span.ui-button-text.ui-c {
    box-shadow: 0px 0px 0px 0px white;
    line-height: 28px;
    padding-top: 2px;
    border: solid 0px;
}

.bruttonetto .isbruttotrue .ui-button-text,
.bruttonetto .isbruttofalse .ui-button-text {
	border-radius: 2px 0px 0px 2px;
}
.bruttonetto .isnettofalse .ui-button-text,
.bruttonetto .isnettotrue .ui-button-text {
	border-radius: 0px 2px 2px 0px;
}

.bruttonetto .isnettofalse .ui-button-text, .bruttonetto .isbruttotrue .ui-button-text {
    background: #f0f0f0 !important;
    color: black !important;
}
.bruttonetto .isnettofalse.ui-state-focus .ui-button-text, .bruttonetto .isbruttotrue.ui-state-focus .ui-button-text {
    background: #f0f0f0 !important;
    color: black !important;
}

.fuhrpark img {
	box-shadow:0px 0px 1px var(--primary);
}
.fuhrpark.fuhrparkselectedtrue img:hover{
	box-shadow: 0px 0px 25px var(--primary);
}

.fuhrpark {
text-align: center;
}
.fuhrpark img {
border-radius: 5px;
margin: 10px;
filter: saturate(0.1);
cursor: pointer;
}
.fuhrparkselectedtrue img {
box-shadow: 0px 7px 20px -10px #020202;
filter: saturate(1.2);
}

.fuhrpark img:hover {
	box-shadow: 0px 7px 20px -10px #020202;
	filter: saturate(1.2);
}
.fuhrpark.fuhrparkselectedtrue {
	font-weight: bold;
}

.btndisabledtrue {
  pointer-events: none;
  opacity: 0.8;
}

.xprochildren{
	display:inline !important;
	margin:0px !important;
}
.xprochildren .detail_input_grid {
    display: inline;
}
/* dialog-width has a white border */
div[id$="dlg"] .ui-dialog-content {
    width: 100.01%;
}
.popupdialog div#detailDashboard > div {

    margin: 0px;
    padding: 0px;

}
div.popupdialog .bottomdialogrow {
    margin: 0px !important;
}
#wfv_dialog_wfv_dialog_content {
    overflow-y: auto;
    max-height: 800px;
}
/* flagoutlook=1 menüdesign */
.topmenubar ul {
    min-width: 200px; 
}
.topmenubar a span.ui-icon {
    line-height: 16px !important;
}
#breadcrumbscontainer span {
    text-align: left !important;
}
.topmenubar .ui-menuitem-text {
    font-weight: 500;
}
.breadcrumbrow2 .ui-button-text {
    font-weight: 400 !important;
}
.breadcrumbrow2 div {
   height: 20px !important;
}
.breadcrumbrow2 .fa {
    width: 29px !important;
}
.breadcrumbrow2 .ui-icon {
    padding-left: 6px !important;
}
.validStateStyle {
	font-size: 17px !important; 
	margin-left: -1px !important; 
	margin-top: -14px !important;
}
.validDateStateStyle {
	font-size: 17px !important; 
	margin-left: 15px !important; 
	margin-top: -14px !important;
}
.validIDentificationStateStyle {
	font-size: 20px !important; 
	margin-left: 17px !important; 
	margin-top: -17px !important;
}
.validStateShadow {
	text-shadow: 0px 0px 1px #00000077;
}
.validStateColorRed {
	color: red !important;
}
.validStateColorGreen {
	color: green !important;
}
.validStateColorUndetermined {
	color: lightgray !important;
}
/* UFE changes */
.phase0
{ 
    background: green !important;
	border: solid 1px rgba(0,0,0,0.0) !important;
}
.phase1
{ 
    background: orange !important;
	border: solid 1px rgba(0,0,0,0.0) !important;
}
.phase2
{ 
    background: red !important;
	border: solid 1px rgba(0,0,0,0.0) !important;
}
.phase3
{ 
    background: red !important;
	border: solid 1px rgba(0,0,0,0.0) !important;
}

.tabfiltersave input[type="file"], .tabfiltersave .ui-button-icon-left{
	display:none;
}

/* UFE Hintergrundbilder */
body.alphabetbrand {
	background-image: url("../images/background_alphabet4.jpg");
}
body.alpherabrand {
	background-image: url("../images/background_alphera3.png");
}
body.bmwbrand {
	background-image: url("../images/background_bmw3.png");
}
body.minibrand {
	background-image: url("../images/background_bmw_mini2_2560x255.jpg");
}

/* UFE Logos oben links */
#logo1.bmw {
	background-image: url("../images/logo_bmw2.jpg");
}
#logo1.alphera {
	background-image: url("../images/logo_alphera.png");
}
#logo1.alphabet {
	background-image: url("../images/logo_alphabet3.png");
}
#logo1.bmwalphabet {
	background-image: url("../images/logo_bmw_alphabet.png");
}
#logo1.alpheraalphabet {
	background-image: url("../images/logo_alphera_alphabet.png");
}
/* UFE Logo unten links */
#copy.alphabet {
	background-image: url("../images/logo_alphabet.png");
	background-size: 65%;
    position: absolute;
    padding-top: 30px;
    width: 95%;
}
#copy.alphera {
	background-image: url("../images/logo_alphera.png");
	background-size: 65%;
    position: absolute;
    padding-top: 30px;
    width: 95%;
}
/* inputcolumns innerhalb inputcolumns */
span.inputchildren .detail_input_grid {
    display: inline-block;
    margin-left: 39px;
}
#popupDashboard span.pnl_detail {
    padding: 20px 11px 0px;
}

@page {
  size: A4;
  margin: 0;
}
page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 12px;
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
page[size="A4"] {  
  width: 210mm;
  height: 297mm; 
}


@media print {

   
.col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left !important;
}
 
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
   
	html, body {
    width: 210mm;
     
    box-shadow: 0;
    background: white ; 
     
    margin: 1cm auto !important;  
  }
  .titelbar {
    display: none !important;
  }
  .inhalt {
	  margin-top: 0px !important;
  }
  .ui-panel-title form{
	  display: none !important;
  }
  span.ui-icon{
	  display: none !important;
  }
  
   .ui-panel .hiddenPanel {
    display: none !important;
   }
   .panel-content .detail_input_grid.detail_input_grid {
    height: 25px !important;
   }
   div#detailDashboard > div {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  div.subview {
	  page-break-after: always;
	  border-top:50px;
  }
  .ui-panel-title {
    font-size: 2rem;
	line-height: 40px!important; 
   }
    
   .row {
		padding-left: 10px;
		page-break-inside:avoid;
		page-break-after:auto
	}
	fieldset {
		 page-break-inside:auto;
	}
	/* keine table filter */
	span.filterarea {
		display: none !important;
	}
	/* keine table footer */
	div.ui-paginator {
		display: none !important;
	}
	span .filterinputtarget {
	   	display: none !important;
	}
	 div.wizardtab {
		display: none !important;
	}
	div.footer_action{
		display: none !important;
	}
}

.ui-growl-item-container
{
	margin:0px;
}

.detail_input_grid.xproradio {
    line-height: initial !important;
    height: initial !important;
}
.detail_input_grid.xproradio table {
	display:inline;
}
/* pf radio text mit radio-icon aligned und radio fonts */
.ui-selectoneradio label {
    margin-top: 2px !important;
    font-size: 0.75rem;
    font-family: Roboto !important;
    font-weight: 100 !important;
}
/* pf radio alignment parsley error */
div.ui-radiobutton .parsley-errors-list {
    margin-left: 25%;
    margin-top: -7px;
}
/* parsley error for textarea */
textarea + div.parsley-errors-list {
    margin-left: 5px;
    margin-top: 4px;
}
.ui-dialog .ui-dialog-content {
	overflow-x:hidden
}
.ui-chips-input-token {
    display: none;
}
.ui-chips-container {
    display: flex;
    flex-wrap: wrap;
}
.panel-content .detail_input_grid.detail_input_grid.xprochips {
    height: initial;
}

.xprochips .ui-chips {
    width: 60%;
	display: inline-flex;
	top: 5px;
}

.xprochips .ui-chips-container {
    width: 100%;
	display: inherit;
}
#searchresulttable .searchResultContent, #searchresulttable .searchResultTitle {
    max-width: 280px;
    width: 100%;
}
.zeroSize {
    visibility: hidden;
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 0px;
    height: 0px;
}

/* hide duplicated header line in datatable */
.ui-datatable-scrollable-theadclone {
    visibility: collapse;
}



#toolbarform::features{
    margin: 48px;
    margin-top: -56px;
}

.titleform {
    display: inline-block;
    float:right;
    clear: both;
}

.titleform * {
    background: transparent;
}

.ui-panel .ui-panel-titlebar-icon {
    height: 48px;
    width: 48px;
    line-height: 48px;
    vertical-align: middle;
    font-size: 20px;
    margin:10px;
    
}

.ui-panel .ui-panel-titlebar-icon .ui-icon {
    font-size: 24px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    background-image:none!important;
}

.subview .ui-panel-titlebar .ui-panel-title .searchResultTitle
{
    font-size: 14px; 
    color:rgba(0, 0, 0, 0.7);
    font-weight: 500; 
    line-height: 16px; 
    display: inline-block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    max-width:300px;
    width:300px;
}

.subview .ui-panel-titlebar .ui-panel-title .searchResultRow
{
    max-width: 300px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 300px;
    line-height:16px;
    font-size: 12px; 
    color:rgba(0, 0, 0, 0.7);
    font-weight: 100; 

}

.ui-dashboard-column:first-of-type .subview:first-of-type  .ui-panel-titlebar .ui-panel-title .searchResultTitle,
.firstsubview .ui-panel-titlebar .ui-panel-title .searchResultTitle
{
    font-size: 14px; 
    color: white;
    font-weight: 500; 
    line-height: 16px; 
    display: inline-block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    max-width:300px;
    width:300px;
}

.ui-dashboard-column:first-of-type .subview:first-of-type  .ui-panel-titlebar .ui-panel-title .searchResultRow,
.firstsubview .ui-panel-titlebar .ui-panel-title .searchResultRow
{
    max-width: 300px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 300px;
    line-height:16px;
    font-size: 12px; 
    color: white;
    font-weight: 100; 

}


.subview .ui-panel-titlebar .ui-panel-title .entityicon
{
    opacity: 1;
}

.ui-dashboard-column:first-of-type .subview:first-of-type .ui-panel-titlebar .ui-panel-title .entityicon,
.firstsubview .ui-panel-titlebar .ui-panel-title .entityicon
{
    opacity: 1;
}

.ui-dashboard-column:first-of-type .subview:first-of-type .ui-panel-titlebar-icon .ui-icon,
.firstsubview .ui-panel-titlebar-icon .ui-icon
{
    color:white;
    opacity: 1;
}


.ui-dialog-content .ui-button-text{
    text-transform: uppercase;
    font-weight: 500;
    color: #03a9f4;
    border-bottom: 2px solid transparent;
}

.ui-dialog-content .ui-button-text:hover{
    border-bottom: 2px solid null;
}

.ui-dialog .ui-dialog-title {
    font-size: 16px;
    font-weight: 500;
}

.rendevouzred {
    opacity:0.7;
    margin-top: 20px;
}
.rendevouzyellow {
    opacity:0.7;
    margin-top: 20px;
}
.rendevouzgreen {
    opacity:0.7;
    margin-top: 20px;
}
.rendevouzgray {
    opacity:0.7;
    margin-top: 20px;
}

.rendevouzred legend{
    border-top: 4px solid #F44336!important;
}
.rendevouzyellow legend{
    border-top: 4px solid orange!important;
}
.rendevouzgreen legend {
    border-top: 4px solid green!important;
}
.rendevouzgray legend{
    border-top: 4px solid gray!important;
}

/*menu-separator*/
.ui-separator {
    border-top: 1px solid #b1b1b1 !important;
    margin-left: 20px !important;
    opacity: 0.5;
    width: 160px !important;
}
ui-icon ui-icon-seek-prev
{

}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text{
    display:none!important;
}

.ui-slider {
	background: lightgray !important;
}

.ui-slider-handle {
    background: #03a9f4;
}

.ui-menubutton .ui-button {
    margin:0px 20px 0px -10px;
    padding-left:10px;
}

.ui-sortable-column-sort-desc {
    border-bottom: 3px solid #03a9f4!important;
}

.ui-sortable-column-sort-asc {
    border-top: 2px solid #03a9f4!important;
}

/*.ink styles - the elements which will create the ripple effect. The size and position of these elements will be set by the JS code. Initially these elements will be scaled down to 0% and later animated to large fading circles on user click.*/
.ink {
    display: block; position: absolute;
    background: #03a9f4;
    border-radius: 100%;
    transform: scale(0);
}
/*animation effect*/
.ink.animate {
    animation: ripple 0.65s linear;
    -webkit-animation: ripple 0.65s linear;
}
@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {opacity: 0; transform: scale(2.5);}
}

@-webkit-keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {opacity: 0; transform: scale(2.5);}
}

button {
    position:relative;
    overflow: hidden;
}


.ui-paginator {
    margin: 0px;
    text-align: center;
    padding: 7px!important;
    font-size: 12px;
    color: rgba(0,0,0,0.5);
    background: rgba(0,0,0,0.05);
    height: 25px;
}

.ui-paginator select{

    font-size: 10px!important;
    background: transparent; 
}

#naviform\:navipanel {box-shadow: none;}

fieldset.ui-fieldset {
    padding: 0px !important; 
    margin:0px !important;
}

.ui-fieldset-legend.ui-fieldset-legend {padding: 0px!important;}

.ui-fieldset-legend {
    color: null!important;
    font-weight: 500;
    white-space: nowrap;
    font-size: 18px;
    line-height: 28px;
    margin-left: 7px;
}
.bmwdetailcolumn fieldset.ui-fieldset:first-of-type {
    margin-top: 15px;
}

.search_input {
    width: 300px;
    height: 48px;
    float: right;
}
.search_input input {
    width: 300px!important;
    right: 0px;
    text-align: left;
    color: white!important;
    line-height: 18px;
    font-size: 18px!important; 
    margin-top: 7px;
}
.ui-datatable thead th {
    padding: 5px 5px 5px 5px;
}

.ui-datatable thead th span {
    border-top: solid 2px white;
    border-bottom: solid 2px white;
    width: 100%;
    display: block;
    padding: 10px 0px;
}

.search-input input:-ms-input-placeholder { color: rgba(0, 0, 0, 0.2); } /* ie */
.search-input input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.2); }
.search-input input::-moz-placeholder { color: rgba(0, 0, 0, 0.2); }

.tabfiltesave div {
    display: inline-block;
}
.tabfiltesave button {
    display: inline-block;
}

.filtercheck { 
    width:30px;
}
.filtername {
    padding-right:18px;
    text-align: left;
    font-weight: normal;
}

.filterrow td {
    padding:2px;
}

.filterinput {
    text-align: left;
    background: none repeat scroll 0 0 transparent!important;
    border-bottom: 1px solid white!important;
    color: black!important;
    width:25%;
}
.filterinput.ui-state-hover {
    text-align: left;
    background: none repeat scroll 0 0 transparent!important;
    border-bottom: 1px solid white!important;
    color: black!important;
    margin-right: 20px!important;
    width:260px;
}


.inputdimmed {
    border-bottom-color: #F0F0F0!important;
}
.inputnotdimmed {
    border-bottom-color: #b0b0b0!important;
}


/* Filtervorlagen Buttons in einer Reihe */
.tabfiltersave div {
    display: inline-block;
}
.tabfiltersave button {
    display: inline-block;
}

/* Input Felder im Filter an Buttongroesse anpassen */
div.tabfiltersave input, div.tabfiltersave span.inputField {line-height: 15px;}
div.tabfiltersave .ui-button-text-icon-left .ui-button-text {padding: 3px 15px 4px 25px;}
div.tabfiltersave .ui-button .ui-button-text {line-height: 15px;}
div.tabfiltersave span.ui-button-icon-only {padding: 3px 5px 3px 5px;}
div.tabfiltersave button span.ui-button-text {padding: 3px 5px 4px 5px;}

/* firefox only */
div.tabfiltersave span.ui-button-icon-only, x:-moz-any-link  {padding: 3px 5px 3px 5px;}
div.tabfiltersave button span.ui-button-text, x:-moz-any-link  {padding: 3.5px 5px 3px 5px;}

/* ie6,7,8 only */
div.tabfiltersave button span.ui-button-text {padding-top: 4px\9;}
div.tabfiltersave button span.ui-button-text {padding-bottom: 3px\9;}

/* */
.filterinput input.ui-inputtext {width: 200px;}
.filterinput .ui-inputfield.hasDatepicker {width: 60% !important;}
.filterpanel .hasDatepicker {width: 200px!important; height: 15px!important;} 

/* */
.filterac ul {border: solid 1px rgb(153, 153, 153);}
.filterac ul li.ui-autocomplete-input-token input {border: solid 1px white;}

/* Filter Eingabefeld volle Breite */
.filterinputtext {margin-left: 10px;height: 14px;}


/* Burgis fixes & workarounds*/
.ui-panelgrid td {
    overflow: hidden;
}
.ui-button-icon-only .ui-icon {
}
td.detail_output input, td.detail_input input {
    width: 230px;
    padding-right: 11px;
}
.ui-selectonemenu .ui-selectonemenu-label {
    /*GRIDCHANGE*/
}

.ui-selectonemenu-label.ui-inputfield.ui-corner-all.inputdimmed {
    width: 100% !important;
}
.ui-selectonemenu .ui-selectonemenu-trigger{
    /*GRIDCHANGE*/
    padding: 0px;
}
.filterpanel {
    margin:0px;
}

.tabfiltersave input.filterinputtext {
    border-bottom: solid 1px #D1D1D1!important;
    width:50%;
    color:#03a9f4!important;
}
.tabfiltersave input.filterinputtext:focus {
    border-bottom: solid 1px #03a9f4!important;
    color: #03a9f4!important;
}
input.ui-inputfield:focus {
    border-bottom: solid 1px #03a9f4!important;
}

input.ui-inputfield[readonly=readonly]:focus {
    border-bottom: solid 1px #f0f0f0!important;
}
input.ui-inputfield[readonly=readonly] {
	color: #888888;
}

.ui-panel-content label.ui-selectonemenu-label:focus {
    border-bottom-color: #03a9f4!important;
}
input.ui-state-error {
    border-bottom: solid 1px #F44336!important;
}
.ui-state-error label {
    border-bottom: solid 1px #F44336!important;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
    margin-bottom: 20px;
}

.ui-panelgrid button.ui-button-icon-only {
    height:20px;
    width:20px;
}

.ui-datepicker-header span.ui-icon-circle-triangle-w, .ui-datepicker-header span.ui-icon-circle-triangle-e {
    letter-spacing: 2em;
	text-indent: 0;
    color: black !important;
    display: block;
    overflow: hidden;
}

.ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-buttonpane button.ui-datepicker-close {
    width: 100%;
    margin: 2px 0px;
}

.fixheader-panel {
    left: 220px;
}

.fixheader-panel {
    position: fixed;
    z-index: 1;
    top: 68px;
    left: 242px;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.3);
    border-radius:0px;
}
span.ui-icon-refresh {
    margin-left: 15px;
}
.detail_input .ui-inputtextarea {
    height: 148px;
}
.monthCalendarClass {
    margin-top: 22px;
}

/*wizard panel titel ausblenden
.dbtypeWIZARD .ui-panel-titlebar {
    display: none;
}
.dbtypeWIZARD .subview {
    border-radius: 0;
    border-top: 2px solid #d0d0d0;
}*/

/* tabbed panel entitypanel einpassen */
.ui-panel-title .entitypanel {
    margin-top: 0px;
}

.tabfilter {
}

.detail_input textarea {
    border: 1px solid#D0D0D0!important; 
}
.detail_input textarea:focus {
    border-bottom: 1px solid#03a9f4!important;
}

.ui-message-error-icon {
    background-position:-1px -95px!important; 
    background:url("../images/messages.png") no-repeat;
}

.ui-messages-error-icon {
    background-position:-1px -95px!important; 
    background:url("../images/messages.png") no-repeat;
    margin-top:0px;
    
}

.ui-selectonemenu {
	width: auto !important;
    padding-right: 0 !important;
}
.ui-selectonemenu label {
    width: auto !important;
}


.ui-widget-content .ui-icon {
    color: #333;
} 

/*Titel Header Kalender*/
.fc-border-separate th.fc-day-header {
    height: 60px;
}

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current{
    white-space: nowrap;
}

#growlmessages_container {
    top:auto;
    top:initial;
}

.ui-icon {
    text-indent:0px;
}

.ui-button-icon-only .ui-icon {
    top: auto;
    left: auto;
    position: relative;
}

.smallForm td.detail_output input, .smallForm td.detail_input input
{
    width:100px;
}

.option-menu-dropdown {
    background: none repeat scroll 0 0 white;
    display: block;
    position: absolute;
    right: 15px;
    top: 226px;
    width: 400px;
    display:none;
}
.titleformbuttons{
    float:left;
}
div[id="titleform:titleoptionmenu"]{
    float:right;
    line-height: 48px;
    position: relative; 
    top: 20px;
}
.option-menu-dropdown .ui-datalist-item {
    float: right;
}
.ui-icon-close:before {
    content: "\f056";
}

.accordeontree h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    border-bottom: solid 2px #03a9f4;
    padding-bottom: 5px;
}

.accordeontree   .ui-accordion .ui-accordion-header  {
    display: block;
    font-size: 1em;
    font-weight: 500;
}

.accordeontree h3 {
    color: rgb(158, 158, 158) !important;    
}
.accordeontree h3.ui-state-active {
    color: #03a9f4 !important;
}
.accordeontree .ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -8px;
    opacity: .5;
    left: initial;
}

.accordeontree .ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    overflow: auto;
    zoom: 1;
    margin-bottom: 30px;
    margin-left: 50px;
    margin-right: 0px;
}


.accordeontree .ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 6px;
    zoom: 1;
    background: rgb(249, 249, 249);
}
.accordeontree h3.ui-state-active a {
    color: #03a9f4!important;
}

.accordeontree h3.ui-accordion-header  {
    font-family: Roboto,Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px !important;
}

.accordeontree h3.ui-state-active {
    margin-top: 20px!important;
}

/*.fa-check-circle grüner haken*/
h3.segmentSignal0:before {
    content: "\f058";
    font-family: FontAwesome;
     color:#8bc34a!important;
     padding:0 2.2em 0 0.5em;
}
/*exclamation-circle rufzeichen*/
h3.segmentSignal1:before {
    content: "\f06a";
    font-family: FontAwesome;
     color:#ffc107!important;
     padding:0 2.2em 0 0.5em;
}
/*times-circle rotes x*/
h3.segmentSignal2:before {
    content: "\f057";
    font-family: FontAwesome;
    color:#f44336!important;
    padding:0 2.2em 0 0.5em;
}
/*question-circle*/
h3.segmentSignal3:before {
    content: "\f059";
    font-family: FontAwesome;
    color:#333333!important;
    padding:0 2.2em 0 0.5em;
}
/*exclamation-circle*/
h3.segmentSignal4:before {
    content: "\f06a";
    font-family: FontAwesome;
     color:#333333!important;
     padding:0 2.2em 0 0.5em;
}

h3.segmentSignal0, h3.segmentSignal1, h3.segmentSignal2  {
    font-family: FontAwesome;
}

span.segmentSignal0:before {
    content: "\f058";
}

span.segmentSignal1:before {
    content: "\f06a";
}
span.segmentSignal2:before {
    content: "\f057";
}
span.segmentSignal3:before {
    content: "\f059";
}
span.segmentSignal4:before {
    content: "\f06a";
}
span.segmentSignal0  {
    color:#8bc34a!important;
}
span.segmentSignal1  {
    color:#ffc107!important;
}
span.segmentSignal2  {
    color:#f44336!important;
}
span.segmentSignal3  {
    color:#333333!important;
}
span.segmentSignal4  {
    color:#333333!important;
}

span.segmentSignal0, span.segmentSignal1, span.segmentSignal2, span.segmentSignal3, span.segmentSignal4   {
    font-family: FontAwesome;
}

.ui-icon-arrow-left:before {
    content: "\f104";
}
.ui-icon-arrow-right:before {
    content: "\f105";
}

span.empty input::-webkit-input-placeholder{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
span.empty input:-ms-input-placeholder{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
span.empty input:-moz-placeholder{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
span.empty input::-moz-placeholder {    
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}



.ui-fieldset .ui-fieldset-legend {
    border-bottom: 2px solid #D0D0D0;
}
.input-sum {
    border-bottom: solid 2px #D0D0D0 !important;
}

input.input-sum:focus {
    border-bottom: solid 2px #03a9f4 !important;
}

.nolinefieldset legend{
    background: none !important;
}
span.entityiconawesome:before{
    content: attr(data-content);
    font-family: FontAwesome;
    font-size:39px;
    line-height:48px;
    opacity:1;
}

.fa {
    color: #222222;
}

fieldset.nolinefieldset legend.ui-fieldset-legend {
    border-bottom: 0 none !important;
    position: relative;
}
fieldset.nolinefieldset span.ui-fieldset-toggler {
    left: 48%;
    position: absolute;
    top: -30px;
}
/*active button in dashboard buttonpanel*/
.buttonpanel .ui-state-focus span{
    background-color:#03a9f4 !important;
    box-shadow:0px 7px 8px 0px rgba(0, 0, 0, 0.3);
	/* merge doppelte Addressierung */
    box-shadow: 0 6px 16px -2px #03a9f4;
    filter: brightness(1.3);
}

.tablebutton .ui-state-focus {
	filter: brightness(1.3);
}
.tablebutton .ui-state-focus span{
    box-shadow: 0px 6px 16px -2px #03a9f4;
}

.ui-selectonemenu.ui-state-focus{
    border-bottom: 1px solid #03a9f4 !important;
}
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight {
    background-color: #03a9f4;
}




/* xpro bilder 48px */
tr[class~="ui-autocomplete-item"] .entityicon {
    height: 48px;
    width: 48px;
}

.filterarea{
    background:#F2f2f2;
    display:block;
}
.filterarea .ui-button{
    background:none;
}
.filterarea .filterinput{
    border-bottom: none !important;
}

.filterarea .ui-inputfield{
    background-color: #f2f2f2;
}
.filterarea .ui-inputfield:focus{
    background-color: #f2f2f2;
}
.filterarea .ui-inputfield:hover{
    background-color: #f2f2f2 !important;
}

.tabfiltersave .ui-inputfield{
    background-color: #dedede!important;
}
.tabfiltersave .ui-inputfield:focus{
    background-color: #dedede!important;
}
.tabfiltersave .ui-inputfield:hover{
    background-color: #dedede !important;
}

.phonelink {
    color:#03a9f4;
    margin-right:20px;
}
.rendevouz_tasks{
    font-size: 16px;      
    font-weight: bold;      
    border-bottom: 2px solid #03a9f4;
}

.kalkulatorrate.kalkulatorrate{
    color: #03a9f4 !important; 
    font-size: 44px !important;
    line-height: 60px !important;
}

.effect.effect{
    color: #03a9f4 !important; 
    font-size: 20px !important;
    line-height: 20px !important;
}

/* GRID SYSTEM */
.detail_label_grid {
    font-weight: 500;
    color: null;
    display: inline-block;
    margin-right: 12px;
    line-height: 36px;
    font-size: 12px;
    width: 150px;
    height: 36px;
    box-sizing: initial;
}
.detail_label2_grid {
    font-weight: 500;
    color: null;
    display: inline-block;
    margin-right: 12px;
    line-height: 36px;
    font-size: 12px;
    height: 36px;
    box-sizing: initial;
}

.detail_input_grid {
    font-size:14px;
    font-weight:400;
    white-space:nowrap;
     display: block;
}

.detail_input_grid_right {
    font-size:14px;
    font-weight:400;
    white-space:nowrap;
    display: block;
	text-align: right !important;
	padding-right: 10px;
}


.detail_output_grid input, .detail_input_grid input,.detail_output_grid textarea, .detail_input_grid textarea {
    background-color: #fff!important;
    background-image: none!important;
    width:70%;
    padding-left:0px;
    padding-right:0px;

}

.detail_label_grid label {
    display: block;
    white-space: normal;
    line-height: 14px; 
}

FLOAT.detail_label_grid {
    height: 12px;
    display: block;
    margin-top: 35px;
}
FLOAT.detail_input_grid .ui-chkbox-box{
    margin-top:15px !important
}
.gridform .ui-accordion-header  {
  color: #03a9f4 !important;
  font-size: 18px!important;
  font-weight: 500;
  margin-bottom: 10px;
  border-bottom: solid 2px #03a9f4 !important;
  outline: none;
  z-index: initial;
  
  padding-bottom: 5px!important;
}
 .fieldset_name.fieldset_name legend{
    cursor: pointer;
    position: relative;
    margin-top: 6px;
    zoom: 1;
    background: #E1E1E1;
    color: #333 !important;
    padding: .5em .5em .5em 2.2em;
    font-weight: 500;
    font-size: 14px;
    border:0px!important;
    padding: 2px 5px!important;
    
}
.ui-autocomplete{
    /*same width as non autocomplete selectbox*/
    display:inline; 
}
/* fieldset fold arrow colors */
.ui-fieldset-toggler.ui-icon.ui-icon-plusthick {
    color: #333;
}
.ui-fieldset-toggler.ui-icon.ui-icon-minusthick {
    color: #333;
}
/* fold arrow centered */
.ui-fieldset .ui-fieldset-toggler{
    margin-top:3px;
}
.ui-accordion .ui-accordion-content {
  padding: 0.5em 2.2em 2.5em;
  overflow: hidden;
}

.lreqtrue:after {
    content: "*";
}

.ui-accordion .ui-accordion-header .ui-icon {
  right: .5em!important;
  margin-top: -9px!important;
  left: inherit;
  color: #03a9f4;
}
.ui-accordion .ui-accordion-header  {
  padding: .5em .5em .5em 5px;
}

.fieldset_name .ui-fieldset-content {
    margin-bottom: 16px;
    
}
/*fieldset analog accordion */
fieldset.fieldset_lvl1 legend {
    border-bottom: 2px solid #03a9f4 !important;
    left: -7px;
    line-height: 36px;
    padding: 0 !important;
    width: 100% !important;
}
fieldset.fieldset_lvl1{
    margin-bottom: 0px !important;
}
fieldset.fieldset_lvl1 .ui-fieldset-legend {
    margin-bottom: 7px !important;
}
.gridform .ui-fieldset .ui-fieldset-content {
    padding: 10px 5px 10px 0px;
}
/* fieldset analog accordion arrow color */
fieldset.fieldset_lvl1 .ui-fieldset-toggler.ui-icon.ui-icon-minusthick {
    color: #03a9f4;
    margin-right: 6px;
    margin-top: 7px;
}

fieldset.fieldset_lvl1 .ui-fieldset-toggler.ui-icon.ui-icon-plusthick {
    color: #03a9f4;
    margin-right: 6px;
    margin-top: 7px;
}
/*fieldset in fieldset legend height */
fieldset.fieldset_lvl1 fieldset legend {
    line-height: 28px;
}
fieldset.fieldset_lvl1 fieldset .ui-fieldset-toggler.ui-icon.ui-icon-minusthick {
    color: #03a9f4;
    margin-right: 0px;
    margin-top: 3px;
}

fieldset.fieldset_lvl1 fieldset  .ui-fieldset-toggler.ui-icon.ui-icon-plusthick {
    color: #03a9f4;
    margin-right: 0px;
    margin-top: 3px;
}
.ui-accordion-header .ui-icon {
   color: #03a9f4;
}
.detail_input_grid button.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {
  margin-left: -21px;
}
.gridform .ui-selectonemenu-label.ui-inputfield.ui-corner-all{
    width:100% !important;
}

.ui-chkbox .ui-chkbox-box {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.gridform .dateinput .ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker
{
    width:35%;
}
/* SET min-width or year number will be covered by calendar icon on very small windows */
.gridform .ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
    width: 25%;
	min-width:100px !important;
}
/*GRIDCHANGE*/
.gridform .ui-selectonemenu.ui-selectonemenu.ui-selectonemenu {
    width:60% !important;
    top: 5px;
}

/* GRID SYSTEM */
.unitsuffix {
    font-weight: 100;
    display: inline-block;
    margin-right: 12px;
    margin-left: 16px;
    line-height: 36px;
    font-size: 12px;
    height: 36px;
    box-sizing: initial;
    position: absolute;
    margin-top: 0px;
}

table.ui-selectoneradio td {
	font-weight: 100;
	display: inline-block;
	margin-right: 12px;	
	line-height: 36px;
	font-size: 12px;
	height: 36px;
	box-sizing: initial;
}

.unitsuffix label, table.ui-selectoneradio label {
    display: inline-block;
    white-space: nowrap;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
	/*wg. verschachtelter input*/
    OFFposition: absolute;
    height: auto;
    margin-top: 0px;
}

.detail_label_grid{
    height:36px;
    box-sizing:initial;
    display: inline-table;

}

/*Placeholder Color Fix für verschiedene Browser*/


.filterinputtarget ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.filterinputtarget :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:  1;
}
.filterinputtarget ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:  1;
}
.filterinputtarget :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}
.filterinputtarget input.ui-inputfield:focus {
    border-bottom: solid 1px white!important;
    color:#fff  !important;
}
/*experimenteller Fix für Buttons in Titelzeile*/
.ui-panel .ui-panel-titlebar-icon, .ui-panel .ui-panel-titlebar-icon:hover, .ui-panel .ui-panel-titlebar-icon:focus {
    margin-left: 10px!important;
    margin-top:  0px!important;
}

.filterinputtarget input{
    color:#fff  !important;
    
}

.optionbuttonitem span {
    box-shadow: 0 0 0 0 white !important;
}
.optionbuttonitem {
    display: block;
}
.optionbuttons{
    background-color:white;
    padding:6px 6px 12px 6px;
    box-shadow:0px 7px 8px 0px rgba(0, 0, 0, 0.3);
    position: absolute;
    right: 21px;
    z-index:10;
    border-radius:2px;

}
.toolbuttonitem{
    float: right;
    margin-top: 6px;
    border-radius: 2px;
    box-shadow: none;
    font-size: 14px;
    line-height: 36px;
    padding: 0 15px;
    text-transform: uppercase;
}
.toolbuttonitem .ui-button-text{
    line-height:28px;    
}

/* table hovermenu */
span.tablemenu .ui-button-icon-left.ui-icon.ui-c.ui-icon-triangle-1-s {
    display: none;
}
tr.ui-state-hover span.tablemenu .ui-button-icon-left.ui-icon.ui-c.ui-icon-triangle-1-s {
    display: block;
}
tr.ui-state-highlight:hover span.tablemenu .ui-button-icon-left.ui-icon.ui-c.ui-icon-triangle-1-s {
    display: block;
}
span.tablemenu .ui-button-icon-left.ui-icon.ui-c.ui-icon-triangle-1-s::before,
.options-button::before
{
	content:"\f142";
}

/* Tabellenbreite in Liste verkleinert, da bei 100% durch runden in manchen Zoomstufen eine Scrollbar erscheint. */
.ui-datatable table {
  width: 99%;
}

/* Fix für entitypanel, wenn ein searchResultPanel zu groß ist und das Layout sprengt */
.entitypanel .searchResultContent {
    margin-top:0px;
    margin-bottom:0px;
}

.outputField {
    display: inline-block;
    width: 30%;
	padding-left: 4px;
    border-bottom: solid 1px transparent;
    padding: 4px 0px;
    line-height: normal;
}

.outputFieldMinWidth {
	min-width: 8em;
}

.gridform .ui-accordion .ui-accordion-content {
  padding: 0.5em 0.2em 0;
}

.ui-dialog-content.ui-widget-content {
    padding: 0px;
}
#onlydialogcontent_content {
    padding: 0px;
}

/*Ein fragment erzeugt ein div ohne style, divs sind aber nicht standardmäßig inline. 
  Um die Anzahl Elemente in der Liste direkt hinter dem Namen der Liste einzufügen und 
  nicht in der Zeile darunter, müssen wir im Bereich counter enthaltene divs inline machen.*/
.counter div {
    display: inline;
}

/* tabellen popup ränder */
.ui-datatable tbody td {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}
.ui-message-icon-only {
    display:none;
}
/* renders a search button in a text-field, right aligned, used for a commandButton before a input */
.inputchildbutton {
    left: -39px;
    top: 2px;
}

.filtersave {
    background-color: #DEDEDE;
    padding: 6px 6px;
} 
.topbuttonso {
	background-color: #DEDEDE;
}
.topbuttonsi {
	background-color: #DEDEDE;
	line-height: 47px;
	float:right;
}
.filtersave .filterarea .ui-inputfield {
    background-color: transparent;
}

.fa-liste {
    width: 12px;
    text-align: center;    
    color: #666;
}

.tabfilterlabel {
    float: left;
    line-height: 36px;
    font-weight: 500;
    padding-right: 24px;
}

.tabfiltersave {
    float:right;
    line-height: 32px;
}
/* notiz */
.historyicon00:before {
  content: "\f129";
}
/* prozessschritt */
.historyicon10:before {
  content: "\f013";
}

/* reminder */
.historyicon20:before {
  content: "\f017";
}

/* statealrt */
.historyicon30:before {
  content: "\f02c";
}
/* fa-envelope-o brief */
.historyicon01:before {
  content: "\f003";
}
/* fa-globe mail */
.historyicon02:before {
  content: "\f0ac";
}
/* fa-phone tel */
.historyicon03:before {
  content: "\f095";
}
/* fa-arrow-right ausgang */
.historyicon04:before {
  content:"\f061";
}
/* fa-arrow-left eingang */
.historyicon05:before {
  content: "\f060";
}
.fa-liste::before {
    color: #03a9f4;
}
 
.ui-panel-content.is_stuck {
    z-index:1;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.3);
}

.firstsubview .ui-panel-titlebar.is_stuck {
    z-index:3!important;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.3);
    
}
#wizardheader.is_stuck {
    z-index:3!important;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.3);
    
}

.ui-panel-titlebar.is_stuck {
    z-index:2!important;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.3);
}

.is_stuck {        
}


/*gleicher Abstand Table Inhalte wie im Header*/
.ui-datatable-tablewrapper {
    padding-left: 5px;
}

.filterinputtarget .filterinputtext {
    margin-right: 20px!important;
    width: 260px;
}

.filterinput .ui-selectcheckboxmenu {
    border-bottom: solid 1px #ccc;
}

.filterinput .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    width: 12px;
    right: 12px;
    top: 6px;
    position: absolute;
}

.filterinput .ui-selectcheckboxmenu .ui-icon-triangle-1-s:before {
    content: "\f107";
}

.filterinput .ui-datepicker-trigger {
    top: 4px;
    right: 20px;
}

.filterinput .filtername {    
}

.favfilterend{
    display:none;
}
.filterelement {
    line-height: 36px;
    float: left;
}
.filterelement .filtername {
    display:inline-block;
    width: 115px;
    font-size: 12px;
    padding: 0px 6px;
    line-height:12px;
}
.filterinput .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    padding: 0;
    line-height: 32px;
}
.filters {
    max-width: 1600px;
}
.pe-dynaform-cell.pe-dynaform-cell-last.filterinput {
    white-space: nowrap;
}
#onlydialog {
       margin: 0px 25px 0 50px; 
}
#onlydialog .ui-dialog-titlebar-icon {
    text-decoration:none;
}

/* button in gridform */
.gridform .ui-button-text {
    border-bottom: 2px solid transparent;
    color: #03a9f4;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 9px;
}


.betweentop.betweentop > input.ui-inputfield.hasDatepicker, .betweenbottom.betweenbottom > input.ui-inputfield.hasDatepicker {
    width: 96px !important;
}
.betweentop.betweentop, .betweenbottom.betweenbottom {
    display:inline-block;
    width: 96px !important;
}
.betweentop.betweentop {
    margin-right: 8px;  
}

.auflagenzeile > td {
    font-weight: normal;
}

div#confDialog {
    width: 500px!important;
}
/* for panelmanager icons */
.noinputbreak .ui-message{
    display:inline;
}
.noinputbreak a{
    display:inline-block;
}

.ui-tabs .ui-tabs-nav li {
    outline: none;
}

#toolbar .ui-icon-triangle-1-s:before {
    content: "\f107";
}
#toolbar .ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight {
    color: white;
}
/* Highlight Zeilen Text auf Weiß wegen Kontrast */
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight {
    color: white;
}
.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    margin: 1px 0;
    padding: 6px 6px;
}
.ui-widget-content.ui-datatable-empty-message {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.ui-widget-content.ui-datatable-empty-message td {
    padding-bottom: 24px;
}
.filterarea .ui-button {
    left: -13px;
}
.filterarea button.ui-button-icon-only {
    width: 20px;
}

.ui-panel-titlebar .toolbuttonitem {
    padding: 0px;
    margin: 6px 12px;
}
.ui-dialog-content .detail_label {
    font-size: 20px;
    padding: 20px 0px 10px;
}

/* Checkboxen in Filter kleiner */

.filters .ui-chkbox-icon {
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
}
.filters .ui-chkbox-box {
    width: 16px;
    height: 16px;
}
.ui-dialog-content .ui-state-hover .ui-button-text {
    border-bottom: 2px solid  null;
}

/*Paginator Anpassung Ergebnisse pro Seite Selektor*/
.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
    padding: 2px 6px;
    padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
    font-size: 12px!important;
    color: rgba(0, 0, 0, 0.5);
    font-weight: bolder;
}
 .ui-columntoggler .ui-columntoggler-item {
    border: 0px none;
    padding: 10px 20px 5px 5px; 
 }
 .ui-columntoggler .ui-columntoggler-item {
    padding: 12px;
 }
 .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
     padding: 0px;

}

.dashboardcolumns1 .ui-dashboard-column {
    width: 100%;
}
.dashboardcolumns2 .ui-dashboard-column {
    width: 50%;
}
.dashboardcolumns3 .ui-dashboard-column {
    width: 33%;
}
.historylist span.fa {
    text-align: left !important;
}
.historylist div.entitypanel {
    border-top: 1px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 5px;
}


/* Filter Layout Spalten in zweispaltigem Layout Fixen*/
.filter_dropdown {
    width: 200px;
}
.dashboardcolumns2 .filters .col-lg-4 {
    width: 50%; 
}
.dashboardcolumns2 .filterelement .filter_dropdown {
    width: 130px; 
}

/* Subgroups mit und ohne toggleable Pfeil verschieden breit*/
.col-lg-6 > fieldset.fieldset_name legend {
    width: 96%!important;
}
.col-lg-6 > fieldset.ui-fieldset-toggleable legend {
    width: 100%;
}

/*Messages-Box in den Footer rein*/
.ui-messages-error, .ui-message-error {
    color: #E53935;
    background-color: #fff;
    border-color: #fff;
    font-size: 12px;
}
.ui-messages-error ul li {
    float: left;
    text-align:left;
    margin-right:20px;
    width:29%;
}
#pullist  {
    list-style-type: disclosure-closed;
    width: 100% !important;
    display: block;
    margin-left: 36px;
    margin-top: 0px;
}

/*Datepicker*/

.ui-datepicker td {
    border: 0;
    padding: 6px;
}
/* Datepicker aktueller tag, selektierter tag */
.ui-datepicker-today a.ui-state-default.ui-state-highlight, .ui-datepicker-days-cell-over a {
    background: #03a9f4 !important;
    color: white!important;
    border-radius: 50%;
    padding: 6px;
}

#ui-datepicker-div td > a.ui-state-hover {
    background: #03a9f4 !important;
    color: black;
    padding: 6px;
}
.ui-datepicker table {
    font-size: 1em;
    margin: 24px 0px 0px;
}
.ui-datepicker {
    width: auto;
    padding: 24px;
}

.ui-datepicker td span, .ui-datepicker td a {
    padding: 6px;
    text-align: center;
}

#ui-datepicker-div button.ui-datepicker-current {
    background-color: white;
    color: #03a9f4;
    font-weight: bold!important;
    padding: 12px 0px;
}
#ui-datepicker-div button.ui-datepicker-close {
    background-color: white;
    color: black;
    font-weight: bold!important;
    padding: 12px 0px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 68px;
    margin: 0px 6px;
    border-color: white;
    border-bottom-color: #222;
}
#ui-datepicker-div .ui-widget-content .ui-icon {
    color: #DEDEDE;
}

#toolbar .ui-button {
    background: transparent!important;
}

.fncol button span.ui-icon {
    margin: 0px!important;
    padding: 0px;
    height: 24px;
    width: 24px;
}
.fncol .cmbtn button.ui-state-disabled{
    opacity: 0.72!important;
}
.fncol .cmbtn button {
    line-height: 22px;
    vertical-align: middle;
    width: 26px;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block;
    height: 26px;
    text-align: center;
    padding-left: 2px;
    opacity: .9 !important;
    border: 1px solid transparent !important;
    transition: all 300ms ease;
    padding-top: 2px!important;
    margin-top: -1px!important;
    cursor: pointer;
}

#profilfenster {
    position: absolute;
    background: white;
    box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.8);
    border-radius: 3px;
    top: -1000px;
    right: 60px;
    padding: 10px;
    transition: all 300ms ease;
    float: none;
}
.profilfenster_open {
    top: 76px!important;
}
.profilfensternase {
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    top: -15px;
    position: relative;
    border-radius: 3px;
    z-index: -1; 
    left:80px;
}
#scrollablenavigation {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px 12px;
}

.ui-panelmenu .ui-menuitem-text {
    margin-left: 12px;
}
div#detailDashboard > div {
    margin-bottom: 48px;
}
#profilbild img {
    border-radius: 50%;
    cursor: pointer; 
    width: 36px;
    height: 36px;
}

#profilfenster .ui-selectonemenu-trigger .ui-icon {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    font-size: 14px;
}
#profilfenster .ui-selectonemenu.ui-selectonemenu.ui-selectonemenu {
    width:100%!important;
    border-bottom: solid 1px #ccc;
}

#profilfenster .detail_label_grid {
    width: 100%!important;
    max-width: 150px;
}

.ui-panel-titlebar .ui-panel-title {
        margin: 0px 16px -2px 4px;
}


#titellogosmall {
    width: 0px;
    overflow: hidden;  
        transition: all 300ms ease;
}

.titellogosmall_on {
    width: 220px!important;
    transition: all 300ms ease;
}
#topmenubutton {
    transition: all 300ms ease;   
}

#navi .ui-panelmenu .ui-panelmenu-header .ui-icon {
    position: relative;
    left: 0px;
    line-height: 28px;
    color: #7D7D7D;
}

#navi .ui-panelmenu-panel .ui-panelmenu-header > a {
    position: relative;  
    
}
#breadcrumb {
    white-space: nowrap;
    overflow: hidden;
    max-width: 50px;
}
.navi .ui-menu-parent ul li a {
   font-size: 12px;
}

.ui-panel-titlebar .toolbuttonitem span.ui-icon {
    margin-top: -10px;
}
button .ui-icon-triangle-1-s:before, .ui-selectonemenu-trigger .ui-icon-triangle-1-s:before {
    content: "\f107";
}
.gridform .detail_label_grid {
    width: 30%;
    max-width: 250px;
    min-width: 100px;
}

.gridform .detail_output_grid input, .detail_input_grid input, .detail_output_grid textarea, .detail_input_grid textarea {
    width: 60%;
}

.ui-dialog-titlebar 
{
    display:none;
}
.ui-dialog[id$="dlg"] .ui-dialog-titlebar {
    display: block;
}

.ui-panel .ui-panel-content {
    background: transparent;
}
#profilfenster .ui-chkbox-box > .ui-chkbox-icon {
    font-size: 16px;
    left: -24px;
    top: -25px;
    position: relative;
}

.titelbar_suche input {
    font-size: 16px;
    border-width: 0px;
    border-bottom: solid 1px #fff;
    width: 0px;
    margin-left: 24px;
    background-color:transparent;
    padding:0px;
}
.titelbar_suche {
    font-size: 16px;
    border-width: 0px;
    border-bottom: solid 1px #fff;
    width: 0px;
    margin-left: 24px;
    background-color:transparent;
    padding:0px;
}
.titelbar_suche_on {
    font-size: 16px !important;
    border-width: 0px !important;
    border-bottom: solid 1px #ccc !important;
    width: 85% !important;
    max-width: 260px;
    min-width: 260px;    
    margin-left: 24px !important;

}

.titelbar_suche_ergebnis {
    position: absolute;
    background: white;
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.8);
    border-radius: 3px;
    top: -8000px;
    right: 68px;
    padding: 10px;
    transition: all 300ms ease;
    float: none;
    height:0px;
}

.titelbar_suche_ergebnis_open {
    top: 76px !important;
    overflow: auto;
}


.searchbutton_x::before {
    content:"\f00d";
    
}

/*Placeholder Color Fix für verschiedene Browser*/


.titelbar_suche::-webkit-input-placeholder { /* WebKit browsers */
    color:  #ccc;
}
.titelbar_suche:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:  #ccc;
    opacity:  1;
}
.titelbar_suche::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:  #ccc;
    opacity:  1;
}
.titelbar_suche:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:  #ccc;
}


.filterinputtarget .filterinputtext::-webkit-input-placeholder { /* WebKit browsers */
    color:  #FFF!important;
}
.filterinputtarget .filterinputtext:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:  #FFF!important;
    opacity:  1;
}
.filterinputtarget .filterinputtext::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:  #FFF!important;
    opacity:  1;
}
.filterinputtarget .filterinputtext:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:  #FFF!important;
}


input.titelbar_suche:focus, input.titelbar_suche:active {
    color: #03a9f4;
    border-bottom: solid 1px #03a9f4;
}

.optionbuttons button {white-space: nowrap;}
.optionbuttons .row .col-sm-4 {min-width: 250px;}


/* popup no marginspaddings */
.ui-dialog-content .ui-dashboard-column {
    padding: 0;
}
.ui-dialog-content .subview {
    margin: 0;
}
#onlydialog{
    border-radius:4px;
}
#onlydialog .ui-datatable.ui-widget {
    height: 350px;
    overflow: auto;
}
/* oder  margin-left 200 wenn navi da*/
#onlydialog {
    top: 179px !important;
}
.dialoginset {
    margin-left: 70px !important;
}
.dialoginsetsmall {
    margin-left: 20px !important;
}

.ui-widget-overlay {
    opacity: 0.5;
}
.ui-selectcheckboxmenu-panel {
   box-shadow: 0px 5px 25px -5px rgba(0,0,0,0.7); 
    
}

/* Scrollbar Fix IE11 */
body {
    -ms-overflow-style: scrollbar;
}

.search_column_title {
    font-size: 14px;
    font-weight: 500;
}

/* IE11 Select Box Arrow*/
.ui-datepicker select::-ms-expand {
    background: white;
    border: solid 0px white;
}

.ui-autocomplete-panel .ui-autocomplete-list-item {
    margin: 12px 0;
}
.onlydialogconfirm .ui-dialog-content {
    margin: 20px;
}

/* list width fix and icon on right side */
.ui-datatable-tablewrapper table {
    width: 99%;
}
.ui-datatable .ui-corner-top {
    position: absolute;
    right: 16px;
    top: 68px;
    width: 0px;
}
.ui-datatable .ui-corner-top button.labelselector .ui-icon {
    background-color:white;
}
.ui-datatable-selectable td:first-of-type,
.ui-datatable-selectable td:nth-child(2),
.ui-datatable-selectable td:nth-child(4),
.ui-datatable-selectable td:nth-child(6){
    word-wrap: break-word;
}
.ui-columntoggler .ui-columntoggler-items{
    padding-right:20px;
}

.optionbuttons .row .col-sm-4 h4 {
    border-bottom: solid 2px  #ccc;
    font-size: 14px;
    line-height: 48px!important;
    text-align: center;
    color:  #b1b1b1 !important;
    margin: 0px 6px!important;
}

#j_idt11\:confirmDialog {
    width: 400px!important;
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-focus {
	border-bottom: 2px solid #03a9f4 !important;
	box-shadow: 0px 0px 4px -1px #020202;
}

#inhalt_content .ui-button-text-icon-left .ui-button-text {
    padding: 0px 15px 0px 36px;
    line-height: 36px;
}

.ui-button-icon-only .ui-icon {
     margin-left: -4px;
}

.filterinput .ui-selectcheckboxmenu.ui-state-focus {
    border-bottom: solid 1px #03a9f4;
}

.fa-3x {
    font-size: 48px;
}


/* Panel Suche unterschiedliche Farben*/

.subview_liste .filterinputtarget input {
    color: #333333!important;
    border-bottom: solid 1px #333333!important;
}

.subview_liste .filterinputtarget input.ui-inputfield:focus {
    border-bottom: solid 1px #333 !important;
    color: #333 !important;    
}

.subview_liste .filterinputtarget input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #333333;
        opacity:  0.7;
}
.subview_liste .filterinputtarget input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #333333;
    opacity:  0.7;
}
.subview_liste .filterinputtarget input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #333333;
    opacity:  0.7;
}
.subview_liste .filterinputtarget input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #333333;
    opacity:  0.7;
}


.ui-dashboard-column:first-of-type .subview:first-of-type .ui-panel-titlebar .filterinputtarget input {
    color: #fff!important;
    border-bottom: solid 1px #fff!important;
}
.ui-dashboard-column:first-of-type .subview:first-of-type .ui-panel-titlebar  .filterinputtarget input.ui-inputfield:focus {
    border-bottom: solid 1px #fff !important;
    color: #fff !important;    
}



.ui-state-focus .ui-inputfield, .ui-panel-focus .ui-inputtext {
    border-bottom-color: #03a9f4;
}
.filterinput .ui-selectonemenu.ui-state-focus{
    border-bottom: 0px solid #03a9f4 !important;
}

#inhalt_content .ui-panel-titlebar button.ui-button-text-icon-left {
    margin: 2px;
    margin-top: 6px;
}
.searchResultPanel .fa {
    width: 48px;
}

.buttoninwhitepanel span.ui-button-text.ui-c {
    box-shadow: 0px 2px 15px -5px black;
    padding: 5px 15px 2px!important;
    background-color: #03a9f4;
    color: white;
    line-height: 36px!important;
    border-radius: 2px;
    margin: 12px;
}

/* Experimentelles Padding für Content Felder*/

.ui-panel-content fieldset:last-of-type legend {
    margin-bottom: 12px!important;
}


.panel_popup_content {
    float:left;
}
.panel_popup_close {
    float:right;
}

.panel_popup_content_buttons .ui-panel-titlebar-icon {
    float: left!important;
    cursor: pointer;
}

.searchResultContent .searchResultTitle {
    font-weight: normal;
    
}
.ui-autocomplete-items tr.ui-widget-content {
    height: 26px;
}
.ui-autocomplete-panel .ui-autocomplete-table .ui-state-highlight {
    border: none !important;
    background: #03a9f4 !important;
}
.ui-autocomplete-panel .ui-autocomplete-table td {
    padding: 2px !important;
}

.panel_popup_content_buttons .ui-icon {
    color: #B1B1B1;
    
} 


.dashboardcolumns2 .filterelement {
    width: 50%!important;
}
.dashboardcolumns2 .filterelement .filtername {
    width: 115px;
}

.ui-widget-content.ui-datatable-empty-message {
    border-top: solid 0px white;
}

.carselector.ui-treetable tr {
    border-bottom: 1px solid rgba(0,0,0,0.05)!important;
    font-size: 12px;
    line-height: 16px;
}
.carselectrowtrue.ui-selected {
    background: #cfd8dc;
}
.carselectrowtrue.ui-state-highlight {
	background-color:#cfd8dc;
}


.filter-anwenden-button > span {
color: #333333!important;  
}
.filter-reset-button > span {
color: #505050!important;   
}




/* News */

.news_list {
    padding-bottom: 40px;
}
.news_list tr.ui-state-highlight {
    background: #fff;
}

.news_content {
    height: 24px; 
    position:relative;
    padding: 0px 12px 24px 12px;
    font-size: 14px;
    line-height: 24px;    

}
.news_content_open {
    display: block;
    height: auto!important; 
    margin-bottom: 24px;
    margin-top: 27px;
}

.news_row {
    font-size: 14px; 
    line-height: 32px; 
    padding: 6px 12px; 
    margin-bottom: -32px;
}

.news_list .ui-widget-content .ui-widget-content {
    border-top: 1px solid rgba(0,0,0,0)!important;
    border-bottom: 1px solid #b1b1b1!important

}

.news_content p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 50px;
    font-size: 14px;
}
.news_content.news_content_open p {
    white-space: initial;
    line-height: 24px;
}


.availableNews_liste_column_titel {
    cursor: default!important;
}
.news_einzeln {cursor: pointer;}
.news_headline {
    cursor: pointer;
    font-weight:bold;
}


ul.news_downloads {
    margin-left: -20px;
}

ul.news_downloads span.ui-button-text.ui-c  {
    visibility: visible;
    font-size: 12px!important;
    font-weight: bold;
    color: #03a9f4
}


.icon_dialog {
    color: #03a9f4
}
.onlydialogpanel {
        border-radius: 2px;
}

.checkbackpanel {
        border-radius: 6px;
}


/*Inputformat PE inputnumber*/
.pe-inputNumber{
    text-align:right;
    width:25% !important;
}
.pe-inputNumber::-webkit-input-placeholder { /* WebKit browsers */
   text-align:left;
}
.pe-inputNumber:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   text-align:left;
}
.pe-inputNumber::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-align:left;
}
.pe-inputNumber:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-align:left;
}



/* Layout für helles Titelbild Händler*/
.layouttransparent #contentifrm {
    padding-top: 20px;
}
.layouttransparent .titelbar {
    background-color:rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 0px 0px 0px rgba(0,0,0,0);
}
.layouttransparent  .titelbar .ui-icon, .layouttransparent  .titelbar .fa {
    color: #333;
}

.layouttransparent .titelbar #breadcrumb button span {
    color: #333;
}
.layouttransparent .inhalt {
    margin-top: 180px;
}
.layouttransparent #scrollablenavigation {

    margin-top: 52px;
}
body.layouttransparent {
    background-attachment: fixed;
    background-position: left top;
    background-repeat: repeat-x;
    background-size: auto;
    background-color: #efefef;
}

.layouttransparent .darkheader.darkheader  {
    background-color: #fff!important;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3)!important;
}

/* Layout für dunkles Titelbild */
.layouttransparent_dark #contentifrm {
    padding-top: 20px;
}
.layouttransparent_dark .titelbar {
    background-color:rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0px 0px 0px rgba(0,0,0,0);
}
.layouttransparent_dark  .titelbar .ui-icon, .layouttransparent_dark  .titelbar .fa {
    color: #fff;
}

.layouttransparent_dark .titelbar #breadcrumb button span {
    color: #fff;
}
.layouttransparent_dark .inhalt {
    margin-top: 180px;
}
.layouttransparent_dark #scrollablenavigation {

    margin-top: 52px;
}
body.layouttransparent_dark {
    background-attachment: fixed;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #333;
}
.layouttransparent_dark .darkheader.darkheader {
    background-color: #03a9f4!important;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3)!important;
}

#logout {
    color:black;
}

.optionbuttonitem.optionbuttonitem {
    height: 36px !important;
}
.optionbuttonitem .ui-button-text{
    line-height:42px !important;
}
/* Beschriftung tabfilter für zu lange strings führt zu umbrüchen */
.tabfilter .ui-outputlabel {
    display: block;   
    padding: 4px 0 0;    
    white-space: pre;
}
/* überlagerung filtername über checkbox verhindern */
.tabfilter .filtername {
    display: inline-table;
}

.ui-messages-error {
    width:75%;
    padding:0;
    margin:3px 0;
    overflow-y:auto;
    overflow-x:hidden;
    height:54px;
}

/* Fix Option-Button in Tabellenzeile IE */
.tablemenu .ui_button .ui-icon {
    margin-left: -7px;
    margin-top: -10px;
}
.tablemenu .ui-button {
    width: 1px;
    height: 1px;
    line-height: 1px;
}

#toolbarform\:searchbox_panel .ui-state-highlight {
    background-color: #03a9f4;
}
.ui-datatable-tablewrapper span.ui-menuitem-text {
    display:none !important;
}

#inhalt_content .gridform .row {
    margin-bottom:24px;
}

.ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0px;
    border: 0 none;
}
.ui-selectonemenu-items-wrapper {
    padding: 0px 0px;
}

.filters .ui-chkbox-box {
    margin-left: 3px;
    position: relative;
    vertical-align: top;
    top: 4px;
}
.ui-datatable-data .ui-chkbox {
    top: 0px!important;
}



.ui-panel-content .ui-chkbox {
    text-align: right;
    position: relative;
    top: 8px;
    vertical-align: top;
}


/*Filterarea "Luft-Fix*/
#inhalt_content .filterarea .row {
    margin-bottom: 0px;
}
.filters .ui-chkbox-box {
    margin-left: 3px;
}
/* autocomplete button mit dropdown=true weiter innen */
button.ui-autocomplete-dropdown.ui-button {
    right: -19px;
}
.ui-autocomplete-item.ui-autocomplete-list-item.ui-corner-all.ui-state-highlight {
    background-color:  #03a9f4;
    color: white;
}
.ui-autocomplete-panel .ui-autocomplete-list-item {
    margin: 0px -5px;
    padding: 6px 12px;
}

#toolbarform\:pwdarea .ui-icon {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    height:20px;
}

#toolbarform\:pwdarea legend {
    font-size: 13px;
}

/* searchResultPanel fix for profilfenster */

.searchResultPanel_spalte1, .searchResultPanel_spalte2 {
    font-size: 12px;
    font-weight: normal;
    vertical-align: top;
    padding: 8px;
    white-space:nowrap;
}

.filterelement .ui-autocomplete-input {
    width: 60%;
}
.filterelement button.ui-autocomplete-dropdown.ui-button {
   left: 96%; 
}



/* filter styling */

.ui-autocomplete-input::-ms-clear {
    display: none;
}
.filter_dropdown {
    width: 60%;
}
.filterinput .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    padding-left: 4px;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-left: 4px;
}
.filterinput .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    line-height: 24px;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: -5px;
}
.ui-selectcheckboxmenu-header .ui-inputfield {
    padding: 5px 20px 1px 2px;
    margin-left: 5px;
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
    left: 190px;
}
.ui-selectcheckboxmenu-panel {
    min-width: 297px;
}
.filterinput input.ui-inputtext {
    width: 60%;
}

.filterinput span.ui-button-icon-left.ui-icon.ui-icon-calendar {
    margin-left: -14px;
    margin-top: -14px;
}

/* button-menu in list  */

.cmbtn span.ui-button-icon-left.ui-icon {
    color: #b1b1b1;
}

.cmbtn {
    border: solid 1px #b1b1b1;
    border-radius: 3px;
    box-shadow: 0px 0px 0px -5px #b1b1b1;
    display: inherit;
    display: inline-block;
    white-space: nowrap;
    float: right;
}

.cmbtn:hover {
    box-shadow: 0px 3px 10px -5px #b1b1b1!important;
}

.cmbtn:hover span.ui-button-icon-left.ui-icon{
    color: #333;
}

.cmbtn:hover button.ui-state-disabled .ui-icon {
    color: #f2f2f2;
}

.ui-datatable-data .fncol button {
    border-right: solid 1px #b1b1b1!important;
    padding-top: 2px !important;
    margin-top: 0px !important;
    background-color: transparent;
}

.ui-datatable-data .fncol button:last-of-type {
    border-right: solid 0px #b1b1b1!important;
}
.fncol button.ui-state-disabled:hover {
    background-color: transparent;
}

.cmbtn button.ui-state-disabled {
    opacity: 1 !important;
}

.cmbtn button.ui-state-disabled .ui-icon {
    color: #f2f2f2;
}

#cmlo {
    margin-left: -2px!important;
    cursor: pointer;
}

.cmlm {
    background:white;
    width: 256px;
    height: auto;
    float: right;
    position: absolute;
    right: 34px;
    margin-top: 0px;
    z-index: 1;
    opacity: 1;
    border-radius: 2px;
    padding: 5px;
    box-shadow: 0 5px 25px -5px rgba(0,0,0,1);    
    display: none;
} 


.ui-datatable-data .fncol .cmlm button {
    border-right: solid 0px white !important;
}
.cmlm span.ui-button-text {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    text-align: left;
}
.cmlm span.ui-button-icon-left.ui-icon {
    line-height: 36px;
    float: left;
    height: 36px;
    width: 24px;
    top: 0px;
}
.fncol span.ui-column-title {
    text-align: right;
}







#searchresulttable .search_column_title {
    font-size: 12px;
    font-weight: bold;
    color: #03a9f4;
}
#searchresulttable .Resultmore a {
    text-decoration: none;
    font-size: 12px;
    margin-left: 20px;
    color: #03a9f4;  
    
}
#searchresulttable .searchresult_titleline {
    padding: 10px 0px 20px;
    border-bottom: solid 1px #e8e8e8;    
}




/* alert in toolbar */

.alert_numbers {
    background-color:  #03a9f4;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 12px;
    float: inherit;
    line-height: 24px;
    font-size: 11px;
    border-radius: 50%;
    margin-left: 36px;
    color: white;
    text-align: center;
    border: solid 0px white;
    cursor: pointer;
    box-shadow: -2px 1px 0px white;
}




/* Columntogger Fixes */
.ui-columntoggler .ui-columntoggler-items {
    padding: 10px 0px;
}

.ui-columntoggler-items label {
    font-size: 14px;
    line-height: 14px;
}

.ui-columntoggler-items .ui-chkbox.ui-widget {
    margin-top: -12px;
}

.ui-columntoggler {
    height: auto!important;
    max-height: 400px;
}





.betweentop.betweentop, .betweenbottom.betweenbottom {
    display: inline-block;
    width: 30% !important;
}
.betweentop.betweentop>input.ui-inputfield.hasDatepicker, .betweenbottom.betweenbottom>input.ui-inputfield.hasDatepicker {
    width: 95% !important;
}
.gridform .betweendate .ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker {
    width: 100% !important;
    min-width: inherit !important;
}
.inputchildren
{
    display:inline;
	margin-left:10px;
}

/* JSF 2.2 additions*/

.subview_liste .ui-panel-content .ui-outputpanel {
    overflow: visible;
}
.filters .ui-chkbox-box {
    line-height: 13px;
}
.ui-chkbox .ui-chkbox-box {  
  line-height: 13px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: -29px;
}
.filterinput .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    line-height: 24px;
}
#toolbar .ui-selectonemenu-trigger .ui-icon {
    margin: 0 0 -18px;
}
/*Fix problem with table columns when toggler or search activated*/
.ui-datatable-tablewrapper{
    width:99%;
}
/* JSF 2.2 additions end*/



.ui-submit-param{
    display:none;
    visibility:hidden;
}

.width40 input{
    width:40%;
}
.width35 input{
    width:35%;
}



.tabfilterbutton{
    border-radius:0px!important;
    background: #f2f2f2 !important;
    margin-right: 1px;
}

.tabfilterbutton.ui-state-focus {
    background: #f2f2f2 !important;
}
.tabfilterbutton.ui-state-focus .ui-button-text {
    color: #03a9f4!important;
}

.tabfilterbutton.ui-state-active{
    background-color:#03a9f4!important;
    border-radius:0px!important;
}
.tabfilterbutton.ui-state-active .ui-button-text {
    color: white!important;
}

.tabfilterbutton.ui-state-active.ui-state-focus{
    background-color:#03a9f4!important;
    border-radius:0px!important;
}
.tabfilterbutton.ui-state-active.ui-state-focus .ui-button-text {
    color: white!important;
}


.tabfilterbuttons {
    float: left;
    padding: 0px 24px;
}
.tabfilterbuttontable span.ui-button-text.ui-c {
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    width: auto;
    min-width: 100px;
}

.tabfiltersave .tabfilterbutton span.ui-button-text.ui-c {
    font-size: 12px;
    text-align: center;
    line-height: 14px;
    width: auto;
    min-width: 100px;
}



/* Styleaenderungen fuer output und input mit Background-Color */

.panel-content .outputField.outputField {
    background-color: #f0f0f0;
    background: #f0f0f0;
    padding: 0px 4px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

.panel-content .ui-inputfield.ui-inputfield {
    background-color: #f0f0f0!important;
    background: #f0f0f0!important;
    padding: 0px 4px;    
    min-height: 28px;
    line-height: 28px!important;
    vertical-align: middle;    
}

.filterarea .ui-inputfield.ui-inputfield {
    background-color: transparent!important;
    background: transparent!important;
 
}

.panel-content .ui-selectonemenu-label.ui-selectonemenu-label {
    line-height: 36px;
    height: 28px;
}
.filterinput .ui-selectonemenu-label.ui-selectonemenu-label {
    line-height: 19px;
    height: 26px!important;
}

.filterinput .ui-selectonemenu-trigger span {
    padding-top: 2px!important;
}

.panel-content .detail_input_grid.detail_input_grid {
    height: 36px;
    line-height: 36px;
    margin-bottom: 4px!important;
}
.panel-content .ui-selectonemenu-trigger span {
    padding-right: 6px;
}
.panel-content .inputchildren .ui-button {
    background-color: inherit;
}
.panel-content .ui-icon-calendar {
    padding-top: 2px;
    margin-left: -16px;
}
.panel-content .ui-button {
    background: transparent;
}
.panel-content .tabfilterbuttons .filterelement .tabfilterbutton {
    background: #f2f2f2;
    margin-right: 1px;
}
.panel-content .ui-autocomplete-dropdown .ui-icon {
    padding-top: 2px;
    margin-left: -24px;
}

.filtersave .ui-inputfield.ui-inputfield {
    background: transparent!important;
    background-color: transparent!important;
}
.panel-content .outputField {
    width: 60%;
}
.panel-content .ui-inputfield.ui-inputfield {
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-content .ui-chkbox .ui-icon-check {
    margin-top: -1px;
    margin-left: -1px;
} 


.console label {
    border-bottom: solid 0px white!important;
    font-weight: bold;
    font-size: 18px;
}
.console span.ui-button-icon-left.ui-icon.ui-c.ui-icon-times {
    font-size: 24px;
}

.ui-autocomplete-panel .ui-state-highlight span {
    color: white;
}

span.detail_input_grid.content_clock_adresse {
    margin-top: 10px;
}
.inputchildren .fa-search {
    margin-top: -12px;
}

span.detail_input_grid.content_clock_adresse .inputButton {
    margin-left: -10px;
    top: 6px;
    margin-right: 7px;
}
.input_modellsearch .ui-autocomplete-input {
    margin-top: 6px;
}

.panel-content .ui-inputfield.ui-inputfield.kalkulatorrate.kalkulatorrate {
    background-color: transparent!important;
    background: transparent!important;
    line-height: 50px;
    height: 50px;
}
.panel-content .ui-inputfield.ui-inputfield.effect.effect {
    background-color: transparent!important;
    background: transparent!important;
    line-height: 20px;
    height: 20px;
}



/* Anpassungen Login */

#loginform .ui-selectonemenu {
    border-bottom: 1px solid #cecece;
    width: 100%!important;
    top: 0px;
}
.login input.ui-inputtext, .login input.ui-password {
    border-bottom: solid 1px #cecece;
}
.loginbutton button {
    padding: 20px 0px;
}

.login .ui-panelgrid .ui-panelgrid-cell {
    padding: 4px 24px;
}
.login .ui-state-hover .ui-icon, .login .ui-state-focus .ui-icon {
    background-image: url('nulljavax.faces.resource/images/ui-icons_222222_256x240.png.xhtml?ln=primefaces-one');
}
/* PF 6.2.13 Removed
.ui-panelmenu .ui-icon
{
    background-image: url('nulljavax.faces.resource/images/ui-icons_222222_256x240.png.xhtml?ln=primefaces-one');
}*/
.login .ui-icon-triangle-1-s {
    background-position: -68px 2px!important;
}
.login .new_password a {
    color: #cecece;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
}
.login .new_password a:hover {
    color: #333;
}
.login_body .ui-selectonemenu-list-item:hover {
	background-color: #03a9f4 !important;
    color:white;
}
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight {
    background-color: #03a9f4 !important;
	color: white;
}
.login_body .ui-selectonemenu-list-item {
    margin: 0px 0!important;
    padding: 10px 5px!important;
}
.login_body .ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 6px;
}



/* Zum Umschalten der Input und Output-Felder auf Weiß ohne Hintergrund*/
.frontoffice .panel-content .outputField.outputField {
    background-color: transparent;
    background: transparent;
    padding: 0px 4px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

.frontoffice .panel-content .ui-inputfield.ui-inputfield {
    background-color: transparent!important;
    background: transparent!important;
    padding: 0px 4px;    
    height: 28px;
    line-height: 28px!important;
    vertical-align: middle;    
}

.frontoffice .panel-content .detail_input_grid.detail_input_grid {
    height: 48px;
    line-height: 42px;
    margin-bottom: 4px !important;
}

.noFrametrue .inhalt{
    margin-top:10px;
}
.noFrametrue .content {
    margin-left: 0;
}
.noFrametrue .footer_action{
    display:none;
}
.noFrametrue .titelbar{
    display:none;
}
.noFrametrue div#detailDashboard > div
{
    margin-bottom:0px;
    padding-bottom:0px;
}

/* Fix für zu lange Währungsangaben*/
.fieldwithsuffix {
    width: 25%!important;
}

.fielddoublewidth .fieldwithsuffix {
    width: 80%!important;
}

.ptype_subjects > div
{
    overflow:auto;
    height: 350px;
    width:95%;

}
  
.fieldset_name.ptype_subjects .ui-fieldset-content {
    padding-top: 0px;
}

.pruefaufgaben_mitarbeiter_liste th {
    font-size: 12px;
    color: #03a9f4;
    text-align: left;
    line-height: 32px;
    margin-bottom: 12px;
}
.pruefaufgaben_mitarbeiter_liste td {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
}

.pruefaufgaben_mitarbeiter_liste {
    direction:ltr;
}


.filebtndetail span.ui-button-icon-left.ui-icon {
    font-size: 20px;
    margin-top: 6px;
}
.ratecalcbutton {
    margin-left: 70px;
    top: -4px;
}

/*new helper classes*/

.align-right {
    text-align:right;
}
.align-center {
    text-align:center;
}
.align-left {
    text-align:left;
}

.tabfilterbutton.ui-state-focus{
    color:white !important;
    background-color:#03a9f4;
    border-radius:0px;
}
.tabfilterbutton.ui-state-focus span.ui-button-text {
    color: white;
}
.ui-inputfield::-ms-clear {
    display: none;
}
.ui-inputtextarea {
    margin-top: 8px;
}
.ui-timepicker-table {
    box-shadow: 0px 5px 25px -5px rgba(0,0,0,0.7);
}
.ui-timepicker td span, .ui-timepicker td a {
    padding: 12px!important;
    text-align: center;
    line-height: 36px;  
}
.ui-timepicker td a.ui-state-hover{
    background: #f2f2f2 !important;
    color: black;
    border-radius: 50%;
    padding: 6px;
    cursor: pointer;
}
.ui-timepicker-title {
    text-align: center;
    font-size: 12px;
    margin-bottom: 12px;
}
.hasTimepicker {
    text-align: left!important;
}
td.ui-timepicker-minutes {
    border-left: solid 1px #b1b1b1;
}
span.outputField {
    margin-left: -4px;
}
.output-textarea {
    
}
.outputField.date {
    width: 25%;
}
.panel-content .outputField.outputField {
    margin-left: -4px;
}
span.detail_input_grid.content_clock_adresse {
}

.clarification-button {
    padding: 0px;
    text-align: center;
    width: 100%;
    margin-bottom: 6px;
    margin-top: 24px;
}

.clarification-button span {
    font-size: 18px;
    font-weight: 500;    
    color: #03a9f4;
}

.clarification-button span:before {
    content: "\f067";
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: initial;
    background: transparent;
    background-image: none;
    color: #03a9f4;
    opacity: 1;
    padding: 0px 12px 4px 0px;
    margin-left: -18px;
}

.clarification .ui-inputfield.ui-inputfield {
    width: 100%;
    color: black;
}
.clarification .ui-selectonemenu.ui-selectonemenu.ui-selectonemenu {
    width: 100%!important;   
    color: black;
}
.clarification_newquestion {
    margin-bottom: 36px;
}

.clarification .clarification-button-cancel, .clarification .clarification-button-send {
    font-size: 18px;
    font-weight: 500;    
    color: #03a9f4;   
}

.filterinput .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    right: 14px;
}
.filterelement button.ui-autocomplete-dropdown.ui-button {
    left: 97%;
}
.clarification .ui-selectonemenu-trigger .ui-icon {
    top: 10px;
    position: relative;
    right: 2px;    
}
.clarification_line {
    line-height: 36px;
    padding: 4px;
}
.clarification label {
    color: #333; 
    padding: 0px 12px 0px 0px;
    font-weight: 500;
}
.clarification .ui-icon-calendar {
    padding-top: 7px;
    height: 24px;
}
.clarification button.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {
    left: -20px;
}
.ui-inputtextarea {
    height: auto!important;
}
.clarification  {
    font-size: 14px;
}

.clarification_message_text_box {    
    
}
.clarification_message_text_box > .clarification_message_text {    
    display:none;
}
.clarification_message_text_box_open > .clarification_message_text {    
    display: block!important;    
    height: auto;
}
.clarification_message_actions {
    padding: 24px 0 12px;
}
span.clarification_message_text_box > .clarification_message_actions {
    display: none!important;
}
.clarification_message_text_box_open > .clarification_message_actions {    
    display:block;
}
.clarification_message_text {
    white-space: pre-wrap;
}
.clarification .ui-button-text {
    border-bottom: 2px solid transparent;
    color: #03a9f4;
    font-weight: 500;
    text-transform: uppercase;
}
.clarification_message_user, .clarification_message_date, .clarification_message_time {
    font-size: 11px;
}
.clarification_message_date, .clarification_message_time {
    float:right;
}
.clarification_message_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 36px;
}
.clarification_message_date {
    margin-right: 12px;
}

.clarification_message_more {
    color: #b1b1b1!important;
    cursor:pointer;
}
.clarification_messages {
    overflow-y: auto;
    height: 600px;
    direction: rtl;
    margin-left: -24px;
    padding-left: 12px;
}
.clarification_message {
    direction: ltr;


}
.clarification_message_title.clarification_checked:before {
    content: "\f00c";
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: initial;
    background: transparent;
    background-image: none;
    opacity: 1;
    padding: 0 6px 4px 0;
}
.clarification_checked {
    margin-left: -20px;
}
.fieldwithsuffix.outputField {
    margin-right: -3px;
}
/* doppelte Addressierung:
.buttonpanel .ui-state-focus span{
    box-shadow: 0 6px 16px -2px #03a9f4;
    filter: brightness(1.3);
}*/

.login_error_message {
    white-space: inherit;
}


.subview .ui-panel-titlebar .searchintitle > input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)!important;
}

.buttonpanel .ui-state-focus span, .buttonpanel .ui-state-active span, .buttonpanel .ui-button:focus span {
    color: white!important;
}

.buttonpanel.bruttonetto .isnettofalse.ui-state-focus span, 
.buttonpanel.bruttonetto .isnettofalse.ui-state-active span, 
.buttonpanel.bruttonetto .isnettofalse.ui-button:focus span,
.buttonpanel.bruttonetto .isbruttotrue.ui-state-focus span, 
.buttonpanel.bruttonetto .isbruttotrue.ui-state-active span, 
.buttonpanel.bruttonetto .isbruttotrue.ui-button:focus span {
    background: #03a9f4 !important;
	color: black!important;
}

#popupButtons .ui-state-focus span {
    box-shadow: 0 6px 16px -2px #03a9f4;
    filter: brightness(1.3);
    color: white!important;
}

span.filterinputtarget.searchintitle {
    margin-top: 14px;
}
#onlydialogcontent span.filterinputtarget.searchintitle {
    margin-top: 0px;
}

.haspendingchanges label, .haspendingchanges input, input.haspendingchanges, .haspendingchanges .ui-chkbox-box {
    background-color: #FFFF00!important;
}

.haspendingchanges button.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {
    background: transparent;
}
/* button in maske, wenn fokussiert */
button.ui-state-focus span.ui-icon
{
    color:#03a9f4;
}


.kalkulatorrate_abschnitt .unitsuffix label {
    width: 50px;
	margin-top:9px;
    }
.kalkmsg_text {
    font-size: 12px;
    color: #f44336;        
    }
.filterelement .ui-widget {
    font-size: 12px;
}    
.filterelement .ui-widget .ui-inputfield, .filterelement .ui-widget .ui-selectcheckboxmenu-label {
    font-size: 14px;
}  
#auflagentabelle td {vertical-align: initial;white-space: initial;}
/* Prozess in Liste ohne Berechtigung */
.procForbidden td, .procForbidden .searchResultRow, .procForbidden .searchResultTitle{
    color: lightgray !important;
}
.procActive {
    background:#03a9f4 !important;
}
.procActive td, .procActive .searchResultRow, .procActive .searchResultTitle {
    color: white !important;
}
/* textareas mit fehler markieren*/
textarea.ui-state-error {
    border-bottom: 1px solid red !important;
}
/* spalten über ganze breiter einer tabelle */
.ui-datatable-tablewrapper {
    overflow: inherit;
}
/* filtertemplates desktop buttons */
.col-md-X
{
    width:auto !important;
}
.ui-selectcheckboxmenu-list-item label {
    margin-top: 9px;
    line-height: 6px;
}

.filterforfieldbp\.attribut .ui-selectcheckboxmenu-items-wrapper {
    min-height: 500px;
}
/*dokumentdownloadliste buttons*/
.filebtn span.ui-button-text.ui-c {
    padding: 0 !important;
    line-height: inherit !important;
}
.filebtn span.ui-button-icon-left.ui-icon {
    font-size: 20px;
}

button.filebtn {
    width: 30px !important;
}

/*Spaltenverhaeltnis fuer pdfviewer dashboard*/
div.wfvbndokval_dashboard div.ui-dashboard-column:nth-child(1)
{
    width:60%;
}

div.wfvbndokval_dashboard div.ui-dashboard-column:nth-child(2)
{
    width:40%;
}

button.slaBlackCommandButton span.ui-icon{
    color: #000 !important;
	font-size: 23px;
	margin-top: 10px;
	margin-left: 10px;
}
button.slaOrangeCommandButton span.ui-icon{
    color: #FF8800 !important;
	font-size: 23px;
	margin-top: 10px;
	margin-left: 10px;
}
button.slaRedCommandButton span.ui-icon{
    color: #FA0000 !important;
	font-size: 23px;
	margin-top: 10px;
	margin-left: 10px;
}


#checkbackdialog .checkbackdialogpanel_header {
    background-color: #FF8800 !important;
    color: #FF8800 !important;
    height: 164px;
    line-height: 64px;
    padding: 0px 12px;
    font-weight: bold;
    font-size: 16px;
}


/*SLA*/
button.slaOrangePauseCommandButton span.ui-icon{
    color: #FF8800 !important;
	width:25px;
	height:22px;
	font-size: 23px;
	margin-top: 0px;
	margin-left: 0px;
}
#sladialog .onlydialogpanel_header {
    background-color: #03a9f4;
    color: white;
    height: 64px;
    line-height: 64px;
    padding: 0px 12px;
    font-weight: bold;
    font-size: 16px;
}

#sladialog span.outputField.ui-inputfield.ui-inputtext.inputFieldROtrue {
    width: 100%!important;
}

#sladialog .metrik span.outputField.ui-inputfield.ui-inputtext.inputFieldROtrue {
    width: 250px !important;
    text-align: left !important;
    margin-right: 8px;
    margin-top:4px;
}
#sladialog .ui-chkbox  {
    margin: 0 50%;
    left: -16px;
    top: 4px;
}



.sla_icon {
    right: 2px;
    position: absolute;
}
.date span.unitsuffix, .date span.inputchildren, .date .ui-message, 
.time span.unitsuffix, .time span.inputchildren, .time .ui-message, 
.metrik span.unitsuffix, .metrik span.inputchildren, .metrik .ui-message {
    display: none;
}
#sladialog td {
    vertical-align:top;
}

#sladialog span.date, #sladialog span.time {
    font-size: 10px;
    vertical-align: super;
}


fieldset.fieldset_lvl_b2 {
    margin-left: 20px !important;
}

#lockedDlg .onlydialogpanel_header {
    background-color: #03a9f4;
    color: white;
    height: 64px;
    line-height: 64px;
    padding: 0px 12px;
    font-weight: bold;
    font-size: 16px;
}
#impactDlg .onlydialogpanel_header {
    background-color: #03a9f4;
    color: white;
    height: 64px;
    line-height: 64px;
    padding: 0px 12px;
    font-weight: bold;
    font-size: 16px;
}
.onlydialogpanel_head {
    background-color: #03a9f4;
    color: white;
    height: 64px;
    line-height: 64px;
    padding: 0px 12px;
    font-weight: bold;
    font-size: 16px;
}

/*Validierung Dokumente*/
.docvali .ui-fieldset-legend .ui-fieldset-toggler.ui-icon.ui-icon-plusthick, .docvali .ui-fieldset-legend .ui-fieldset-toggler.ui-icon.ui-icon-minusthick {
    margin-top: 0;
    font-size: 14px;
    color: #333;
    width: 48px;
    line-height: 48px;
    height: 48px;
}

.docvali legend.ui-fieldset-legend.ui-corner-all.ui-state-default {
    font-size: 14px;
    color: black!important;
    line-height: 48px;
}

.docvali .ui-fieldset-legend span.ui-fieldset-toggler.ui-icon.ui-icon-minusthick, .docvali span.ui-fieldset-toggler.ui-icon.ui-icon-plusthick {
    float: left!important;
}

.docvali label {
    color: #03a9f4;
    font-size: 12px;
    font-weight: 500;
}
.docvali legend span.ui-fieldset-toggler {
    margin-right: 48px;
}

.docvali span.ui-fieldset-toggler.ui-icon.ui-icon-plusthick.docvali_bestand_toggler,.docvali span.ui-fieldset-toggler.ui-icon.ui-icon-minusthick.docvali_bestand_toggler {
    float: right !important;
    padding-top: 6px;
    font-size: 10px;
    position: absolute;
    height: 28px;
    margin-left: -20px;
    color: #777777!important;
    cursor: pointer;
}
.docvali .valistatusicon {
    display: inherit;
    float: left;
    font-size: 18px;
    position: absolute;
    padding-left: 64px;
    width: 48px;
    text-align: center;
    line-height: 48px;
    height: 48px;
}
.docvali fieldset.fieldset_lvl_b2 {
    margin-left: 48px !important;
}
.docvali .valistatusicon_lvl2 {
    padding-left: 112px;
}
span#dokvaldokicon {
    font-size: 36px;
    position: relative;
    top: 6px;
}
.docvali .ui-fieldset-toggleable .ui-fieldset-legend {
    margin-bottom: 0px;
} 
.ui-panel-content .docvali fieldset:last-of-type legend {
    margin-bottom: -2px !important;
}
.docvali .fieldset_lvl_b2 .ui-fieldset-content {
    margin-left: 98px;
}
.docvali .ui-fieldset .ui-fieldset-legend {
    border-bottom: 1px solid #d0d0d0;
}


/*SLAPAUSE*/
#slapause .onlydialogpanel_header {
    background-color: #03a9f4;
    color: white;
    height: 64px;
    line-height: 64px;
    padding: 0px 12px;
    font-weight: bold;
    font-size: 16px;
}

#slapause span.outputField.ui-inputfield.ui-inputtext.inputFieldROtrue {
    width: 100%!important;
}

#slapause .metrik span.outputField.ui-inputfield.ui-inputtext.inputFieldROtrue {
    width: 250px !important;
    text-align: left !important;
    margin-right: 8px;
    margin-top:4px;
}
#slapause .ui-chkbox  {
    margin: 0 50%;
    left: -16px;
    top: 4px;
}



.sla_icon {
    right: 2px;
    position: absolute;
}
.date span.unitsuffix, .date span.inputchildren, .date .ui-message, 
.time span.unitsuffix, .time span.inputchildren, .time .ui-message, 
.metrik span.unitsuffix, .metrik span.inputchildren, .metrik .ui-message {
    display: none;
}
#slapause td {
    vertical-align:top;
}

#slapause span.date, #slapause span.time {
    font-size: 10px;
    vertical-align: super;
}

table.checklist {
    margin-top: -16px;
} 
.checklist th {
    color: #03a9f4;
}
.checklist_toggler {
    color: #b1b1b1!important;
    cursor: pointer;
}
.checklist_indent {
  width: 36px;  
  display: inline-block;
}
.checklist_header th {
  border-bottom: solid 1px #b1b1b1;  
  line-height: 36px;  
}
.checklist_row td {
  border-bottom: solid 1px #b1b1b1;
  line-height: 36px;
}
.checklist_icon {
    width: 36px;
    text-align: center;
}
.checklist .checklist_status {
    border: solid 1px #b1b1b1;
    height: 22px;
    width: 22px;
    border-radius: 2px;
    margin: 0px 12px;
    cursor: pointer;
}
.checklist .checklist_info{
    color: grey;
    display: block;
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 6px;
}
.checklist_status.ui-icon-check {
    background-color: #03a9f4;
    color: white;
    border-color: #03a9f4;
}
.checklist_status.ui-icon-times {
    background-color:  #03a9f4;
    color: white;
    border-color:  #03a9f4;
}
.textareadefault {
    overflow:auto;
    height: auto;
    white-space:pre;
}
.textareawrap {
    white-space: pre-wrap!important;
}
.isread0 td{
	font-weight: 500 !important;
}
.isread1 td{
}

div.ui-selectonemenu.ui-state-focus > label.ui-selectonemenu-label {
    border-bottom: solid 0px white!important;
}

.filterinput > div.ui-selectonemenu.ui-state-focus > label.ui-selectonemenu-label {
    border-bottom: solid 1px #03a9f4!important;
}

.button-with-icon-left {
    left: -4px;
    margin-top: -12px!important;
    color: #03a9f4!important;
}

#chklist_detail_form\:overrideChklist .onlydialogpanel_header {
    background-color: #03a9f4;
    color: white;
    height: 64px;
    line-height: 64px;
    padding: 0px 12px;
    font-weight: bold;
    font-size: 16px;
}


.docvali .row .col-md-3 {
    line-height: 36px;
}
.docvali .row.pruefung .col-md-3,.docvali .row.pruefung .col-md-12,  {
    line-height: 24px;
}
.docvali .row .col-md-3 .detail_input_grid.detail_input_grid {
    height: 36px;
    line-height: 36px;
    margin-bottom: 0px !important;
}
.docvali .row .col-md-3 .ui-selectonemenu-label.ui-selectonemenu-label {
    line-height: 36px;
    height: 28px;
    margin-bottom: -4px;
    margin-left: -3px;
}
.docvali .ui-selectonemenu-label.ui-inputfield.ui-corner-all {
    width: 101% !important;
}
.docvali input[type="radio"] {
    top: 3px;
    position: relative;
}
.docvali span.ui-button-icon-left.ui-icon.ui-icon-calendar {
    color: #777777;
}
.docvali button.ui-datepicker-trigger.ui-button-icon-only {
    margin-left: -22px;
}
.ui-panel-content .ui-chkbox {
    top: 0px;
    left: -10px;
}
.filterelement .ui-chkbox {
    top: 8px;
    left: 0px;
}
span.checklist_txt_lvl1, span.checklist_txt_lvl2 {
    line-height: 18px;
    display: inline-block;
    padding-top: 12px;
}
#chklist_detail_form input.hasDatepicker {
    width: 40%;
}
.ui-datatable .ui-chkbox .ui-chkbox-box {
    margin-left: 10px;
}
.dashboardcolumns3 .ui-dashboard-column .col-md-6 {
    width: 100%;
}
.slaRedCommandButton, .slaOrangeCommandButton, .slaBlackCommandButton {
    float: right;
    top: -40px;
    left: -4px
}
.fix_buchwert .ui-panel-content .ui-chkbox-box{
    left:-6px!important;
}
div.ui-chkbox-box {
    margin-left: 2px;
}

.lockbox {
    left: 6px!important;
}

.subview_detail {
    
}





@media (max-width: 800px) {
    .ui-datatable-tablewrapper table {
        min-width: 800px;
        overflow-x: scroll;
    }
    .subview .ui-panel-content .ui-outputpanel {
        width: 100%;
        margin:0px;
    }
    .ui-panel .ui-panel-content {
    padding: 0px 0px 0px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .subview {
        border-radius:0px !important;
    }
}
@media screen\0
{
    .ie11thfix {
        width:100%;
    }
    html {
        width:100%;
    }
}


/* Kleinere Abstände in Input Feldern und Background - Back-Office-Mode */
/*
.backoffice_mode .detail_input_grid {
    margin: 4px 0px;
}
.backoffice_mode .detail_label_grid {
    height: 20px;
    height: 36px;
    vertical-align: initial;
}
.backoffice_mode .ui-inputfield {
    line-height: 24px;
    background-color: #f1f1f1 !important;
    border-bottom-color: #f1f1f1 !important;
    padding-left: 4px;
}
.backoffice_mode .outputField {
    background-color: transparent !important;
}
.backoffice_mode .ui-selectonemenu label.ui-selectonemenu-label {
    line-height: 24px;
    margin-top:-8px;
}
.backoffice_mode .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    line-height: 20px;
    margin-left: -6px;
}
.backoffice_mode .ui-button-icon-only .ui-icon {
    margin-left: -26px;
    top: 4px;
}
.backoffice_mode .ui-button-icon-only .ui-icon, .ui-button-text-icon-left .ui-icon, .ui-button-text-icon-right .ui-icon {
    margin-top: -12px;
    margin-left: -4px;
}
.backoffice_mode .ui-button {
    background: transparent;
}
.backoffice_mode .ui-panel-titlebar .ui-button {
    background: white;
}
.backoffice_mode .unitsuffix {
    height: 18px;
}
.backoffice_mode .unitsuffix label {
    margin-top: 8px;
}
.backoffice_mode .filterarea .ui-inputfield {
    background-color:transparent!important;
    border-bottom-color: #cccccc!important;
}

.backoffice_mode span.ui-button-icon-left.ui-icon.ui-c.ui-icon-triangle-1-s {
    margin-left: -24px;
    margin-top: -8px;
}
.backoffice_mode span.ui-button-icon-left.ui-icon.ui-icon-calendar {
    margin-left: -20px;
    margin-top: -6px;
}
.backoffice_mode .ui-selectonemenu-label {
    margin-top: -8px;
}

.backoffice_mode .filters span.ui-button-icon-left.ui-icon.ui-icon-calendar {
    margin-left: -12px;
    margin-top: -10px;
}
.backoffice_mode .searchintitle input {
    background-color: transparent!important;
}
.backoffice_mode .ui-chkbox .ui-chkbox-box {
    margin-top: 6px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .backoffice_mode .filters .ui-inputfield {
    line-height: 16px;
    border-bottom-color: #ccc !important;
    padding-left: 4px;
    }
    
    
    .backoffice_mode .ui-inputtext {
        padding-top: 8px;
        padding-bottom: 8px;
        line-height: 16px;
    }
    .backoffice_mode .ui-button-icon-only .ui-icon, .ui-button-text-icon-left .ui-icon, .ui-button-text-icon-right .ui-icon {
    margin-top: -16px;
    margin-left: -16px;
    }
    .backoffice_mode .panel_popup_content .ui-button-icon-only .ui-icon, .panel_popup_content .ui-button-text-icon-left .ui-icon, .panel_popup_content .ui-button-text-icon-right .ui-icon {
    margin-top: -10px;
    }   
    .backoffice_mode .ui-button-icon-only .ui-icon, .backoffice_mode .ui-button-text-icon-left .ui-icon, .backoffice_mode .ui-button-text-icon-right .ui-icon {
    margin-left: -24px;
    }
    .backoffice_mode .ui-panel-titlebar .ui-button-icon-only .ui-icon, .backoffice_mode .ui-panel-titlebar .ui-button-text-icon-left .ui-icon, .backoffice_mode .ui-panel-titlebar .ui-button-text-icon-right .ui-icon {
    margin-left: 0px;
    }
    .ui-panel-titlebar .ui-button-icon-only .ui-icon, .ui-panel-titlebar .ui-button-text-icon-left .ui-icon, .ui-panel-titlebar .ui-button-text-icon-right .ui-icon {
    margin-left: 0px;
    }
    .backoffice_mode input.hasDatepicker, .backoffice_mode input.ui-autocomplete-input {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 16px;
    }   
    .backoffice_mode span.ui-button-icon-left.ui-icon.ui-icon-calendar {
        margin-left: -20px;
        margin-top: -10px;
    }
    .backoffice_mode span.ui-button-icon-left.ui-icon.ui-c.ui-icon-triangle-1-s {
    margin-left: -24px;
    margin-top: -10px;
    }
}
*/
@media screen and (max-width: 700px) {
    .ui-panel-titlebar .toolbuttonitem {
        width: 75px;
        overflow: hidden;
        height: 36px;
    }
    .ui-dashboard-column:first-of-type .subview:first-of-type .ui-panel-titlebar, .firstsubview .ui-panel-titlebar {
        height: auto;
    }    
    .ui-dashboard-column:first-of-type .subview:first-of-type .ui-panel-titlebar .ui-panel-title form, .firstsubview .ui-panel-titlebar .ui-panel-title form {
        display:block;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1700px) {
    .ui-panel-titlebar .toolbuttonitem {
        width: 75px;
        overflow: hidden;
        height: 36px;
    }
}

@media (max-width: 1500px){


    .ui-dashboard-column { 
        width:100%!important;
    }
}
/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {


    .wizardtab .searchResultRow,.wizardtabactive .searchResultRow{
        display:none;
    }

    .wizardnumbervisited {
        padding-left: 10px !important;
    }

    td.detail_output input, td.detail_input input {
        width: 275px !important;
    }

    .ui-selectonemenu .ui-selectonemenu-label {
        width: 283px !important;
    }

    span.staffelDate .ui-inputfield {
        width: 100px !important;
    }
    table.kalkulatorinput input {
        width: 100px !important;
    }
    table.kalkulatorinput .ui-selectonemenu .ui-selectonemenu-label {
        width: 100px !important;
    }

    div[id="wizardheader"] {
        zoom: 0.6;
    }
    fieldset.nolinefieldset span.ui-fieldset-toggler {
        left: 43%;
        position: absolute;
        top: -50px;
    }

    td.detail_output input, td.detail_input input {
        width: 440px;
        padding-right: 11px;
    }
    .ui-selectonemenu .ui-selectonemenu-label.ui-selectonemenu-label {
        width: 275px!important;
    }
}
/* ----------- iPad 3ff Retina ----------- */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) {

    .wizardtab .searchResultRow,.wizardtabactive .searchResultRow{
        display:none;
    }

    .wizardnumbervisited {
        padding-left: 10px !important;
    }

    td.detail_output input, td.detail_input input {
        width: 275px !important;
    }

    .ui-selectonemenu .ui-selectonemenu-label {
        width: 283px !important;
    }

    span.staffelDate .ui-inputfield {
        width: 100px !important;
    }
    table.kalkulatorinput input {
        width: 100px !important;
    }
    table.kalkulatorinput .ui-selectonemenu .ui-selectonemenu-label {
        width: 100px !important;
    }

    div[id="wizardheader"] {
        zoom: 0.6;
    }
    fieldset.nolinefieldset span.ui-fieldset-toggler {
        left: 43%;
        position: absolute;
        top: -50px;
    }

    td.detail_output input, td.detail_input input {
        width: 440px;
        padding-right: 11px;
    }
    .ui-selectonemenu .ui-selectonemenu-label.ui-selectonemenu-label {
        width: 275px!important;
    }
}
@media (min-width: 1560px) {
    .col-hd-4 {
        width: 33%;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .alert_numbers {
        line-height: 22px;

    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .panel-content .ui-autocomplete-dropdown .ui-icon {
        padding-top: 0px;
        margin-left: -22px;
        margin-top: -24px;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   
  .panel-content .fa-search {
    margin-top: -12px;
    margin-left: -22px;
  }   

}



/* Experimental IE Selector Hack - sollte am Ende stehen*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    
    .detail_input_grid .inputchildren .fa-search {
        position:absolute;
        left:28px;
    }
 
    
   .cmbtn {
    border-radius: 0px!important;
    }
    .tabfilterbutton.ui-state-active {
        border-radius: 0px!important;
    }    
    
}
@media (min-width: 1199px) {
    .kalkulatorrate_abschnitt span.detail_label_grid {
        width: 120px;
    }
}    
/*Fix für Firefox*/
@media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
    #sladialog .ui-chkbox {
        margin: auto;
        left: 15px;
    }    
}
/*Fix für Firefox*/
@media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
    #slapause .ui-chkbox {
        margin: auto;
        left: 15px;
    }    
}
/* Default dashboard subviewpanel ausblenden */
.subview div.ui-panel-titlebar
{
    display:none;
}
/* iframes nicht beeinflussen */
#detailDashboardIFrame .ui-panel-titlebar {
    display: block;
}
/* popups nicht beeinflussen */
#onlydialog .subview div.ui-panel-titlebar {
    display: block;
}

/* Filter neue Stylings*/
.tabfilterselect {
    float: left;
    line-height: 32px;
    display: -webkit-box;
    padding: 0px 24px;    
}
.tabfilterselect button {
    top: 6px;
}
span.tabfilterselect2 {
    float: left;
}
.filtertoggler {
    text-align: center;
    padding: 10px;
    border-bottom: solid 2px #03a9f4;
}
.togglefilterbutton span.ui-button-icon-left {
    color: #aaa!important;
}
.fa-user-secret:before {
    content: "\f007"!important;
}

.ui-selectcheckboxmenu-panel.filter_dropdown_panel .ui-selectcheckboxmenu-list-item {
    margin: 5px 0px;
    padding: 5px 5px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .filterinputtarget .filterinputtext {
        margin-right: 20px !important;
        width: 200px;
    }
}
@media screen and (max-width: 767px) {
    .searchintitle, .suchetitle{
       display:none;
    }
}
@media screen and (max-width: 500px) {
    .ui-commandlink {
        display: none;
    }
}
span#filteroptionbutton {
    margin-right: 12px;
    cursor: pointer;
}
.filteroptionwindow {
    background: white;
    width: auto;
    height: auto;
    float: right;
    position: fixed;
    right: 21px;
    z-index: 50000;
    opacity: 1;
    border-radius: 2px;
    padding: 12px 24px 6px;
    box-shadow: 0 5px 25px -10px rgba(0,0,0,1);
    display:none;
    margin-top:-38px;
}
@media screen and (min-width:0\0) {
    .filteroptionwindow {
        margin-top: 0px;   
    } 
}
.filteroptionwindow hr {
    height: 0px;
    border: 0px;
    border-bottom: solid 1px #b1b1b1;
}
	
	
/* filter overlays unten nicht abschneiden */
.filter_dropdown_panel {
    padding-top: 3px;
    padding-bottom: 6px;
}

/* primefaces 6 fileupload */
.ui-fileupload-buttonbar .ui-fileupload-choose input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

/* pf6 outline menu */
.ui-menuitem-outline{
    outline:none !important;
}

.blackbutton .ui-button-text{
    color:black;
}
.filteroptionwindow a {
    text-decoration: none;
}

/* Filter Addons */
.newfilteraddbutton .ui-selectonemenu-label {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #aaaaaa;
    border-bottom: 2px solid transparent!important;
}
.newfilteraddbutton .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
    display: none;

}
.newfilteraddbutton {
    position: relative;
    top: 9px;
    border-bottom: 2px solid transparent!important;
    padding-top: 0px;
    height: 32px;
}
.filterfavorites {
    position: relative;
    top: 2px;
}
.filterfavorites .ui-button-text {
    font-size: 12px;
    line-height: 14px;
}
.filters .filterelement {
    min-height: 42px;
}
.row.filters {
    padding: 6px 12px;
}
.filterarea {
    border-bottom: solid 2px #03a9f4;
}
.filteroptionwindowcontent {
    position: relative;
    top: -32px;  
}
span.filteroption_filter {
    display: block;
    margin-right: -6px;
    padding: 0px 6px;    
}

.filterdeletebutton {
    position: absolute;
    background: white;
    border-radius: 2px;
    visibility: hidden;
    transition:visibility 0s ease-in 1s;
    z-index: 10;
}
.filtername:hover .filterdeletebutton {
    visibility: visible;
}
.newfilteraddbutton.ui-selectonemenu.ui-state-focus{
    border-bottom: 0px solid transparent !important;
}
.filters {
    max-width: 100%;
}

.ui-sortable-column-sort-asc {
    border-top: 0px solid #03a9f4!important;
}
.ui-sortable-column-sort-desc {
    border-bottom: 0px solid #03a9f4!important;
}

/* Table Sorting */

th:hover span.ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
    content: "\f0dc";
    color: #aaa;
    transition: all ease 0.5s; 
}

th span.ui-sortable-column-icon.ui-icon-triangle-1-n:before {
    content: "\f160"!important; 
    transition: all ease 0.5s;  
    display:block;
    color:#03a9f4!important;
}

th span.ui-sortable-column-icon.ui-icon-triangle-1-s:before {
    content: "\f160"!important;
    transform: scaleY(-1);
    transition: all ease 0.5s;
    display:block;
    color:#03a9f4!important;
}

.ui-datatable thead th span.ui-column-title {
    border-top: solid 2px white;
    border-bottom: solid 2px white;
    width: calc(100% - 22px);
    width: auto;
    display: initial;
    padding: 10px 0px;
    float: left;
}
.ui-datatable thead th {
    white-space: nowrap;   
}

.darkside {
    filter:invert(1);
    -webkit-filter: invert(1);
}

.ui-datatable thead th span.ui-sortable-column-icon {
    width: 20px;
    margin:0px;
    color:#03a9f4;
    border: solid 0px transparent;
}

.ui-dashboard-column:first-of-type .subview:first-of-type .ui-panel-titlebar.ohno, .firstsubview .ui-panel-titlebar.ohno {
    background: #000022!important;
    transition: background ease 1s;
    background-image: url(../images/ohno.gif)!important;
    background-size: contain!important;    
}
/* pf inputnumber */
.ui-inputnumber > .ui-inputtext::-ms-clear {
   display: none;
}

/* overflow in outputxpro */
.outputXpro{
    overflow-x: scroll;
    width: 100%;
    text-overflow: ellipsis;
    display: inline-block;
}
/* set min height in empty span of xprooutput */
.outputXpro:empty::before {
    content: "\200b";
}
/* fix for scroll when output/input without background color */
.dashpanelcontent .outputField.outputField {
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
}

.col_currency, .col_number{
    text-align:right !important;
}
.col_number span.ui-column-title,.col_currency span.ui-column-title {
    float: right !important;
}

.fieldwithnosuffixtrue {
    width: 60%;
    margin-bottom: -8px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* for parsley in pf messages */
.parsley-errors-list {
    display: contents;
    text-align: left;
}
/* parsley selectboxen */
div.ui-selectonemenu + div.parsley-errors-list {
	padding: 5px 0px 0px 0px !important;
}
.parsley-select .parsley-tooltip {
	padding: 0px;
}
.parsley-select .parsley-tooltip-arrow {
    margin-top: -7px !important;
}
.parsley-select .parsley-tooltip-text {
    padding: 1px 2px 0px 1px;
}
.parsley-select .parsley-tooltip-icon {
    padding-left: 2px;
}

/* disable ie password eye */
input::-ms-clear, input::-ms-reveal {
    display: none;
}

.nowordbreak .ui-datatable-selectable td:first-of-type, .nowordbreak .ui-datatable-selectable td:nth-child(2), .nowordbreak .ui-datatable-selectable td:nth-child(4), .nowordbreak .ui-datatable-selectable td:nth-child(6){
    word-wrap: initial!important;
}
span.ui-button-icon-left.ui-icon.ui-c.ui-icon-optionmenu {
    left: -1px;
}

.ui-treetable-toggler.ui-icon-triangle-1-s:before {
    content: "\f078";
}

.ui-treetable-toggler.ui-icon-triangle-1-e:before {
    content: "\f054";
}

.ui-treetable-toggler {
    color: #7d7d7d!important;
    font-size: 10px;
}

.parsley-tooltip .parsley-tooltip-text {
    padding: 0px 0px 0px 3px;
    background-color: #F44336;
    background-image: none;
    color: #fff;
    line-height: 28px;
    height: 28px;
    vertical-align: middle;
    transition: all 300ms ease;
	overflow: hidden;
}
.parsley-tooltip {
    display: inline-block;
    position: absolute;
    z-index: 2;
    padding: 4px 0px 0px 0px;
    margin: 0px;
    line-height: 28px;
    height: 28px;
    transition: width 300ms ease;
}
.parsley-tooltip-right .parsley-tooltip-arrow {
    top: 16px;
    left: -5px;
    margin-top: -2px;
    border-width: 5px 5px 5px 0;
    border-right-color: #F44336;
    line-height: 28px;
    transition: all 300ms ease;
}
.parsley-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;  
    transition: all 300ms ease;
}
.parsley-tooltip-icon {
    background-color: #F44336;
    line-height: 26px;
    height: 26px;
    font-size: 12px!important;
    color: white!important;
    width: 14px;
    display: inline-block;
    padding-top: 0px;
    margin-top: 0px;
    vertical-align:top;
    transition: all 300ms ease;
}
.parsley-custom-error-message {
    display: none;
    padding-right: 0px;
    min-width: 0px;
    max-width:0px;
    transition: all 300ms ease;
    color:transparent;
}
.parsley-custom-error-message-show {
    display: inline-block;
    padding-right: 10px;
    min-width: 150px;
    max-width: 800px;
    transition: all 300ms ease;
    color: white;
	
	overflow: hidden;
	position: relative;
	/* Some browsers may require -webkit-animation */
	/*  
	animation: marquee 3s linear infinite;
	animation-name: marqueefirst, marquee;
	animation-duration: 3s, 6s;
	animation-delay: 0s, 3s;
	animation-iteration-count: 1, infinite; 
	*/
}

@keyframes marqueefirst {
  0% { left: 10%; }
  100% { left: -100%; }
}
@keyframes marquee {
  0% { left: 100%; }
  100% { left: -100%; }
}

.parsley_tooltip_ok .parsley-tooltip-text {
    background-color: #4CAF50;
    transition: all 300ms ease;
}

.parsley_tooltip_ok .parsley-tooltip-arrow {
    border-right-color: #4CAF50;
    transition: all 300ms ease;
}

.parsley_tooltip_ok .parsley-tooltip-icon {
    background-color: #4CAF50;
    transition: all 300ms ease;
}
.ui-selectbooleancheckbox .parsley-errors-list {
    margin-left: 23px;
}

span.detail_input_grid.content_clock_adresse {
    margin-top: 2px;
}
.content_clock_adresse .parsley-tooltip {
    margin-top: -2px;
}
/*.dateselector_bis > input[readonly="readonly"] {
    margin-left:15px;
}*/
.button_clone > span.fa-clone {
    margin-top: -10px; padding-right: 4px;
}
.ui-organigram .ui-organigram-node.selected {
    background: #03a9f4!important;
}
.break {display:block;}
.icon-table {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    color: #b1b1b1!important;
    text-align: center;
}
span.filteroption_filter:hover {
    background: #f2f2f2;
}


.ui-organigram .ui-organigram-node.selected.selected {
    background: #03a9f4!important;
}

.filteroption_blackbutton .ui-icon-trash {
    float: right;
    padding-right: 0px;
    padding-top: 2px;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    top: 4px;
    left: 4px;
    transition: ease .4s all;
}
.filteroption_blackbutton .ui-icon-trash:hover {
       background: red; 
       color: white;  
}

.dashboardcolumns2 .bigcm.bigcm {display:none;}

.dashboardcolumns2 .smallcm.smallcm {display:block!important;}

.filterelement .filter_dropdown_simple .ui-selectonemenu.autocheck {min-width:auto!important;}

.wizard_tab {
    float:left;
}
.wizard_tab span.wizard_number {
    height: 100px;
    float: left;
    font-size: 100px;
    line-height: 100px;
    font-weight: 100;
}
.wizard_tab span.wizard_title {
    font-weight: bold;
    margin-top: 10px;
    display:block;
    overflow:hidden;
    padding-left: 10px;
}
.wizard_tab td.searchResultPanelIcon {
    display: none;
}
.wizard_tab table.searchResultPanel {
    font-size: 12px;
    line-height: 13px;
}
.wizard_tab.wizardtab {
    background: #03a9f4;
    color: white;
}
.wizard_tab.wizardtab span.searchResultRow, .wizard_tab.wizardtab span.searchResultTitle,
.wizard_tab.wizardtab span.wizard_title.wizardtitle,.wizard_tab.wizardtab span.wizard_title.wizardtitle

{
    color: white;
}

.wizard_tab.wizardtabactive span.searchResultRow, .wizard_tab.wizardtabactive span.searchResultTitle,
.wizard_tab.wizardtabactive.wizardtabvisited span.searchResultRow, .wizard_tab.wizardtabactive.wizardtabvisited span.searchResultTitle
{
    color: black;
}

.wizardtabactive {
    background: white;
}
.wizardtab a,.wizardtabactive a,.wizardtab a:visited,.wizardtabactive a:visited ,.wizardtab a:active,.wizardtabactive a:active  {
    text-decoration: none !important;
}
.wizard_tab.wizardtabactive.wizardtabvisited span.wizard_number.wizardnumber, .wizard_tab.wizardtabactive.wizardtabvisited span.wizard_title.wizardtitle  {
    color: #03a9f4;
}
@media only screen and (max-width: 780px) {
    span.wizard_number.wizardnumber {
        height: 16px;
        font-size: 16px;
        line-height: 16px;
        font-weight: 500;
        float: left;
        padding: 10px 6px 0px 2px;
    }
}
.wizard_tab span.wizard_number {
    height: 48px;
    float: left;
    font-size: 42px;
    line-height: 48px;
    font-weight: 100;
    background: white;
    border-radius: 50%;
    color: black;
    width: 48px;
    margin: 12px 6px 0px 12px;
    text-align: center;
}
.wizard_tab.wizardtabactive span.wizard_number.wizardnumber {
    color: white !important;
    background:  #03a9f4;
}
 
.wizard_tab span.wizard_title.wizardtitle
{
    color: white;
    height: 17px;
}
.wizard_tab div.entitypanel{
    overflow:hidden;
    margin-right:4px;
}
table.searchResultPanel.entity_2spalten {
    color: white;
}
.wizardtabactive table.searchResultPanel.entity_2spalten {
    color: black;
}

.dragcopyicon{
	cursor:copy !important;
}

.inputFieldAjax {
    width: 51%;
}


.mainbottomborder {
    border-bottom:1px solid #03a9f4;
}
.kalkulatorsection
{
    width:80% !important;
    max-width:unset !important;
    height:23px;
    border-bottom:1px solid #03a9f4;
}
/* im popup dialog kein entitypanel */
/* off for dublettepopup detail - can be overriden in abstractBo.hasHeaderDetail() when necessary */
.OFFonlydialogpanel .entitypanel{ display:none !important;}

.hiddenbutton {
    display: none;
}

.ui-treetable .ui-treetable-indent {
    float: left;
    height: 16px;
    width: 16px;
}
.ui-dashboard-column:first-of-type .subview:first-of-type .ui-panel-titlebar, .firstsubview .ui-panel-titlebar .fa {
    color: white;
}

.droppable.selectable.collapsible.knestyle.knetype.ui-organigram-node.level-1.expanded.ui-droppable {
    min-width: 170px;
    padding: 6px;
    font-weight: bold;
}
.panelbtn span {
    background:#03a9f4;
}
.panelbtn .ui-icon {
    padding-top: 0px !important;
    margin: 0px;
    top: 34%;
}
.panelbtn .ui-button-text {

    padding: 7px 1em .3em 2.1em !important;
    line-height: inherit !important;

}
.ui-organigram .ui-organigram-node.drop-hover.drop-hover {
    opacity: 1;
    box-shadow: 0px 0px 20px 3px #03a9f4!important;
    color: #03a9f4;
}
.ui-icon-message {
    zoom: 2;
    color: #03a9f4!important;
}
.ui-organigram .ui-organigram-node.level-2 {
    background: #03a9f4;
}
.ui-organigram .ui-organigram-node.knestyle {
    background: #ffffff!important;
    color: #03a9f4;
}
.ui-organigram .line {
    border-color: #03a9f4!important;
}
.ui-organigram .line.down {
    background-color: #03a9f4!important;
} 
#popupDashboard .ui-panel-content {
    overflow-y:auto;
    max-height: inherit !important;
}
.carselector .ui-treetable-scrollable-body {
    overflow-x: hidden;
}

.cmlm button.ui-state-hover .ui-button-text {
    color: #c0091f!important;               /* USE ALWAYS DARKRED Color for HIGHLIGHT */
}

.cmlm button.ui-state-hover .ui-icon {
    color: #c0091f!important;               /* USE ALWAYS DARKRED Color for HIGHLIGHT */
}
/* disable fa-search positioning for this button for IE */
.nobuttoniconmove .fa-search{
    left:5px!important;
}

/* ON detail_label_1to2Col: adjust Width of ui-inputfield */
@media (min-width: 900px) {
	.ui-inputfield.detail_label_1to2Col  {
		width: 80%!important;
	}
}
/* ON detail_label_1to2Col: adjust Width of detail_label_grid */
@media (min-width: 1500px) {
	.detail_label_grid.detail_label_1to2Col {
		width: 15%!important;
	}
}

.ui-panel-content .searchResultPanelIcon span {
    color: #03a9f4 !important;
}

.ui-visitcard-left{
	font-size:14px;
	font-weight: 500;
	font-family: Roboto,Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	text-align: left;
	color:white;
}
.ui-visitcard-right{
	font-size:14px;
	font-weight: 500;
	font-family: Roboto,Verdana,Arial,Helvetica,sans-serif;
	padding: 5px;
	text-align: right;
	color:white;
}

.visitcard-flat{
	
}

.visitcard-shadow {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  margin: 5px;
}

.visitcard-shadow:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


body .ui-inputswitch {
 border:1px solid #a6a6a6;
 border-color:#a6a6a6;
 background-color:#fff;
 color:#333;
 height:33px;
 -moz-transition:border-color .3s;
 -o-transition:border-color .3s;
 -webkit-transition:border-color .3s;
 transition:border-color .3s
}
body .ui-inputswitch .ui-inputswitch-handle {
 border:1px solid #a6a6a6;
 border-width:0 1px 0 0;
 background-color:#fff;
 width:1.572em !important;
 height:33px !important
}
body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus {
 background-color:#a6a6a6
}
body .ui-inputswitch .ui-inputswitch-on,
body .ui-inputswitch .ui-inputswitch-off {
 top:50%;
 margin-top:calc(-30px / 2)
}
body .ui-inputswitch.ui-inputswitch-checked {
 border-color:#a6a6a6;
 background-color:#007ad9;
 color:#fff
}
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
 border-width:0 0 0 1px
}
body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover {
 background-color:#005b9f
}
body .ui-inputswitch:not(.ui-state-disabled):hover {
 background-color:#d9d9d9
}
body .ui-toggleswitch {
 width:3em;
 height:1.75em
}
body .ui-toggleswitch .ui-toggleswitch-slider {
 -moz-transition:background-color .3s;
 -o-transition:background-color .3s;
 -webkit-transition:background-color .3s;
 transition:background-color .3s;
 border-radius:30px;
 background:#ccc
}
body .ui-toggleswitch .ui-toggleswitch-slider:before {
 background-color:#fff;
 height:1.250em;
 width:1.250em;
 left:.25em;
 bottom:.25em;
 border-radius:50%;
 -webkit-transition:.3s;
 transition:.3s
}
body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
 -webkit-transform:translateX(1.25em);
 -ms-transform:translateX(1.25em);
 transform:translateX(1.25em)
}
body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
 background:#b7b7b7
}
body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider {
 background-color:#b7b7b7
}
body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
 background-color:#007ad9
}
body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider {
 background-color:#116fbf
}
body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider {
 background:#005b9f
}
.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td{
	border:none;
}
  
.ui-widget-content.ui-datatable-empty-message td{
	border: 0px none transparent;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover{
	border-color:#03a9f4;
}

.indicatormaincolor {
    border-color: #03a9f4 !important;
} 
.ui-datepicker select option {
    font-family: Roboto !important;
}