/*
 * The margin around #vg_mapviewer_app is done by setting in absolute values
 * the top, right, left, bottom.
 * if you want to "remove it" set these values to "0px" (not just remove them)

 *
 * To remove "footer":
 * #vg_footer display: none
 * #vg_main bottom: 0px
 *
 * To remove "sidebar"
 * #vg_sidebar display: none;
 * #vg_mapviewer right: 0px;
 */

a {color: #ffffff;text-decoration: none;font-weight: bold;}

h3 {font-size: 24.5px;color: #d43224;}

.accordion-toggle {display: block;padding: 0 0 0 20px;line-height: 45px;}

.accordion-toggle.collapsed {background:#32434e}

a:hover, a:focus {color: #ffffff;text-decoration: none;font-weight: bold;}

.vg_button {
	border: 0;
	/* background-color:#00b0cf; */
	background-color:#d43224;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	color:#ffffff;
	font-size: 15px;
	font-weight:bold;
	paddingOFF:11px 19px;
	text-decoration:none;
	text-shadow:0px 1px 3px #8f8d8a;
	line-heightOFF: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	margin-bottom: 10px;
	margin-top: 10px;
	height:40px;
	width:40px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.vg_button:hover, .vg_button.selected {
	background-color:#d43224;
}

.vg_button:active {
	position:relative;
	top:1px;
}

/** Combobox **/

.ui-combobox-input {
}



.pull-right {
    float: right;
    padding-right: 20px;
}
.pull-left {
    float: left;
    padding-left: 20px;
}
.left {
    padding: 0 0 0 20px;
}

.info {
    padding: 15px 0 0 15px;
}



 #holder {
	min-height: 100%;
	position:relative;
}




footer .navbar-inner {
	min-height: 60px;
	color: white;
}

.sidebar-nav-fixed {
	padding: 0;
	position:fixed;
	top:41px;
	bottom: 66px;
	left:0px;
	width:300px;
	z-index: 1;

	background-color: #1b1b1b;
	background-image: linear-gradient(to bottom,#111,#222);
	color: white;

	opacity: 0.8;
}

.legend {
	background-color: #1b1b1b;
	background-image: linear-gradient(to bottom,#111,#222);
	color: white;

	opacity: 0.8;

	position: absolute;
	left: 310px;
	bottom: -100px;
	/*bottom: 10px;*/
	width: 200px;
	height: 40px;
	z-index: 9999;
}

.legend .gradient {
	width: 100%;
	height: 20px;
	margin: 0 auto;
	background: none;
}

.legend .min_value {
	margin-left: 5px;
	float: left;
}

.legend .max_value {
	margin-right: 5px;
}

.graphs_container {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}

.row-fluid .span-fixed-sidebar {
	padding: 9px 0;
	position: absolute;
	top: 41px;
	bottom: 66px;
	left:0px;
	/*left:0px;*/
	z-index: 0;
	right:0px;
	/*width: 100%;*/
	/*margin-left: 290px;*/
}

footer .row-fluid [class*="span"] {
	min-height: 30px;
}

.timeline {
	margin-top: 5px;
}

span.information_toggles {
	margin-left: 100px;
}

span.zone_selector
{
	margin-left: 110px;
}

footer .pull-right {
	margin-right: 5px;
}

footer .navbar-inverse .navbar-inner {
	padding-left: 5px;
}

span.datepickers {
	margin-left: 11px;
}

input.datepicker {
	width: 70px;
	height: 12px;
	margin-bottom: 0;
}
label.radio.inline {
	padding-top: 0px;
}
input[type='range'] {
	-webkit-appearance: none !important;
	background-color: #999;
	height: 2px;
}
input[type='range']::-webkit-slider-thumb {
	-webkit-appearance: none !important;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-color: #AAA;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#AAA));
	height: 11px;
	width: 11px;
	position: relative;
	top: -1px;
	z-index: 1;
}
/*input[type='radio'] {
	background-color:transparent;
	background-image:none;
	-webkit-backface-visibility: hidden;
}*/
#container {
	position: absolute;
	bottom: 0px;
	top: 0px;
	right: 0px;
	left: 0px;
	background-color: white;

	/*background: #000000; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #000000 0%, #b2b2b2 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #000000 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #000000 0%,#b2b2b2 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #000000 0%,#b2b2b2 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #000000 0%,#b2b2b2 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
	overflow: hidden;
}
#progress {
	display: none;
	/*position: absolute;
	/*left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;*/
	/*height:800px;*/
	width:100%;
	/*height: 20px;
	width: 100%;
	background: #aaa;*/
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -75px;
}
#progress #text {
	text-align: center;
	width: 100%;
	position: absolute;
	z-index: 1;
}
#progress #bar {
	background: #d43224;
	width: 0%;
	position: absolute;
	z-index: 0;
}


.graphs {
	margin-top: 80px;
	position: relative;
}
.graph {
	width: 290px;
	height: 200px;
	margin-top: -90px;
}
.time_cursor {
	/*display: none;*/
	position: absolute;
	border-left: 1px solid #fff;
	left: 0px;
	width: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 9999;
}

.navbar .btn {
	margin-top: 2px;
	margin-bottom: 2px;
}

.checkbox.inline {
	padding-top: 0;
}

/**
 * Modified bootstrap css
 */
.btn-inverse{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#363636;*background-color:rgb(87, 87, 87);background-image:-moz-linear-gradient(top,#444,rgb(87, 87, 87));background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(rgb(87, 87, 87)));background-image:-webkit-linear-gradient(top,#444,rgb(87, 87, 87));background-image:-o-linear-gradient(top,#444,rgb(87, 87, 87));background-image:linear-gradient(to bottom,#444,rgb(87, 87, 87));background-repeat:repeat-x;border-color:rgb(87, 87, 87) rgb(87, 87, 87) #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#fff;background-color:rgb(87, 87, 87);*background-color:#151515}
.btn-group.open .btn-inverse.dropdown-toggle{background-color:rgb(87, 87, 87)}
.navbar .brand{display:block;float:left;padding: 10px 40px 10px;margin-left:-20px;font-size: 18px;font-weight:200;color:#777;text-shadow:0 1px 0 #fff;}
.navbar-inverse .navbar-inner{background-color: rgb(245, 42, 42);background-image:-moz-linear-gradient(top,rgb(87, 87, 87),rgb(53, 53, 53));background-image:-webkit-gradient(linear,0 0,0 100%,from(rgb(87, 87, 87)),to(rgb(53, 53, 53)));background-image:-webkit-linear-gradient(top,rgb(87, 87, 87),rgb(53, 53, 53));background-image:-o-linear-gradient(top,rgb(87, 87, 87),rgb(53, 53, 53));background-image: linear-gradient(to bottom,rgb(87, 87, 87),rgb(53, 53, 53));background-repeat:repeat-x;border-color: rgb(189, 189, 189);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0)}
.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#999;text-shadow: 0px -1px 1px rgb(0, 0, 0);}
.navbar-inverse .brand{color: rgb(201, 201, 201);}
.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#fff;background-color:rgb(53, 53, 53)}
.navbar-inverse .divider-vertical{border-right-color:rgb(87, 87, 87);border-left-color:rgb(53, 53, 53)}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{color:#fff;background-color:rgb(53, 53, 53)}
.navbar-inverse .navbar-search .search-query{color:#fff;background-color:#515151;border-color:rgb(53, 53, 53);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:rgb(87, 87, 87);border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}


input[type=checkbox].css-checkbox {
display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
padding: 0px 0 0 43px;
height: 25px;
display:inline-block;
line-height: 24px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:15px;
cursor:pointer;
margin: 20px 0 0 8px;
vertical-align: middle;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -25px;
}

.css-label{
	background-image: url(../media/vg_checkbox.png);
}









/**
 * Style radios and checkboxes
 * From: http://www.designlunatic.com/2012/02/fancy-form-elements-with-css3/
 */
input[type=checkbox],input[type=radio] {
-webkit-appearance: none;
border-radius: 4px;
background: #d43224;
-webkit-border-radius: 4px;
width: 27px;
height: 27px;
padding: 6px;
margin: 0 15px 0 0;
}

.checkbox {
    margin: 17px 5px 0px 0px;
    vertical-align: middle;
}

/*input:hover {
border:1px solid #c5c5c5;
}*/

input[type=checkbox]:checked:after {
content:"\00a0";
display:block;
width: 7px;
height: 13px;
border: solid rgb(255, 255, 255);
position:relative;
left: 3px;
top: -3px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
border-width: 0 3px 3px 0;
}

input[type=radio] {
-webkit-border-radius:50%;
}

input[type="radio"]:checked:after {
content:"\00a0";
display:block;
position:relative;
left:3px;
top:3px;
height:5px;
width:5px;
background:#a5a5a5;
-webkit-border-radius:50%;
}

.visioglobe_link {
	padding-top: 5px;
	padding-right: 5px;
}
a.visioglobe_link:focus {
	outline: none;
}

#visioglobe_box {
	/*width: 80%;*/
}

#visioglobe_box iframe, #myModal iframe {
	/*border: none;*/
	width: 100%;
}



#vg_mapviewer {
	background: #292c2e;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 82px;
	overflow: hidden;
}

.inner_title {
	position: absolute;
	left: 30px;
	top: 10px;
	z-index: 2;
	pointer-events: none;
	background: rgba(41, 44, 46, 0.76);
	padding: 0 10px;
	margin: 5px 0 0 -15px;
	border-radius: 5px;
	z-index: 100;
}

#vg_statusbar {
	background: rgba(0, 0, 0, 0.2);
	color: rgb(255, 255, 255);
	position: absolute;
	left: 0px;
	right: 0px;
	height: 100px;
	/* initially hidden, this should be the height of itself */
	top: 100px;
	z-index: 100;
}

#vg_sidebar {
	display: none;
    background: #ffffff;
	position: absolute;
	right: 0px;
	width: 300px;
	top: 0px;
	bottom: 0px;
	overflow-y: auto;
}

#vg_sidebar_routing {
	display: none;
}

