/* Copy from new cuhk.edu.hk */

html {
	height: 100%
}

body {
	height: 100%;
	margin: 0;
	padding: 0
}

aside#filters {
	padding: 30px 5px 0 5px;
}

/* right tool */
#right_tools > div {
    padding: 5px;
	display: block;
}

#right_tools > div > span {
	display: inline-block;
}

.content_section div.rightnav_title { margin-top:3px; margin-bottom:3px; }

#right_tools > #cuhk-mobile {
	margin-left:0; margin-right:0; display:table; width: 100%;
}

#cuhk-mobile .icon {padding: 0; display:table-cell; vertical-align:middle; width:30%; text-align:center;}
#cuhk-mobile .link {padding: 0; display:table-cell; vertical-align:middle; width:70%}
#cuhk-mobile .link > ul { margin-bottom:0px; padding-left: 0;}

#cuhk-mobile .link > ul  > li {
	list-style: none;
    background: url(/20201208120412oe_/https://www.cuhk.edu.hk/english/images/bullet.png) no-repeat 8px .15em;
    padding: 0;
    padding: 3px 10px 3px 25px;
    display: block;
    clear: both;
    line-height: 1.1;
}

#filters  #cuhk-mobile .link > ul > li {	border: none; padding: 3px 10px 3px 25px;}

/* Original from Fai */

#map_canvas {
	height: 100%
}

#map_canvas .normalInfoBubbleTab {
	background-color: #ffffff;
}

#map_canvas .activeInfoBubbleTab {
	.background-color: #ffffcc;
}

#map-disclaimer {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #C3C2C0;
	margin: 0 0 10px 10px;
	max-width: 250px;
	padding: 10px;	
}

#map-disclaimer-footer {
	padding: 10px 0px;
}

#map-disclaimer-text {
	color: #7F7F7F;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	cursor: default;
}

#map-appLink, #map-backToCUHK, #map-filters {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #C3C2C0;
	border-radius: 3px;
	margin: 10px 5px 0px 0px;
	color: #7F7F7F;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	font-size: 12px;
	line-height: 13px;
	padding: 8px;	
	cursor: pointer;
	min-height: 33px;
}

#map-filters {
	background-color: #73216D;
	color: white;
}


#campus-map-table { padding:5px; background:#dddddd; }


@media (min-width:768px){
	
	#campus-map-table { padding:10px; background:#dddddd; }
	
	#map-appLink, #map-backToCUHK, #map-filters {
		font-size: 16px;
		padding: 10px;	
	}
	
}


/* Infowindow 
------------------------------ */ 

.infowindow-title {
	/*font-family: 'Roboto Condensed', Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	padding-bottom: 5px;
	text-align: left;
}

.infowindow-row {
	padding: 2px 0; clear: left; text-align: left;
}

.infowindow-row-title {
	/*font-family: 'Roboto Condensed', Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	/*padding-left:6px; 
	padding-right:16px;*/
}

.infowindow-row-icon {
	float: left; position: relative; top: -1px;
}

.infowindow-row-icon-content { margin-left: 15px;}
	
.infowindow-row-content {
	/*font-family: 'Roboto Condensed', Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	font-size: 11px; line-height: 14px;
	text-align: left;
}

.infowindow-body { width: 100%; }

.infowindow-footer { width: 100%; text-align: right; }

.infowindow-content-img { float:right; }

.infowindow-img {padding:5px; border:1px solid #cccccc; cursor:pointer; margin-left: 5px; margin-bottom: 5px}

.infowindow-description {font-style:italic; text-align: left;}

.infowindow-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-size: 12px;
  line-height: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fancybox-title-inside-wrap {
	text-align: left !important;
}

/* Campus Map Filters (mobile)
------------------------------ */ 

#filters_menu_m { padding: 0px; }

#filtersNav { padding: 0; }

#filters_menu_m div.navbar-header {
	float: right;
	position: absolute;
	top: -52px;
	right: 0px;
	z-index: 100;
	display: block;
}

#filters_menu_m div.navbar-header button {
	border: 1px solid #EEE; color: #999; width: 44px; font-size: 18px; padding: 6px 0 3px 0;
}

#filters_menu_m div.navbar-header button.collapsed { color: #73216D; }

#filters_menu_m div.rightnav_title { padding: 0px; }


/* Campus Map Filters
------------------------------ */ 

#filters .panel-title { font-size: inherit !important}
#filters .panel-title > a {	padding: 10px 35px 10px 10px }
#filters .panel-title > a > img, #filters label > img {
	height: 16px; width: auto; margin-right: 5px; 
}

/* 1st level header */
#filters .header {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

#filters .panel > .header > .panel-title > a {
	font-family: Oxygen, Arial, sans-serf;
	font-weight: 300; font-size: 1.077em; line-height: 1.231em;
}

/* 2nd level header */
#filters .panel .panel > .header > .panel-title > a {
	font-family: 'Roboto Condensed', Arial, sans-serf;
	font-weight: 300; font-size: 1em; line-height: 1.231em;
}

/* panel body */

#filters .panel-body { 	
	font-family: 'Roboto Condensed', Arial, sans-serf;
	font-weight: 400; 
	font-size: 1em; 
	line-height: 1.231em;
	padding: 15px 10px 10px 10px;
	max-height: 300px;
	overflow: auto;
}

#filters .panel-body input[type=checkbox] {
	margin-top: 0px;
}

#filters .panel-body .extLink {
	padding: 5px 0px;
}

#filters #searchwrapper {
	padding-bottom: 10px;
}

#filters #clear_all {
	padding: 0px 0px 0px 0px;
	text-align: right;
}
/* Buildings List and Other Campuses List*/

#filters .panel-body ul {
	padding-left: 0px;
	-webkit-transform: scale(1); /* force PC version of chrome to redraw */
}

#filters .panel-body >div {
	-webkit-transform: scale(1); /* force PC version of chrome to redraw */
}

#filters .panel-body ul > li {
	padding: 5px 0px;
	list-style-type: none;
	border-bottom: 1px dashed #CCC;
}

#filters .panel-body ul > li:last-child {
	border-bottom: none;
}

/* Full screen filters */

#filtersNav.fullScreen {
	position:absolute;
	right: -100%;
	top: 52px;
	margin: 0;
	z-index: 10000;
	background: white;
	border: 1px solid #CCC;
	padding: 10px;
	float: left;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

#filtersNav.fullScreen.init {
	display: none;
}

#filtersNav.fullScreen.show {
	right: 0;
	margin: 0px 5px 0 0;
	display: block;
}

/* Misc */

#title-buildings small { white-space:nowrap }