/*overall page layout*/

	html body {
		min-width: 289px;
		background-color: #fff;
	}

	.fragment {
		position: fixed;
		z-index: 999;
		margin: 0px;
		top: 0;
		left: 0;
		right: 0;
	}
	
	col:nth-child(1) {
			width: 400px !important;
	}

	col:nth-child(2){
			width: 400px !important;
	}

	col:nth-child(3){
			width: 400px !important;
	}
	.container-fluid {
		padding-right: 0px;
		padding-left: 0px;
	}

	@media (min-width: 1024px) {
		.fragment {
			width: 1024px;
			margin-right: auto;
			margin-left: auto;
		}

		.k-grid {
			width: 1024px;
			margin-right: auto;
			margin-left: auto;
		}
	}

	/*section for template view*/

	.toolbar {
		float: right;
	}

	.k-grid-toolbar {
		background-image: linear-gradient(#04519b, #044687 60%, #033769);
	}

	.category-label {
		color: white;
	}

	/*http://www.telerik.com/forums/using-bootstrap-kendo-grid-and-a-custom-row-template-with-bootstrap-syntax*/
	.k-widget .row * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.well {
		margin: 0px;
	}

	td :hover {
		background-color: rgb(202,204,249) !important;
		cursor: pointer;
	}

	/*section for grid view (styling does affect template view)*/

	.k-block, .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: #fff;
	}

		.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
			border-color: #fff;
		}

			.k-grid-header .k-header > .k-link {
				color: #696969;
			}

			.k-header .k-link {
				font-weight: 600;
				text-transform: uppercase;
			}



	.k-grid .k-alt {
		background-color: #f5f5f5;
	}

	table {
		border-color: white;
	}

	.k-grid tr td {
		border-width: 0px;
	}

	.k-grid {
		border-width: 0;
	}

	.k-widget {
		color: #696969;
	}

	.grid-button.view-action a {
		color: gray;
		background-color: #fddbad;
		border: 2px solid #fddbad;
		padding: 7px 20px;
		font-size: .8em;
		font-weight: 600;
		letter-spacing: 1px;
		text-decoration: none;
		transition: background-color 0.2s ease-out,border-color 0.2s ease-out;
	}

		.grid-button.view-action a:hover {
			border-color: #3D515C;
			background-color: #3D515C !important;
			color: #fff;
		}

	button .fa {
		line-height: inherit;
		width: auto;
		margin-left: 0;
		padding-left: 4px;
		padding-right: 4px;
	}

	button .k-sprite.fa {
		font-size: inherit;
		overflow: inherit;
	}

	.k-label {
		font-weight: 400;
	}

		.k-label input {
			margin-right: 5px;
		}

	.k-pager-wrap {
		display: inline-block;
		left: 50%;
		margin-top: 50px;
		transform: translate(-50%, -50%);
	}