#vg_footer {
	background: #32434e;
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 12px 0px 22px 0px;
	height: 48px;
}

#vg_shops .accordion-group {
	border: none;
	border-radius: 0 5px 0 0;
}

#vg_shops .accordion-heading {
	background:#d43224;
}


.accordion-group {
	margin-bottom: 1px;
}

.accordion-inner {
	padding: 0px 0px 0px 0px;
}

.ui-combobox {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ui-combobox-clear {
	width: 17px;
	height: 17px;
	padding: 5px;
	vertical-align: middle;
}
.ui-combobox-clear .ui-icon {
	display: block;
	background: url(../media/vg_combobox_cross.png);
	width: 17px;
	height: 17px;
}

.ui-combobox-toggle {
	width: 17px;
	height: 17px;
	padding: 5px;
	vertical-align: middle;
}
.ui-combobox-toggle .ui-icon {
	display: block;
	background: url(../media/vg_combobox_arrow.png);
	width: 17px;
	height: 17px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
    margin-top: -10px;
}


.ui-combobox-input {
	width: 263px;
	border: none;
	background: none;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: rgb(96, 100, 102);
	margin: 0 -52px 0 10px;
	padding: 0 0 0 5px;
	border-radius: 0;
	font-weight: bold;
}

.ui-combobox-toggle {
	background: none;
	border: none;
}

.ui-combobox-clear {
	background: none;
	border: none;
}


.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 0;
    font-weight: bold;
}

