
.k-block, .k-button, .k-draghandle, .k-grid-header, .k-grouping-header,
.k-header, /*.k-pager-wrap,*/ .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header
{
    background-color: #A18301;
}

.k-grid-header .k-header>.k-link, .k-header, .k-treemap-title
{
    color: #FFFFFF;
}

.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em;
}

/*.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical, .k-list>.k-state-highlight,
.k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler
.k-today.k-state-selected, */.k-state-selected /*, .k-state-selected:link, .k-state-selected:visited */ {
    color: #000;
    background-color: #A18301;
    border-color: #A18301;
}


@media (max-width: 767px) {
	
	.k-grid-content table, .k-grid-content-locked > table, .k-grid-footer table, .k-grid-header table {
	   table-layout: auto;
	}
	.k-grid table {
	   border-collapse: inherit;
	   border-spacing: 10px;
	}
	
	#grid.k-grid.k-widget {
	   max-width: 350px;
	}
	

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	#grid.k-grid.k-widget {
	   max-width: 1000px;
	}
}