
* {
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none;
	outline: none;
}


body {
	background-color: #fff;
	font-family: -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: -apple-system-font, 'Segoe UI Light', 'Segoe UI', 'Roboto', sans-serif;
	font-weight: 300;
}

.header {
	background-color: #00C1D5;
	margin-bottom: 14px;
	padding: 12px 0px;
	color: #dcf3f6;
}

	.header h1 {
		font-size: 40px;
		line-height: 1;
		margin: 8px 0 5px 0;
		color: #fff;
	}

	.header img {
		float: left;
		margin: 0 10px 5px 0;
	}

    .header a {
        color:#fff;
        font-weight:800;
        text-decoration:underline;
    }
h2 {
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 22px;
}

p {
	margin-bottom: 20px;
	line-height: 22px;
}

.pane-content {
	background-color: white;
	padding: 0px 8px;
	border: 1px solid #dddddd;
	border-top: none;
	white-space: pre;
	overflow: auto;
	font-size: 13px;
}

.wj-flexgrid {
	height: 300px;
    min-width:400px;
}

.windows-95 {
	font-family: "MS Sans Serif", sans-serif;
	font-size: 10px;
	-webkit-font-smoothing: none;
	color: #000;
	scrollbar-face-color: #c0c0c0;
	scrollbar-base-color: #C0C0C0;
	scrollbar-base-color: #C0C0C0;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-highlight-color: #C0C0C0;
	scrollbar-track-color: #EBEBEB;
	scrollbar-arrow-color: black;
	scrollbar-shadow-color: #C0C0C0;
	scrollbar-dark-shadow-color: #C0C0C0;
}

	.windows-95 .wj-content {
		border-radius: 0;
		border: 1px solid #000;
		background: #808080;
		color: #000;
	}

	.windows-95 .wj-header {
		color: #000;
		font-weight: normal;
		background: #c0c0c0;
		border-top: solid 1px #fff;
		border-left: solid 1px #fff;
		border-bottom: solid 1px #808080;
		border-right: solid 1px #808080;
	}

	.windows-95 .wj-flexgrid .wj-header {
		text-align: center !important;
	}

	.windows-95 .wj-cell {
		padding: 2px;
		/*height:16px;*/
	}

		.windows-95 .wj-cell:not(.wj-header) {
			border-color: #c0c0c0;
		}

	.windows-95 .wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
		background: #fff;
	}

	.windows-95 .wj-state-selected {
		background: #0000BF;
	}

	.windows-95 .wj-state-multi-selected {
		background: #0000BF;
	}


	.windows-95 ::-webkit-scrollbar {
		width: 16px;
	}

	/* the new scrollbar will have a flat appearance with the set background color */
	.windows-95 ::-webkit-scrollbar-track {
		background-image: url(data:image/gif;base64,R0lGODlhAgACAJEAAMDAwP///////wAAACH5BAEHAAIALAAAAAACAAIAAAIDFCAFADs=);
	}

	/* this will style the thumb, ignoring the track */
	.windows-95 ::-webkit-scrollbar-thumb {
		background-color: #c0c0c0;
		border-top: solid 1px #c0c0c0;
		border-left: solid 1px #c0c0c0;
		border-bottom: solid 1px #000;
		border-right: solid 1px #000;
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,1), inset -1px -1px 0px 0px rgba(128,128,128,1);
	}

	/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
	.windows-95 ::-webkit-scrollbar-button {
		background-color: #c0c0c0;
		border-top: solid 1px #c0c0c0;
		border-left: solid 1px #c0c0c0;
		border-bottom: solid 1px #000;
		border-right: solid 1px #000;
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,1), inset -1px -1px 0px 0px rgba(128,128,128,1);
	}

		/* Turn on single button up on top, and down on bottom */
		.windows-95 ::-webkit-scrollbar-button:start:decrement,
		.windows-95::-webkit-scrollbar-button:end:increment {
			display: block;
		}

		/* Turn off the down area up on top, and up area on bottom */
		.windows-95 ::-webkit-scrollbar-button:start:increment,
		.windows-95 ::-webkit-scrollbar-button:end:decrement {
			display: none;
		}


		/* Place The scroll up button at the up */
		.windows-95 ::-webkit-scrollbar-button:start:decrement {
			background-image: url('data:image/gif;base64,R0lGODlhBwAEAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAAHAAQAAAIHlGEJq8sOCwA7');
			background-repeat: no-repeat;
			background-position: center center;
		}

		/* Place The scroll down button at the bottom */
		.windows-95 ::-webkit-scrollbar-button:end:increment {
			background-image: url('data:image/gif;base64,R0lGODlhBwAEAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAAHAAQAAAIIhA+CKWoNmSgAOw==');
			background-repeat: no-repeat;
			background-position: center center;
		}