.ui-menu .ui-menu-item a, .ui-menu-item.active {
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: rgb(96, 100, 102);
    background: none;
    border-radius: 0;
}


.ui-widget-content, .ui-widget-content a {
    background: #ffffff;
    color: rgb(96, 100, 102);
    font-weight: bold;
}

.ui-widget-content-hover {
    background: #ffffff;
    color: rgb(96, 100, 102);
    font-weight: bold;
}


.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: rgb(96, 100, 102);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: rgb(96, 100, 102);
}

.floor_text {
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #ffffff;
	margin: 0 10px 0 0;
}

#vg_toggles {
	margin-top: 10px;
	margin-left: 9px;
	margin-right: 9px;
}

#place_bubble_title
{
	position: absolute;
	left: 30px;
	width: 190px;
	height: 40px;
}
#place_bubble_set_origin, #place_bubble_set_destination, #place_bubble_set_waypoint
{
	position: absolute;
	left: 30px;
	width: 190px;
	height: 35px;
	margin: 0px;
}
#place_bubble
{
	background-image: url(../media/DialogBackground.png);
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	width: 248px;
	height: 190px;
}
#place_bubble_close_button
{
	position: absolute;
	top: 15px;
	left: 200px;
	width: 32px;
	height: 32px;
	background-image: url(../media/DialogClose.png);
}
#place_bubble_info_button
{
	position: absolute;
	top: 15px;
	left: 20px;
	width: 32px;
	height: 32px;
	background-image: url(../media/DialogInfo.png);
}
#place_bubble_title
{
	top: 20px;
	text-align: center;
}
#place_bubble_set_origin
{
	top: 52px;
}
#place_bubble_set_waypoint
{
	top: 90px;
}
#place_bubble_set_destination
{
	top: 128px;
}
#stack_button
{
	position: absolute;
	bottom: 128px;
	right: 16px;
	width: 64px;
	height: 64px;
	background-image: url(../media/ButtonStack.png);
}
#route_clear_img
{
	width: 32px;
	height: 32px;
	background-image: url(../media/ButtonClose.png);
	z-index: 101;
	background-repeat: no-repeat;
	background-size: contain;

}
#route_clear_label
{
	top: -25px;
	left: 26px;
	position: relative;
	width: 90px;
	height: 22px;
	z-index: 101;

	text-align: center;
}
#route_clear
{
	vertical-align: middle;
	width: 150px;
	z-index: 101;
	display: none;
}