app.css

.main-header {
    background: black;
}

.main-header  .x-panel-body-default{
	color: #9d9d9d;
	font-size: 1.2em;
	padding: 10px;
}

.main-toolbar {
	background: rgb(56,146,211);
}

.main-tabbar .x-tab-bar-default{
	background: lightgray;
}


.positiveAction {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 3px 3px 3px;
	border-width: 1px;
	border-style: solid;
	background-image: none;
	background-color: #3892d3;
	background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#4b9cd7),color-stop(50%,#3892d3),color-stop(51%,#358ac8),color-stop(100%,#3892d3));
	background-image: -webkit-linear-gradient(top,#4b9cd7,#3892d3 50%,#358ac8 51%,#3892d3);
	background-image: -moz-linear-gradient(top,#4b9cd7,#3892d3 50%,#358ac8 51%,#3892d3);
	background-image: -o-linear-gradient(top,#4b9cd7,#3892d3 50%,#358ac8 51%,#3892d3);
	background-image: -ms-linear-gradient(top,#4b9cd7,#3892d3 50%,#358ac8 51%,#3892d3);
	background-image: linear-gradient(top,#4b9cd7,#3892d3 50%,#358ac8 51%,#3892d3);
}

.positiveAction.x-btn-inner-default-toolbar-small{
	color: white;
}
.positiveAction:hover {
border-color: #1064a1;
background-image: none;
background-color: #3386c2;
background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#4792c8),color-stop(50%,#3386c2),color-stop(51%,#307fb8),color-stop(100%,#3386c2));
background-image: -webkit-linear-gradient(top,#4792c8,#3386c2 50%,#307fb8 51%,#3386c2);
background-image: -moz-linear-gradient(top,#4792c8,#3386c2 50%,#307fb8 51%,#3386c2);
background-image: -o-linear-gradient(top,#4792c8,#3386c2 50%,#307fb8 51%,#3386c2);
background-image: -ms-linear-gradient(top,#4792c8,#3386c2 50%,#307fb8 51%,#3386c2);
background-image: linear-gradient(top,#4792c8,#3386c2 50%,#307fb8 51%,#3386c2);
}
.positiveAction.x-btn-inner-default-toolbar-small:hover{
	color: white;
}