/*******
 * UI reports
 *
 */

:root { /*make use*/
  main-bg-color: brown;
}
/***********************
	Colors (same as
	tasks and calendars)
************************/
.reports-color-1{
    color: rgb(0,0,0) !important; /*reverse color black not white*/
}

.reports-color-2{
    color: rgb(63,195,255) !important;
}

.reports-color-3{
    color: rgb(255,109,63) !important;
}

.reports-color-4{
    color: rgb(149,214,65) !important;
}

.reports-color-5{
    color: rgb(28,232,181) !important;
}

.reports-color-6{
    color: rgb(255,155,0) !important;
}

.reports-color-7{
    color: rgb(184,196,201) !important;
}

.reports-color-8{
    color: rgb(255,218,0) !important;
}

 
 

.reports-panel-header .x-panel-header-docked-top{
	background-color: transparent;
	border-width: 0px ;
}

.reports-panel-header .x-panel-header-default-horizontal.x-header-noborder {
	padding: 0px 16px 0px 16px;
}

.reports-panel-header .x-tool-img{
	background-color: white;
	color: #404040;
}


.reports-panel-header .x-tool-tool-el{
	background-color: white;
	color: #404040;
}


.reports-panel-header .x-panel-header-default-horizontal.x-header-noborder .x-tool-img{
	background-color: white;
	color: #0080ff;
}

.reports-panel-header .x-box-scroller-tab-bar-default{
	background-color: transparent;
	color: #404040;
}

.reports-panel-header .x-tab-bar-default-top .x-box-scroller-tab-bar-default {
	margin-top: -14px

	}

.reports-panel-header .x-tab-bar-default-top > .x-tab-bar-body-default{
	padding-top: 0px;
} 
.reports-panel-header .x-tab-bar {
	 	background-color: transparent;
}

.reports-panel-header .x-tab {
	opacity: 0.5;
	border-radius: 10px;
	background-color: white;
}

.reports-panel-header .x-tab.x-tab-active {
	opacity: 1.0;
	color: initial ;
}

.reports-panel-header .x-tab-inner {
    font: bold 11px/15px "Open Sans","Helvetica Neue",helvetica,arial,verdana,sans-serif;
    color: inherit !important;
    max-width: 160px;
    white-space: pre-wrap !important;  
}

.reports-panel-header .x-tab-icon-el {
	color: inherit !important;
}

.reports-panel-header .x-tab-close-btn {
	color: inherit !important;
}

.reports-grid .x-header{
	background-color: #5fa2dd !important;
	border-width: 0px !important;
}