.windows-98 {
	font-family: "MS Sans Serif", sans-serif;
	font-size: 10px;
	-webkit-font-smoothing: none;
	color: #000;
	scrollbar-face-color: #c0c0c0;
	scrollbar-base-color: #C0C0C0;
	scrollbar-base-color: #C0C0C0;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-highlight-color: #C0C0C0;
	scrollbar-track-color: #EBEBEB;
	scrollbar-arrow-color: black;
	scrollbar-shadow-color: #C0C0C0;
	scrollbar-dark-shadow-color: #C0C0C0;
}

	.windows-98 .wj-content {
		border-radius: 0;
		border: 1px solid #000;
		background: #808080;
		color: #000;
	}

	.windows-98 .wj-header {
		color: #000;
		font-weight: normal;
		background: #c0c0c0;
		border-top: solid 1px #fff;
		border-left: solid 1px #fff;
		border-bottom: solid 1px #808080;
		border-right: solid 1px #808080;
	}

	.windows-98 .wj-flexgrid .wj-header {
		text-align: center !important;
	}

	.windows-98 .wj-cell {
		/*padding: 2px;
        height:16px;*/
	}

		.windows-98 .wj-cell:not(.wj-header) {
			border-color: #c0c0c0;
		}

	.windows-98 .wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
		background: #fff;
	}

	.windows-98 .wj-state-selected {
		background: #08226c;
	}

	.windows-98 .wj-state-multi-selected {
		background: #08226c;
	}


	.windows-98 ::-webkit-scrollbar {
		width: 18px;
	}

	/* the new scrollbar will have a flat appearance with the set background color */
	.windows-98 ::-webkit-scrollbar-track {
		background-image: url(data:image/gif;base64,R0lGODlhAgACAJEAAMDAwP///////wAAACH5BAEHAAIALAAAAAACAAIAAAIDFCAFADs=);
	}

	/* this will style the thumb, ignoring the track */
	.windows-98 ::-webkit-scrollbar-thumb {
		background-color: #c0c0c0;
		border-top: solid 1px #c0c0c0;
		border-left: solid 1px #c0c0c0;
		border-bottom: solid 1px #000;
		border-right: solid 1px #000;
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,1), inset -1px -1px 0px 0px rgba(128,128,128,1);
	}

	/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
	.windows-98 ::-webkit-scrollbar-button {
		background-color: #c0c0c0;
		border-top: solid 1px #c0c0c0;
		border-left: solid 1px #c0c0c0;
		border-bottom: solid 1px #000;
		border-right: solid 1px #000;
		-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255,255,255,1), inset -1px -1px 0px 0px rgba(128,128,128,1);
	}

		/* Turn on single button up on top, and down on bottom */
		.windows-98 ::-webkit-scrollbar-button:start:decrement,
		.windows-98::-webkit-scrollbar-button:end:increment {
			display: block;
		}

		/* Turn off the down area up on top, and up area on bottom */
		.windows-98 ::-webkit-scrollbar-button:start:increment,
		.windows-98 ::-webkit-scrollbar-button:end:decrement {
			display: none;
		}


		/* Place The scroll up button at the up */
		.windows-98 ::-webkit-scrollbar-button:start:decrement {
			background-image: url('data:image/gif;base64,R0lGODlhBwAEAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAAHAAQAAAIHlGEJq8sOCwA7');
			background-repeat: no-repeat;
			background-position: center center;
		}

		/* Place The scroll down button at the bottom */
		.windows-98 ::-webkit-scrollbar-button:end:increment {
			background-image: url('data:image/gif;base64,R0lGODlhBwAEAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAAHAAQAAAIIhA+CKWoNmSgAOw==');
			background-repeat: no-repeat;
			background-position: center center;
		}



