body { font-family: Tahoma, Arial, Verdana; font-size: 12px; 	color: black; }
.panelPeriod .ui-panel-content {
    padding: 0;
}
.toDate .ui-inputfield, .fromDate .ui-inputfield {
    width:70px;
}
.ui-panel .panelPeriod , .ui-panel .panelParameters {
    background: url("/javax.faces.resource/background/greyPattern.gif.jsf?ln=img") repeat scroll 0 0 transparent;
}
.panelPeriod .ui-panel {
    background: url("/javax.faces.resource/background/greyPattern.gif.jsf?ln=img") repeat scroll 0 0 transparent;
    border:0px;
}
.paramterGrid .ui-widget-content {
    background: none repeat scroll 0 0 transparent;
    border-color: transparent;
}
.buttonPanelGrid {
    width:100%;
}
.buttonPanelGrid .ui-widget-content {
    background: url("/javax.faces.resource/background/greyPattern.gif.jsf?ln=img") repeat scroll 0 0 transparent;
    border-color: transparent;
}
.xAxisColumn {
    width:60px;
}
.checkBoxColumn {
    width:250px;
}
.checkboxValuesColumn {
    width:250px;
}
.labelColumn {
    width:250px;
}
.checboxColumn {
    width:5px;            
}
.rightColumnButtonGrid {
    width:33%;
    text-align:center;
}
.leftColumnButtonGrid {
    width:33%;
    text-align:center;
}
.centerColumnButtonGrid {
    width:33%;
    text-align:center;
}          
.ui-spinner-input {
    width:50px;
}
.color {
    width:50px;
}
.diagramTitle {
    font-family: helvetica,verdana,arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
}
.diagramDescription {
    font-family: helvetica,verdana,arial,sans-serif;
    font-size: 12px;
    padding-top:10px;
}
.diagramCategory {
    font-family: helvetica,verdana,arial,sans-serif;
    font-size: 12px;
    padding-top:10px;
    font-style: italic;
    padding-right: 10px;
    padding-top: 10px;
    font-weight: bold;
}
.diagramExecutionTime {
    font-family: helvetica,verdana,arial,sans-serif;
    font-size: 12px;
    padding-bottom:5px;
    font-style: italic;
    padding-top: 2px;
    text-align:right;
    display:inline;
    margin-left: 150px;
}
.instanceIdDiv {
    font-family: helvetica,verdana,arial,sans-serif;
    font-size: 12px;
    font-style: italic;
    text-align:right;                
}
.viewEditButtons .ui-button {
    color:lightgray;
    background: none repeat scroll 0 0 #F8F8FF;
    border-color: lightgray;
}
.viewEditButtons .ui-state-active {
    color:black !important;
    background: none repeat scroll 0 0 #F8F8FF;
    border-color: lightgray;
}            
.viewEditButtons .ui-button-text {
    padding: 5px;
}
.userPanelButtons .ui-button-text {
    padding: 5px !important;
}
.dashboardPanel .ui-panel-content {
    background: none repeat scroll 0 0 transparent;
    border:0 none;
    padding:0;
}
.asyDashboardStyle .ui-dashboard-column {
    padding:0;
}
.ui-dashboard asyDashboardStyle {
}
.ui-widget .ui-icon-star-selected {
	background: url("/javax.faces.resource/icons/favorite-icons.png.jsf?ln=img") no-repeat scroll 0 0 transparent;
    display: block;
    height: 15px;
    width: 16px;
	background-position: 0 -48px !important;
}
.ui-widget .ui-icon-star-deselected {
	background: url("/javax.faces.resource/icons/favorite-icons.png.jsf?ln=img") no-repeat scroll 0 0 transparent;
    display: block;
    height: 15px;
    width: 16px;
	background-position: 0 -32px !important;
}
.diaP .ui-panel-content {
    padding: 0px !important;
}
.ui-panel .diaP, .paramP {
    padding: 0px !important;
}
table, td {
    vertical-align: top;
}
.paramP table, .paramP td, .paramP .ui-widget-content {
    background-color:transparent;
    border: 0px solid grey;
}
.chartwrapper {
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  box-sizing: border-box;
}
.chartdiv {
  position: absolute;
  width: 100%;
  height: 100%;
}

.panelOlap{max-width: 300px !important;}

.panelTabular{min-width:650px !important; max-width:1000px !important;}

@media only screen and (max-width: 768px) {
	.panelOlap{min-width: 70% !important;}
}