html {
	background: #d7dddc url('/static/journey/img/bg_fizzies_colored.jpg') repeat;
	width: 100%;
	height: 100%;
}

body {
	background-color: transparent;
	width: 100%;
	height: 100%;
	font-family: Arial;
	font-size: 14px;
}


/* menu */
.navbar {
		height: 70px;
		margin-bottom: 0px;
		position: relative;
		z-index: 1000;
}

#divHeader
{
	width: 100% !important;
	height: 70px;
	/* background: #F8F8F8 url('/static/journey/img/logo_SMRT@2x.png') no-repeat; */
}

.navbar-collapse {
	min-height: 70px !important;
	min-width: 100% !important;
	padding: 0px;
}

#btnMenu {
	margin: 18px 0px 18px 0px;
}

.dropdown-menu {
	width: 100%;
	padding: 0px;
	border: solid 1px grey;
}

.dropdown-menu > li {
	/* height: 44px; */
	font-size: 16px;
}

.dropdown-menu > li > a {
	line-height: 44px !important;
	padding: 0px 20px !important;
}

.dropdown-menu > .active > a {
	background: rgb(163, 170,171) !important;

}

.navbar-nav {
	margin: 0px !important;
	background: white;
}

.navbar-nav > .open > a {
	border-bottom: solid 1px grey !important;
}

.navbar-nav > li {
	text-align: left;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	border-bottom: solid 1px grey;
}

.navbar-nav > li > a {
	height: 44px;
	line-height: 44px;
	padding: 0px 10px 0px 10px;
	color: black!important;
}

.navbar-nav > .active > a {
	background: rgb(163, 170,171) !important;
	color: white !important;
}

#btnMrtFare a{
	width: 160px;
}	
/* end menu */

@media (min-width : 768px) {
	/* menu */
	.navbar-nav {
		background: none;
	} 
	
	.navbar-collapse {
		min-width: 90% !important;
	}

	.navbar-nav > li {
		height: 70px;
		padding: 13px 0px 13px 16px;
		text-align: center;
		border: none;
	}
	
	.navbar-nav > li > a {
		padding: 0px;
		border-radius: 5px;
		width: 80px;
	}
	
	.navbar-nav > .active > a {
		background: red !important;
		color: white !important;
	}
	
	.navbar-nav > .open > a {
		border: none !important; 
	}
	
	.dropdown-menu > .active > a {
		background: rgb(123, 134,135) !important;
	
	}
	
	.li-border {
		border-bottom: solid 1px #4D4E4F;
	}
	
	.dropdown-menu {
		width: 160px;
	}
	/* end menu */
}

.li-border {
	border-bottom: solid 1px #4D4E4F;
}

/* http://charliepark.org/bootstrap_buttons/ */
.NS {
	background: #d90000;

}

.EW, .CG {
	background: #00a538;
}

.CC, .CE {
	background: #fcb005;
}

.TE {
	background: #9e5a1e;
}

.DT {
	background: blue;
}

.BP, .PT, .ST, .SW, .SE, .PE {
	background: #667b68;
}

.NE {
	background: purple;
}

/* mrt dropdown style */
.li-divider {
	/*height: 40px;*/
}

.div-mrt {
	cursor: pointer;
	color: white;
	font-family: Arial;
	font-size: 12px;
	padding: 10px 0 0 10px;
	height: 100%;
}

.mrt-service-type {
	display: none;
}

.mrt-name {
	display: inline-block;
	font-size: 14px;
	width: 50%;
	vertical-align: middle;
}

.mrt-code {
	line-height: 20px;
	display: inline-block;
	font-weight: bold;
	width: 45%;
	vertical-align: middle;
}

.btnMrtIcon {
	width: 26px;
	height: 25px;
	padding: 0px;
	margin: 0px;
	background: white;
	border: 1px solid lightgrey;
	border-radius: 0 !important;
}

/* Override default kendo behaviour */
.k-autocomplete, .k-autocomplete .k-input,
.k-autocomplete.k-state-border-down .k-input, 
.k-dropdown, .k-dropdown-wrap,
.k-dropdown-wrap .k-input, .k-dropdown-wrap .k-select,
.k-list .k-state-selected, .k-list-container.k-state-border-up
{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.k-autocomplete.k-state-hover, .k-autocomplete.k-state-focused,
.k-autocomplete.k-state-border-down,
.k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-border-down,
.k-dropdown-wrap.k-state-focused
{
	border-color: #a8a8a8;
	background-image: none;
	background-color: #a8a8a8;
	-moz-border-radius: 0px 0px 0 0;
	-webkit-border-radius: 0px 0px 0 0;
	border-radius: 0px;
}

.k-dropdown .k-state-focused .k-input{
	color: #fff;
}

.k-state-selected, .k-state-selected:link, 
.k-state-selected:visited, .k-list>.k-state-selected, 
.k-list>.k-state-highlight, .k-panel>.k-state-selected, 
.k-button:active, .k-ghost-splitbar-vertical, 
.k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover
{
	color: #fff;
	background-color: rgb(123, 134, 135);
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}

.k-list>.k-state-hover, 
.k-state-hover, .k-state-hover:hover{
	background-image: none;
	color: #fff;
	background-color: #a8a8a8;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.k-state-hover
{
	box-shadow: none;
}

.k-popup .k-list .k-item
{
	padding: 4px 0 0 5px;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	border-color: transparent transparent grey transparent;
	min-height: 28px !important;
}

.k-popup.k-list-container, .k-popup.k-calendar-container {
	/* padding: 0px 2px; */
}

.k-popup .k-list .k-state-hover, 
.k-popup .k-list .k-state-focused, 
.k-popup .k-list .k-state-selected
{
	padding: 4px 0 0 5px !important;
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	border-color: transparent transparent grey transparent;
}

.k-state-focused .k-i-arrow-s,
.k-state-active .k-i-arrow-s,
.k-state-border-down .k-i-arrow-s
{
	background-position: -16px -32px;
}

.k-header, .k-grid-header, .k-toolbar, 
.k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, 
.k-grouping-header, .k-pager-wrap, .k-textbox, 
.k-button, .k-draghandle, .k-autocomplete, 
.k-state-highlight, .k-tabstrip-items .k-item
{
	background-image: none;
	background-position: 0;
	background-color: #f5f5f5;
}

.k-textbox:hover
{
	background-color: #a8a8a8;
	background-image: none;
}

.k-list-container {
	background: rgb(89, 97,102);
}

.k-state-hover > a {
	text-decoration: none !important;
}

.k-list .k-state-hover {
	border-radius: 0px !important;
	background: rgb(89, 97,102);
}

.k-popup{
	color: #fff;
}

:root * > .k-icon {
	vertical-align: baseline;
}

.k-dropdown-wrap .k-input {
	line-height: normal;
}