.windows-xp {
	font-family: Tahoma, "MS Sans Serif", sans-serif;
	font-size: 10px;
	-webkit-font-smoothing: none;
	color: #000;
	scrollbar-face-color: #b5cdf6;
	scrollbar-base-color: #b5cdf6;
	scrollbar-base-color: #b5cdf6;
	scrollbar-3dlight-color: #b5cdf6;
	scrollbar-highlight-color: #b5cdf6;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #163667;
	scrollbar-shadow-color: #b5cdf6;
	scrollbar-dark-shadow-color: #b5cdf6;
}

	.windows-xp .wj-content {
		border-radius: 0;
		border: 1px solid #8E8B7D;
		background: #D3D0C7;
		color: #000;
	}

	.windows-xp .wj-header {
		color: #000;
		font-weight: normal;
		background: #ECEADA;
		border-color: #BDBAAB;
	}

	.windows-xp .wj-flexgrid .wj-header {
		text-align: center !important;
	}

	.windows-xp .wj-cell {
		/*padding: 2px;
        height:16px;*/
	}

		.windows-xp .wj-cell:not(.wj-header)):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
			border-color: #ECEADA;
		}

	.windows-xp .wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
		background: #fff;
	}

	.windows-xp .wj-state-selected {
		background: #3169C4;
		border-color: #A5B6C9;
	}

	.windows-xp .wj-state-multi-selected {
		background: #3169C4;
		border-color: #A5B6C9;
	}


	.windows-xp ::-webkit-scrollbar {
		width: 16px;
	}

	/* the new scrollbar will have a flat appearance with the set background color */
	.windows-xp ::-webkit-scrollbar-track {
		background: #fff;
	}

	/* this will style the thumb, ignoring the track */
	.windows-xp ::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: url('data:image/gif;base64,R0lGODlhCwAJAKIAAJaw2////6W+56nB67HJ85224a3F7wAAACH5BAEHAAQALAAAAAALAAkAAAMeSCPcMsSESakxBegNyq3glXGaJ4EWRpYfOhmK00AJADs=') no-repeat center center, -webkit-linear-gradient(left, #d4e0ff 0%,#b5cdf6 100%);
		border: solid 1px #fff;
		-webkit-box-shadow: inset 0 0 1px rgba(22,54,103,0.8), 1px 1px 1px rgba(22,54,103,0.8);
	}

	/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
	.windows-xp ::-webkit-scrollbar-button {
		border-radius: 3px;
		background: -webkit-linear-gradient(left, #d4e0ff 0%,#b5cdf6 100%);
		border: solid 1px #fff;
		-webkit-box-shadow: inset 0 0 1px rgba(22,54,103,0.8), 1px 1px 1px rgba(22,54,103,0.8);
	}

		/* Turn on single button up on top, and down on bottom */
		.windows-xp ::-webkit-scrollbar-button:start:decrement,
		.windows-xp::-webkit-scrollbar-button:end:increment {
			display: block;
		}

		/* Turn off the down area up on top, and up area on bottom */
		.windows-xp ::-webkit-scrollbar-button:start:increment,
		.windows-xp ::-webkit-scrollbar-button:end:decrement {
			display: none;
		}


		/* Place The scroll up button at the up */
		.windows-xp ::-webkit-scrollbar-button:start:decrement {
			background: url('data:image/gif;base64,R0lGODlhCgAGAKIAABc3aJimvKezxu/y9UFbg5mnvP///wAAACH5BAEHAAYALAAAAAAKAAYAAAMWaGoi+wIAB6WkTIZyTegZUBgExhBGAgA7') no-repeat center center, -webkit-linear-gradient(left, #d4e0ff 0%,#b5cdf6 100%);
		}

		/* Place The scroll down button at the bottom */
		.windows-xp ::-webkit-scrollbar-button:end:increment {
			background: url('data:image/gif;base64,R0lGODlhCgAGAKIAABg4aKezxpakuu/y9UBagq21xZmnvP///yH5BAEHAAcALAAAAAAKAAYAAAMXeBTXF+QYANij5gIxqwsUZX2iYwbjkQAAOw==') no-repeat center center, -webkit-linear-gradient(left, #d4e0ff 0%,#b5cdf6 100%);
		}



.windows-mobile {
	font-family: "MS Sans Serif", sans-serif;
	font-size: 10px;
	-webkit-font-smoothing: none;
	color: #000;
	scrollbar-face-color: #CEDFEF;
	scrollbar-base-color: #CEDFEF;
	scrollbar-base-color: #CEDFEF;
	scrollbar-3dlight-color: #CEDFEF;
	scrollbar-highlight-color: #CEDFEF;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: black;
	scrollbar-shadow-color: #CEDFEF;
	scrollbar-dark-shadow-color: #CEDFEF;
}

	.windows-mobile .wj-flexgrid {
		width: 234px;
        min-width: 234px; 
		height: 264px;
	}

	.windows-mobile .wj-content {
		border-radius: 0;
		border: 1px solid #000;
		background: #fff;
		color: #000;
	}

	.windows-mobile .wj-header {
		color: #000;
		font-weight: normal;
		background: #DEDBDE;
		border-color: #848284;
	}

	.windows-mobile .wj-flexgrid .wj-header {
		text-align: left !important;
	}

	.windows-mobile .wj-cell {
		padding: 1px;
		/*height:16px;*/
	}

		.windows-mobile .wj-cell:not(.wj-header) {
			border-color: transparent;
		}

	.windows-mobile .wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
		background: #fff;
	}

	.windows-mobile .wj-state-selected {
		background: #000;
	}

	.windows-mobile .wj-state-multi-selected {
		background: #000;
	}


	.windows-mobile ::-webkit-scrollbar {
		width: 13px;
		height: 13px;
	}

	/* the new scrollbar will have a flat appearance with the set background color */
	.windows-mobile ::-webkit-scrollbar-track {
		background: #fff;
	}

	/* this will style the thumb, ignoring the track */
	.windows-mobile ::-webkit-scrollbar-thumb {        
	    background: url('data:image/gif;base64,R0lGODlhBwAFAIAAAAAAAP///yH5BAEHAAEALAAAAAAHAAUAAAIIhA+hG3i8nCkAOw==') no-repeat center center;
		background-color: #CEDFEF;
		border: solid 1px #000;
	}

	/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
	.windows-mobile ::-webkit-scrollbar-button {
		background-color: #CEDFEF;
		border: solid 1px #000;
	}

		/* Turn on single button up on top, and down on bottom */
		.windows-mobile ::-webkit-scrollbar-button:start:decrement,
		.windows-mobile::-webkit-scrollbar-button:end:increment {
			display: block;
		}

		/* Turn off the down area up on top, and up area on bottom */
		.windows-mobile ::-webkit-scrollbar-button:start:increment,
		.windows-mobile ::-webkit-scrollbar-button:end:decrement {
			display: none;
		}


		/* Place The scroll up button at the up */
		.windows-mobile ::-webkit-scrollbar-button:start:decrement {
			background-image: url('data:image/gif;base64,R0lGODlhBwAEAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAAHAAQAAAIHlGEJq8sOCwA7');
			background-repeat: no-repeat;
			background-position: center center;
		}

		/* Place The scroll down button at the bottom */
		.windows-mobile ::-webkit-scrollbar-button:end:increment {
			background-image: url('data:image/gif;base64,R0lGODlhBwAEAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAAHAAQAAAIIhA+CKWoNmSgAOw==');
			background-repeat: no-repeat;
			background-position: center center;
		}



.silverlight {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #000;
	scrollbar-face-color: #b5cdf6;
	scrollbar-base-color: #b5cdf6;
	scrollbar-base-color: #b5cdf6;
	scrollbar-3dlight-color: #b5cdf6;
	scrollbar-highlight-color: #b5cdf6;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #163667;
	scrollbar-shadow-color: #b5cdf6;
	scrollbar-dark-shadow-color: #b5cdf6;
}

	.silverlight .wj-content {
		border-radius: 0;
		border: 1px solid #A3AEB9;
		background: #fff;
		color: #000;
	}

	.silverlight .wj-header {
		color: #000;
		font-weight: normal;
		background: -moz-linear-gradient(top, #f9f9f9 0%, #d9dee2 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d9dee2));
		background: -webkit-linear-gradient(top, #f9f9f9 0%,#d9dee2 100%);
		background: -o-linear-gradient(top, #f9f9f9 0%,#d9dee2 100%);
		background: -ms-linear-gradient(top, #f9f9f9 0%,#d9dee2 100%);
		background: linear-gradient(to bottom, #f9f9f9 0%,#d9dee2 100%);
		border-color: #CFCFCF;
	}

	.silverlight .wj-rowheaders .wj-header {
		background: -moz-linear-gradient(left, #f9f9f9 0%, #d9dee2 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(100%,#d9dee2));
		background: -webkit-linear-gradient(left, #f9f9f9 0%,#d9dee2 100%);
		background: -o-linear-gradient(left, #f9f9f9 0%,#d9dee2 100%);
		background: -ms-linear-gradient(left, #f9f9f9 0%,#d9dee2 100%);
	}

	.silverlight .wj-flexgrid .wj-header {
		text-align: left !important;
	}

	.silverlight .wj-cell {
		/*padding: 2px;
        height:16px;*/
	}

		.silverlight .wj-cell:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
			border-color: #F0F0F0;
			background: #EFF3F7;
		}

	.silverlight .wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
		background: #fff;
	}

	.silverlight .wj-state-selected {
		background: #BADDE9;
		border-color: #F0F0F0;
		color: #000;
	}

	.silverlight .wj-state-multi-selected {
		background: #D4EAF1;
		border-color: #F0F0F0;
		color: #000;
	}


	.silverlight ::-webkit-scrollbar {
		width: 18px;
		border-radius: 3px;
		background: -webkit-linear-gradient(left, #E0E5E8 0%,#ffffff 100%);
		border: solid 1px #CFD7DD;
		-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	}

	/* the new scrollbar will have a flat appearance with the set background color */
	.silverlight ::-webkit-scrollbar-track {
	}

	/* this will style the thumb, ignoring the track */
	.silverlight ::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: -webkit-linear-gradient(left, #ffffff 0%,#D2D7DC 100%);
		border: solid 1px #82909A;
		-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	}

	/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
	.silverlight ::-webkit-scrollbar-button {
		background: none;
		border: none;
	}

		/* Turn on single button up on top, and down on bottom */
		.silverlight ::-webkit-scrollbar-button:start:decrement,
		.silverlight::-webkit-scrollbar-button:end:increment {
			display: block;
		}

		/* Turn off the down area up on top, and up area on bottom */
		.silverlight ::-webkit-scrollbar-button:start:increment,
		.silverlight ::-webkit-scrollbar-button:end:decrement {
			display: none;
		}


		/* Place The scroll up button at the up */
		.silverlight ::-webkit-scrollbar-button:start:decrement {
			background: url('data:image/gif;base64,R0lGODlhBwAEAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAAHAAQAAAIHlGEJq8sOCwA7') no-repeat center center;
		}

		/* Place The scroll down button at the bottom */
		.silverlight ::-webkit-scrollbar-button:end:increment {
			background: url('data:image/gif;base64,R0lGODlhBwAEAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAAHAAQAAAIIhA+CKWoNmSgAOw==') no-repeat center center;
		}


.wpf {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 11px;
	color: #000;
	scrollbar-face-color: #b5cdf6;
	scrollbar-base-color: #b5cdf6;
	scrollbar-base-color: #b5cdf6;
	scrollbar-3dlight-color: #b5cdf6;
	scrollbar-highlight-color: #b5cdf6;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #163667;
	scrollbar-shadow-color: #b5cdf6;
	scrollbar-dark-shadow-color: #b5cdf6;
}

	.wpf .wj-content {
		border-radius: 0;
		border: none;
		background: #fff;
		color: #000;
	}

	.wpf .wj-header {
		color: #000;
		font-weight: normal;
		background: -moz-linear-gradient(top, #f9f9f9 0%, #dddddd 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#dddddd));
		background: -webkit-linear-gradient(top, #f9f9f9 0%,#dddddd 100%);
		background: -o-linear-gradient(top, #f9f9f9 0%,#dddddd 100%);
		background: -ms-linear-gradient(top, #f9f9f9 0%,#dddddd 100%);
		background: linear-gradient(to bottom, #f9f9f9 0%,#dddddd 100%);
		border-color: #cecece;
	}

	.wpf .wj-rowheaders .wj-header {
		background: -moz-linear-gradient(left, #f9f9f9 0%, #dddddd 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(100%,#dddddd));
		background: -webkit-linear-gradient(left, #f9f9f9 0%,#dddddd 100%);
		background: -o-linear-gradient(left, #f9f9f9 0%,#dddddd 100%);
		background: -ms-linear-gradient(left, #f9f9f9 0%,#dddddd 100%);
	}

	.wpf .wj-flexgrid .wj-header {
		text-align: left !important;
	}

	.wpf .wj-cell {
		/*padding: 2px;
        height:16px;*/
	}

		.wpf .wj-cell:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
			border-color: #F0F0F0;
			background: #e7e7e7;
		}

	.wpf .wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
		background: #fff;
	}

	.wpf .wj-state-selected {
		background: #BADDE9;
		border-color: #F0F0F0;
		color: #000;
	}

	.wpf .wj-state-multi-selected {
		background: #D4EAF1;
		border-color: #F0F0F0;
		color: #000;
	}


	.wpf ::-webkit-scrollbar {
		width: 17px;
		background: #ededed;
		border: none;
		-webkit-box-shadow: inset 0px 0px 4px 1px rgba(0,0,0,0.2);
	}

	/* the new scrollbar will have a flat appearance with the set background color */
	.wpf ::-webkit-scrollbar-track {
	}

	/* this will style the thumb, ignoring the track */
	.wpf ::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background: url('data:image/gif;base64,R0lGODlhCQAKAMQAADs6Ot/f4rGxsYKBgXh3d/Hx8mZmZsfHx7Cvr6GgoOTk5tPT1v///5GQkL29vd7e5szMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHABEALAAAAAAJAAoAAAUtYCEWShksBWAQbIMEhZEItAPBY6mc6dq+sVntNiKZUCoWwQUbIBzQwwIn0p1CADs=') no-repeat center center, -webkit-linear-gradient(left, #f9f9f9 0%,#eaeaeb 51%,#eaeaeb 51%,#dfdfe1 52%,#c4c4c7 100%);
		border: solid 1px #959595;
		-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,1);
	}

	/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
	.wpf ::-webkit-scrollbar-button {
		background: none;
		border: none;
	}

		/* Turn on single button up on top, and down on bottom */
		.wpf ::-webkit-scrollbar-button:start:decrement,
		.wpf::-webkit-scrollbar-button:end:increment {
			display: block;
		}

		/* Turn off the down area up on top, and up area on bottom */
		.wpf ::-webkit-scrollbar-button:start:increment,
		.wpf ::-webkit-scrollbar-button:end:decrement {
			display: none;
		}


		/* Place The scroll up button at the up */
		.wpf ::-webkit-scrollbar-button:start:decrement {
			background: url('data:image/gif;base64,R0lGODlhBwAEALMAAHl5eaurq8zMzJmZmcDAwNra2oeHh6Ojo////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAHAAQAAAQQEMkj6wCjHmCCQAEXEEIRAQA7') no-repeat center center;
		}

		/* Place The scroll down button at the bottom */
		.wpf ::-webkit-scrollbar-button:end:increment {
			background: url('data:image/gif;base64,R0lGODlhBwAEALMAAHJycrOzs4WFhebm5pOTk6qqqsfHx6Ghof///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHAAgALAAAAAAHAAQAAAQQsIAJhBlnWoQGEQHHDcHARQA7') no-repeat center center;
		}


.windows-phone {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 18px;
	-webkit-font-smoothing: none;
	color: #fff;
}

	.windows-phone .wj-flexgrid {
		width: 360px;
        min-width: 360px;
		height: 525px;
	}

	.windows-phone .wj-content {
		border-radius: 0;
		border: none;
		background: #000;
		color: #fff;
	}

	.windows-phone .wj-header {
		color: #fff;
		font-weight: bold;
		background: #000;
		border-color: #000;
	}

	.windows-phone .wj-flexgrid .wj-header {
		text-align: left !important;
	}

	.windows-phone .wj-cell {
		border-color: transparent;
	}

		.windows-phone .wj-cell:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
			background: none !important;
		}

	    .windows-phone .wj-cell.wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
    		background: none !important;
    	}

	.windows-phone .wj-state-selected {
		background: #EC4535;
	}

	.windows-phone .wj-state-multi-selected {
		background: #EC4535;
	}


	.windows-phone ::-webkit-scrollbar {
		display: none;
	}

	/* the new scrollbar will have a flat appearance with the set background color */
	.windows-phone ::-webkit-scrollbar-track {
		display: none;
	}

	/* this will style the thumb, ignoring the track */
	.windows-phone ::-webkit-scrollbar-thumb {
		display: none;
	}

	/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
	.windows-phone ::-webkit-scrollbar-button {
		display: none;
	}

		/* Turn on single button up on top, and down on bottom */
		.windows-phone ::-webkit-scrollbar-button:start:decrement,
		.windows-phone::-webkit-scrollbar-button:end:increment {
			display: block;
		}

		/* Turn off the down area up on top, and up area on bottom */
		.windows-phone ::-webkit-scrollbar-button:start:increment,
		.windows-phone ::-webkit-scrollbar-button:end:decrement {
			display: none;
		}



.windows-8 {
	font-family: 'Segoe UI Light', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: none;
	color: #fff;
}

	.windows-8 .wj-content {
		border-radius: 0;
		border: none;
		background: #000;
		color: #fff;
	}

	.windows-8 .wj-header {
		color: #fff;
		font-weight: normal;
		background: #5D5D5D;
		border-color: #000;
	}

	.windows-8 .wj-flexgrid .wj-header {
		text-align: left !important;
	}

	.windows-8 .wj-cell {
		border-color: #000;
	}

		.windows-8 .wj-cell:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
			border-color: #000;
			background: none !important;;
		}

	.windows-8 .wj-alt:not(.wj-header):not(.wj-group):not(.wj-state-selected):not(.wj-state-multi-selected) {
		background: none !important;;
	}

	.windows-8 .wj-state-selected {
		background: #4617B4;
	}

	.windows-8 .wj-state-multi-selected {
		background: #361A78;
	}


	.windows-8 ::-webkit-scrollbar {
		display: none;
	}

	/* the new scrollbar will have a flat appearance with the set background color */
	.windows-8 ::-webkit-scrollbar-track {
		display: none;
	}

	/* this will style the thumb, ignoring the track */
	.windows-8 ::-webkit-scrollbar-thumb {
		display: none;
	}

	/* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
	.windows-8 ::-webkit-scrollbar-button {
		display: none;
	}

		/* Turn on single button up on top, and down on bottom */
		.windows-8 ::-webkit-scrollbar-button:start:decrement,
		.windows-8::-webkit-scrollbar-button:end:increment {
			display: block;
		}

		/* Turn off the down area up on top, and up area on bottom */
		.windows-8 ::-webkit-scrollbar-button:start:increment,
		.windows-8 ::-webkit-scrollbar-button:end:decrement {
			display: none;
		}


/* Timeline Layout Styles */

.milestone {
	/* Left bar color */
	background: #009688;
}

.industry {
	/* Left bar color */
	background: #795548;
}

.row:nth-child(odd) {
	background-color: #f0f0f0;
}

.row:nth-child(even) {
	background-color: #fff;
}

.row-full-height {
	display: table;
	height: 100%;
	width: 100%;
}

.col-full-height {
	display: table-cell;
	height: 100%;
	padding: 0;
	float: none !important;
}

.row:first-child .col-md-6 {
	padding-top: 40px;
}

.col-md-6 {
	padding: 30px 40px 50px 40px;
}

.row .col-md-6:last-child {
	vertical-align: middle;
}

.col-md-6 .wj-control {
	display: block;
	margin: 0 auto;
}

.col-xs-1 {
	width: 1% !important;
	overflow: hidden;
	vertical-align: middle;
	border-top: 1px solid #fff;
}

.col-xs-12 {
	width: 99% !important;
}

.flag {
	width: 50px;
	height: 100%;
	position: relative;
	display: block;
	vertical-align: middle;
}

	.flag p {
		color: #fff;
		text-transform: uppercase;
		position: absolute;
		top: 50%;
		left: 50%;
		white-space: nowrap;
		-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
		transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	}

.arrow {
	width: 0;
	height: 0;
	margin: 0 auto;
	border-left: 70px solid transparent;
	border-right: 70px solid transparent;
	border-top-width: 30px;
	border-top-style: solid;
}

.row:nth-child(odd) .arrow {
	border-top-color: #fff;
}

.row:nth-child(even) .arrow {
	border-top-color: #f0f0f0;
}

@media only screen and (max-width : 640px) {

	.flag {
		width: 40px;
	}

	.row:first-child .col-md-6 {
		padding-top: 40px;
	}

	.col-md-6 {
		padding: 20px 30px 40px 30px;
	}

	.row .col-md-6:last-child {
		padding-top: 0;
	}

}
