html {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

html, body { /* IE Fix for Scrollbars for full screen */
	overflow-x: hidden;
	overflow-y: hidden;
}

#content.narrow {
	top: 147px; /* header height + 31px for additional row*/
}

#header {
	background-color: #333366;
	background-image: none;
}

div#left_sidebar {
	position: absolute;
	top: 107px; /* header height */
	left: 0;
	width: 174px; /* left column width */
	bottom: 50px; /*footer height */
	z-index: 50; /* Must be higher than tab containers in order for advanced options to overlay tables/charts */
}

div#main {
	height: calc(100% - 50px); /* Header height. Containing Search And Logo. */
}

div#content {
	width:100%;
	height: 100%;
	box-sizing: border-box;
}

@media (max-height: 500px) {
	div#main>div#content {
		padding-top: 2px;
		padding-bottom: 0;
		overflow-y: scroll;
	}
}

div.row {
	overflow-x: auto;
	white-space: nowrap;
}


section#widget-grid {
	min-height: 300px;
	height: calc(100% - 30px); /* Header height. E.g Incidents of Assault */
}

section#widget-grid > .row { /* Only God knows what this div is for */
	height: 100%;
	/*margin-left: 0 !important; This thing actually disables the Table Scroll
	margin-right: 0 !important; Original is -13px */
}

article.col-sm-12 { /* Only God knows what this div is for */
	height: 100%;
	/* padding-left: 0 !important; This thing actually disables the Table Scroll
	padding-right: 0 !important; Original is 13px */
}

div#wid-id-19 {  /* Div that contains the Tabs and Content */
	height: 100%;
	padding: 1px;
	overflow-y: hidden; /* Don't hide overflow-x to allow Chart tooltips to overflow over border. Please re-add this if you add broken overflowing CSS */
	overflow-x: hidden;
}

div#wid-id-19 > div { /* Div that contains the borders. Do not hide overflow otherwise negative margin buttons will not work */
	height: calc(100% - 36px); /* Tabs height. Rate Map / Hotspots */
}

div#tab-container {
	height: 100%;
	padding-bottom: 33px; /* Trend Graph buttons height */
}

div.tab-content {
	height: 100%;
}

.tab-pane {
	width: 100% !important;
	height: 100%;
}

.tab-content > .active {
	height: 100%;
}

div#wid-id-12 {
	height: 100%;
}

div#wid-id-12 > div {
	height: calc(100% - 33px);
}

div.widget-body {
	height: 100%
}

div#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px; /*footer height */
}

div#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px; /*footer height */
}

div#bookmarkTabContainer {
	position: absolute;
	top: 200px;
	left: 340px; /*20px from side*/
	background-color: #f3f3f3;
	display: none;
}

div#search_slider, div#top_menu_buttons {
	min-width: 535px;
}

.buttonhotspots_hide_li {
	background: transparent url('../images/Hotspot-OFF.png') no-repeat;
}

.buttonchart_hide_li {
	background: transparent url('../images/Graph-OFF.png') no-repeat;
}

.buttontable_hide_li {
	background: transparent url('../images/Table-OFF.png') no-repeat;
}

.buttonrates_hide_li {
	background: transparent url('../images/Rate-map-OFF.png') no-repeat;
}

.buttonhotspots_show_li {
	background: transparent url('../images/Hotspot-ON.png') no-repeat;
}

.buttonchart_show_li {
	background: transparent url('../images/Graph-ON.png') no-repeat;
}

.buttontable_show_li {
	background: transparent url('../images/Table-ON.png') no-repeat;
}

.buttonrates_show_li {
	background: transparent url('../images/Rate-map-ON.png') no-repeat;
}

.buttonrates_hide_li,
.buttontable_hide_li,
.buttonchart_hide_li,
.buttonhotspots_hide_li {
	width: 94px;
	height: 36px;

}

.buttonrates_show_li,
.buttontable_show_li,
.buttonchart_show_li,
.buttonhotspots_show_li {
	width: 94px;
	height: 36px;

}

.buttonbookmark_show_li,
.buttonprint_show_li,
.buttonhelp_show_li {
	margin-top: -1px;
}

.buttonhotspots_hide_li, .buttonhotspots_show_li, .buttontable_hide_li, .buttontable_show_li {
	margin-right: -1px;
}

.buttonchart_hide_li, .buttonrates_hide_li {
	margin-right: -2px;

}

.buttonchart_hide_li {
	margin-top: -1px;
}

.buttonchart_show_li, .buttonrates_show_li {
	margin-right: -2px;
}

.buttonbookmark_hide_li,
.buttonprint_hide_li,
.buttonhelp_hide_li,
.buttonbookmark_show_li,
.buttonprint_show_li,
.buttonhelp_show_li {
	width: 77px;
	height: 35px;
	margin-right: -1px;

}

.buttonhelp_hide_li {
	background: transparent url('../images/Help-OFF.png') no-repeat;

}

.buttonbookmark_hide_li {
	background: transparent url('../images/Bookmark-OFF.png') no-repeat;

}

.buttonhelp_show_li {
	background: transparent url('../images/Help-ON.png') no-repeat;

}

.buttonbookmark_show_li {
	background: transparent url('../images/Bookmark-ON.png') no-repeat;

}

.helpTab,
.printTab,
.bookmarkTab,
.chartTab,
.tableTab,
.ratesTab,
.hotspotsTab {
	position: relative;
	top: -1px;
}

.helpTab span,
.printTab span,
.bookmarkTab span,
.chartTab span,
.tableTab span,
.ratesTab span,
.hotspotsTab span {
	color: white;
	font-size: 14px;
	line-height: 32px;
}

.ul_top_menu_help_minor li:hover {
	font-weight: bold;
	background-color: #c0c0c0;

}

.ul_top_menu_bookmark_minor li a {
	padding-left: 3px;
	padding-right: 3px;
	margin: 0;
	text-decoration: none;
	display: block;
	color: #fff;
	width: 68px;
	border: 1px solid #ADADAD;
}

.ul_top_menu_help_minor li a {
	padding-left: 3px;
	padding-right: 3px;
	margin: 0;
	text-align: center;
	text-decoration: none;
	display: block;
	color: #fff;
	display: block;
	width: 68px;
	border: 1px solid #ADADAD;
}

.ul_top_menu_bookmark_minor li:hover {
	font-weight: bold;
	background-color: #c0c0c0;
}

.ul_top_tabs ul li {
	background-color: #fff;
}

.ul_top_tabs ul li a {
	color: #303030;
}

.li_export_menu {
	height: 60px;
	line-height: 20px;
	font-size: 12px;
}

.ul_top_menu_help_minor li {
	line-height: 30px;
}

.ul_top_menu_bookmark_minor li {
	line-height: 15px;
}


img[src='http://maps.gstatic.com/mapfiles/mv/imgs8.png'] {
	/*display:none!important;*/
}
.close_img{
	width: 14px;
	height: 14px;
	background: url('../images/close2.png');
	top: 0px;
	cursor: pointer;
	z-index: 100;
	margin-left: 8px;
}

div.info {
	text-align: left;
}

div.info h3 {
	font-weight: bold;
	font-size: 14px;
	color: #808080;
	padding-top: 10px;
}

div.info p {
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5em;
}
/* responsive ui*/


.desktop-detected.hidden-menu #content_header{
	left: 0;
}

.ul_minor{
	overflow: visible!important;
	padding:0px;
}
.ul_minor .fa-fw{
	width:0px!important;
}
nav ul ul.ul_minor b{
	margin-top: 2px;
}
.ul_minor .fa{
	display:block;
}
.ul_minor .div_offence_major{
	padding:0px;
}

.topmenu{
	background-color: #363636;
}
.showmap{
	display:block!important;
}
.txt-color-blueDark{
	float: left;
}
#tabContainer .widget-toolbar .dropdown-menu {
	animation-name: none;
}
#btnTabs{
	display: inline-block;
	float: right;
	width: auto;
	height: 32px;
	line-height: 32px;
	position: relative;
	cursor: pointer;
	padding: 0 8px;
	text-align: center;
}
.li_charts_menu,.li_table_menu,.li_rates_menu,#li_hotspotsTab{
	display:none;
}
.onoffswitch-label{
	border:none;
}
.onoffswitch-switch{
	width:13px;
	height:13px;
}
.onoffswitch{
	height:12px;
}
.onoffswitch-switch:before{
	color:black!important;
	line-height: 13px;
}
.glyphicon-remove-circle{

}
.div_offence_major.open .lbl_offence_major,.highlight_minor a label{
	font-weight: bold;
	margin-bottom: 0px;
}
.highlight_minor a label{
	padding: 10px 25px 10px 15px;
}

nav ul li.open>a{
	line-height: 18px;
	border-bottom-color: rgb(255, 255, 255);
	border-top-color: rgb(225, 225, 225);
	border-style: solid none;
	border-width: 1px;
	border-top-style: none;
	/*height: 38px;*/
}
.div_lbl_advance_filter{
	border-bottom: 1px solid #525151;
	border-top: 1px solid #525151;
}

.advanced_filters .div_lbl_advance_filter{

}
.select_offence_div,.help_div,.social_div{
	border-bottom: 1px solid #525151;
	position:relative;
}
.select_offence_div .collapse-sign,.help_div .collapse-sign,.social_div .collapse-sign{
	position: absolute!important;
	right: 10px;
	top: 12px;
	font-size: 13px;
	cursor:pointer;
}
.select_offence_div .fa-times-circle{
	display:none;
}
.help_div .fa-times-circle{
	display:none;
}
.help_div.open .fa-times-circle{
	display:block;
}
.social_div .fa-times-circle{
	display:none;
}
.social_div.open .fa-times-circle{
	display:block;
}
.select_offence_div.open .fa-times-circle{
	display:block;
}
.select_offence_div.open .fa-plus-square-o{
	display:none;
}
#ribbon{
	background: #363636;
}
.lbl_advance_minor{
	vertical-align: middle;
	font-size: 12px;
	font-family: arial, sans-serif;
	display: inline-block;
	cursor: pointer;
	width: 150px;
}
.div_advance_sub_major .collapse-sign{
	margin-right:15px;
}

.btn-default label{
	color: #333;
}
.btn-primary label {
	color: #fff;
}

.alc_related,.dv_related,.premises,.dayofweek,.timeofday,.age,.gender{
	margin-left: 8px;
	margin-bottom: 4px;
}
.alc_related a,.dv_related a,.dayofweek a,.timeofday a,.premises a,.age a,.gender a{
	vertical-align: middle;
	font-size: 14px;
	display: inline-block;
	cursor: pointer;
	padding: 6px 3px;
}
.alc_related a:first-child,.premises a:first-child,.dayofweek a:first-child,.timeofday a:first-child,.age a:first-child,.gender a:first-child{
	width: 179px;
}
.premises .dropdown-menu{
	max-height: 150px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.premises .dropdown-menu>li>a{
	width: 195px;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: normal;
}
.alc_related .dropdown-menu a,.timeofday .dropdown-menu a,.dayofweek .dropdown-menu a,.age .dropdown-menu a,.gender .dropdown-menu a{
	width:100%;
}
.dv_related a{
	padding: 6px 0;
}
.advanced_filters nav ul li{
	overflow: visible;
}
.alc_related a:first-child::before,.premises a:first-child::before,.dv_related a:first-child::before,.dayofweek a:first-child::before,.timeofday a:first-child::before,.age a:first-child::before,.gender a:first-child::before{
	display: block;
	position: absolute;
	width: 8px;
	left: -10px;
	top: 10px;
	border-top: 1px solid #7A7A7A;
	z-index: 1;
	bottom: 0;
}
.btn-checked{
	background-color: #3276b1;
	border-color: #2c699d;
	color:white!important;
}

.app-title h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 500;
	color: #fafafa;
	text-align: center;
	margin: 0 auto;
	padding-top: 10px;
	left: -7%;
	position: relative;
}

#logo {
	margin: 8px 4px;
	width: 212px;
}
#logo img {
	padding: 0;
	max-width: 200px;
	max-height: 37px;
}
.show-mobile #logo {
	margin-bottom: 0px;
	width: 48px;
}
.show-mobile #logo img {
	max-height: 31px;
	max-width: 48px;
}

@media screen and (max-width: 979px) {

	#menu-controls {
		padding-left: 9px;
	}

}

@media screen and (min-width: 980px) {
	#menu-controls {
		padding-left: 9px;
	}
	.hidden-menu #left-panel {
		left: -220px;
		z-index: 903;
	}
	.hidden-menu #main {
		margin-left: 0;
	}

}

aside {
	background: linear-gradient(to right, #fafafa 93%, rgb(225, 225, 225) 100%);
	border-right: 1px solid #CFCFCF;
}

#ribbon {
	background-color: #daf0f5;
	border-bottom: 1px solid #CFCFCF;
	padding: 0 4px;
}

.ribbon-input {
	margin: 10px 0px;
}
#header {
	padding: 0;
}
#header>div{
	z-index: 100;
	position: relative;
}
#header>.search-content {
	float: right;
}
#header>#year-selector {
	float: right;
}
#header>#heading {
	padding-left: 10px;
	padding-top: 2px;
}
.ribbon-label {
	vertical-align: middle;
	height: 32px;
	color:white;
}
#year-selector{
	padding-left: 0px;
}
#year-selector div {
	display: inline-block;
}
#year-selector .btn{
	padding: 5px 12px;
}
#year-selector .dropdown-menu {
	animation-name: none;
}
.btn_help .btn{
	padding: 5px 12px;
}

.menu-header {
	border-bottom-color: rgb(255, 255, 255);
	border-top-color: rgb(225, 225, 225);
	border-style: solid none;
	border-width: 1px;
}

.menu-header.top-header {
	border-top-style: none;
}

.menu-header h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 10px;
	height: 38px;
	display: block;
	border-bottom-color: rgb(225, 225, 225);
	border-top-color: rgb(255, 255, 255);
	border-style: solid none;
	border-width: 1px;
}

.menu-header.top-header h3 {
	border-top-style: none;
}

li.button-item {
	padding: 0 10px 5px 35px;
}

#content {
	background-color: #ffffff;
}

nav ul li a {
	color: rgb(105, 115, 122);
	padding:0px;
}

nav ul li a:hover {
	color: rgb(51, 51, 51);
}

nav ul li.open a, nav ul li.open a b {
	color: #333;
}
.hidden-menu #main {
	/*margin-left: 10px;*/
}

#left-panel{
	padding-top: 0;
	height: 100%;
}
#leftMenuForm{
	overflow: auto;
	height: 100%;
}
nav ul b.collapse-sign{
	font-size:13px;
}
.lbl_advance_major{

	width: 100%;
	padding: 10px 10px 10px 15px;
}
.open .lbl_advance_major{
	font-weight:bold;
}
.ribbon-input.pull-right {
	text-align: right;
}
.ribbon-input .btn-group{
	z-index:1000;
}
.btn_help .dropdown-menu{
	min-width: 100px;
	left: -10px;
	text-align: left;
}
.show-mobile{
	display: none!important;
}
.display-mobile{
	display:none!important;
}
.fa-show-mobile{
	display: none!important;
}
.moveleft{
	margin-left: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#year-selector .btn{
		padding: 5px 12px 5px 12px!important;
	}
	.moveleft{
		margin-left: 4px;
	}
}
@media only screen and (max-width: 1281px) and (min-width: 979px) {
	.app-title h1{
		left: -9%;
	}
}
@media only screen and (min-width: 374px){
	.search-content{
		padding-right: 13px;
	}
}
@media only screen and (min-width: 979px) {
	.search-content{
		padding-right: 13px;
	}
}
@media only screen and  (min-width: 1200px) {
	.search-content{
		padding-right: 13px;
	}
}
@media only screen and (max-width: 979px) {
	.display-inline.hidden-tablet, .hidden-tablet {
		display: none !important;
	}
	.show-mobile{
		display:block!important;
	}
	.mobile-alignment {
		float: left;
	}
	#ribbon{
		border-top: none;
	}
	.app-title h1{
		left: -2%;
	}
	#chartSaveButton, #chartPrintButton, #mapSaveButton, #mapPrintButton{
		display:none!important;
	}

}
@media only screen and (max-width: 479px) and (min-width: 320px) {
	.hidden-mobile {
		display: none !important;
	}
	.show-mobile{
		display:block!important;
	}
	#tabContainer .widget-toolbar{
		top: 0px!important;
		z-index: 1;
		border-left: none!important;
		right: 0;
	}
	div.pie_options{
		right: 100px!important;
		top: -26px!important;
	}
	.fa-show-mobile{
		display:block !important;
	}
	.display-mobile{
		display:block !important;
	}
	#header>div{
		padding: 0 2px;
	}
	#header>.search-content {
		padding-right: 5px;
	}
	#hide-menu>:first-child>a {
		width: 30px!important;
		height: 30px!important;
		margin-top: 9px!important;
		line-height: 23px!important;
		min-width: 20px;
	}
	#year-selector .btn{
		padding: 5px 3px!important;
	}
	.ribbon-input {
		margin: 9px 0px;
	}
	#tw-form input.show-mobile{
		width:162px;
	}
	#tw-form button.show-mobile{
		width: 20px!important;
		font-size: 14px!important;
	}
	#tw-form input.show-mobile {
		padding: 0 0px 0 18px;
	}
	#hide-menu i{
		font-size: 100%;
	}
	#num_years{
		min-width: 50px!important;
	}
	#num_years>li>a {
		padding: 3px 10px!important;
	}
	.chosen-container-single .chosen-single span{
		font-size:12px;
	}
	.chosen-container{
		width:163px!important;
	}
	.chosen-container-single .chosen-single span{
		margin-right: 14px;
	}
	.chosen-container-single .chosen-single div{
		width: 15px;
	}
	.chosen-container-single .chosen-single{
		padding: 2px 0 2px 5px!important;
	}
	.chosen-container-single .chosen-single div{
		right: 0px!important;
	}
	.moveleft{
		margin-left: 8px!important;
	}
	.hidden-menu #left-panel {
		left: -1px;
	}
}
@media only screen and (max-width: 320px) and (min-width: 0) {
	#table_select_tag{
		top: -1px!important;
		z-index: 1!important;
		border-left: none!important;
	}
	#tabContainer .widget-toolbar{
		top: 0px!important;
		z-index: 1;
		border-left: none!important;
		right: 0;
	}
	div.pie_options{
		right: 100px!important;
		top: -26px!important;
	}
	.hidden-mobile {
		display: none !important;
	}
	.fa-show-mobile{
		display:block !important;
	}
	.display-mobile{
		display:block !important;
	}
	#header>div{
		padding: 0 2px;
	}
	#header>div{
		padding: 0 2px;
	}
	#hide-menu>:first-child>a {
		width: 30px!important;
		height: 30px!important;
		margin-top: 9px!important;
		line-height: 23px!important;
		min-width: 20px;
	}
	#year-selector .btn{
		padding: 5px 3px;
	}
	.ribbon-input {
		margin: 9px 0px;
	}
	#tw-form input.show-mobile{
		width:162px;
	}
	#tw-form button.show-mobile{
		width: 20px!important;
		font-size: 14px!important;
	}
	#tw-form input.show-mobile {
		padding: 0 0px 0 18px;
	}
	#hide-menu i{
		font-size: 100%;
	}
	.chosen-container-single .chosen-single span{
		font-size:12px;
	}
	.chosen-container{
		width:163px!important;
	}
	.chosen-container-single .chosen-single span{
		margin-right: 14px;
	}
	.chosen-container-single .chosen-single div{
		width: 15px;
	}
	.chosen-container-single .chosen-single{
		padding: 2px 0 2px 5px!important;
	}
	.chosen-container-single .chosen-single div{
		right: 0px!important;
	}
	#widget-grid .row{
		margin:0;
	}
	#content >.row{
		margin:0;
	}
	.row > .fixie,.row > .tabs-title{
		/*padding: 0;*/
	}
	#widget-grid .col-sm-12{
		/*padding-left: 3px;
		padding-right: 3px;*/
	}
	#map_title{
		font-size: 13px;
		display: inline-block;
		vertical-align: 1px;
		font-weight: 400;
		line-height: 1.42857143;
	}
	h1.page-title{
		letter-spacing: 0px;
	}
}
@media only screen and (max-width: 679px) and (min-width: 0){
	.hidden-tablet {
		display: none!important;
	}
	div.pie_options{
		right: 100px!important;
	}
	.show-mobile{
		display:block!important;
	}
	.mobile-alignment{
		float:left;
	}

	.app-title h1{
		left: -2%;
	}
	.ribbon-input.pull-right{
		margin: 10px 0;
		padding: 0 5px;
	}
	#leftMenuForm{
		overflow: auto;
		overflow-x: hidden;
		position: relative;
	}
	/*
	::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	*/
	.dayofweek li:first-child a, .timeofday li:first-child a {
		margin-left: 2px;
	}

	#hide-menu i{
		font-size: 100%;
	}
}

@media screen and (max-width : 320px){
	.btn_help .dropdown-menu {
		left: -41px;
	}
	#table_pane .DTTT_button{
		display:none!important
	}
	#table_select_tag{
		right: 5px!important
	}
	div.icon{
		display:none!important;
	}
	#chartSaveButton,#chartPrintButton,#mapSaveButton,#mapPrintButton,#tablePrintButton,#tableSaveButton {
		display:none!important;
	}
	.app-title h1 {
		left: -4%;
	}
	.moveleft{
		margin-left: 8px!important;
	}


}
@media only screen and (max-width: 979px) and (min-width: 768px){
	.btn-header a {
		margin-top: 9px!important;
		width: 30px!important;
	}
	#advanced_pie_option{
		right: 167px!important;
	}
}
@media only screen and (max-width: 880px) and (min-width: 768px) {
	#hide-menu > :first-child > a, .btn-header a {
		margin-top: 9px!important;
		width: 30px !important;
		height: 30px !important;
		line-height: 23px !important;
	}
	#hide-menu i{
		font-size: 100%;
	}
}
@media screen and(max-width: 767px) {
	#hide-menu > :first-child > a, .btn-header a {
		margin-top: 9px!important;
		width: 30px !important;
		height: 30px !important;
		line-height: 23px !important;
	}
	#hide-menu i{
		font-size: 100%;
	}

}
@media only screen and (max-width: 679px) and (min-width: 0){
	#hide-menu > :first-child > a, .btn-header a {
		margin-top: 9px!important;
		width: 30px !important;
		height: 30px !important;
		line-height: 23px !important;
	}
	#hide-menu i{
		font-size: 100%;
	}
}
@media screen and (max-width : 768px){
	.btn_help .dropdown-menu {
		left: -41px;
	}
	#table_pane .DTTT_button{
		display:none!important
	}
	#tabContainer .widget-toolbar{
		/*top: 0px!important;*/
		z-index: 1;
		/*border-left: none!important;*/
		right: 0;
	}
	div.pie_options {
		right: 100px!important;
		top: -26px!important;
	}
	div.icon{
		display:none!important;
	}
	#chartSaveButton,#chartPrintButton,#mapSaveButton,#mapPrintButton  {
		display:none!important;
	}
	div.dataTables_filter input{
		width: 14em;
	}
	#table_select_tag {
		left: 6px !important;
	}
	div.dataTables_filter input{
		border-left: none;
	}
	.dataTables_filter .input-group-addon{
		background: none;
		border: 1px solid #adadad;
		border-right: none;
	}
	#hide-menu > :first-child > a, .btn-header a {
		margin-top: 9px!important;
		width: 30px !important;
		height: 30px !important;
		line-height: 23px !important;
	}
	#hide-menu i{
		font-size: 100%;
	}
	#stats_table_wrapper{
		margin-top: 0px!important;
	}

	table.dataTable{
		margin-top: 6px!important;
	}

	#advanced_pie_option{
		right: 102px !important;
	}

}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	/* Styles */

	#table_select_tag {
		right: 8px!important;
		padding-left: 8px!important;
	}
	div.icon{
		display:none!important;
	}
	#chartSaveButton,#chartPrintButton,#mapSaveButton,#mapPrintButton,#tablePrintButton,#tableSaveButton  {
		display:none!important;
	}
	#stats_table_filter{
		right: 90px!important;
	}
	#advanced_pie_option{
		/*right: 102px!important;*/
	}

}
@media only screen
and (min-width : 1224px) {

	#map_title {
		font-size: 20px;
	}

}
@media only screen
and (min-width : 1824px) {
	/* Styles */

	#map_title {
		font-size: 20px;
	}

}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* For landscape layouts only */
	.app-title h1{
		left: -12%;
	}
	#fullscreen>:first-child>a {
		display: none!important;
	}
	#table_pane .DTTT_button{
		display:none!important
	}
	#mapShareButton,#chartShareButton,#tableShareButton{
		display:block!important;
	}
	#advanced_pie_option {
		right: 167px!important;
	}
	#stats_table_filter {
		right: 0!important;
	}
	#table_select_tag {
		right: 73px!important;
		padding-left: 8px!important;
	}
	#year-selector .btn {
		padding: 5px 12px;
	}
	.moveleft{
		margin-left: 4px;
	}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* For portrait layouts only */
	.app-title h1{
		left: -2%;
	}
	#fullscreen>:first-child>a {
		display: none!important;
	}
	#table_pane .DTTT_button{
		display:none!important
	}
	#table_select_tag{
		float: left;
		left: -215px;
	}
	#stats_table_filter{
		float: left;
		left: -2px;
		margin-right: 0px;
	}
	#tabContainer .widget-toolbar{
		right: 0px;
	}
	#year-selector .btn {
		padding: 5px 12px;
	}
	.moveleft{
		margin-left: 4px;
	}
}
.btn_bookmark .dropdown-menu{
	text-align: left;
}
.btn_help ,.btn_bookmark{
	z-index: 1000;
}
#tabContainer #btnTabs{
	top: -32px;
	margin-right: -16px;
}
#map_canvas,.gm-style{
	overflow: visible!important;
}
#table_pane .DTTT_container{
	top: -29px;
	right: -2px;
	height: 0px;
	margin-bottom: 0;
	display:none;
}
#table_pane .DTTT_container a.DTTT_button_print{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	border: none;
	font-size: 17px;
	background-color: transparent;
	box-shadow: none;
	padding-right: 2px;
	width: auto;
	height: 31px;
	line-height: 31px;
	position: relative;
	border-left: 1px solid rgba(0,0,0,.09);
	cursor: pointer;
	padding: 0 8px;
	margin-top: -4px;
	text-align: center;
	margin-right: 0px;
}
#table_pane .DTTT_container a.DTTT_button_print span{
	display:none;
}
#table_pane .DTTT_container a.DTTT_button_csv{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	border: none;
	font-size: 17px;
	background-color: transparent;
	box-shadow: none;
	padding-right: 2px;
	width: auto;
	height: 31px;
	line-height: 31px;
	position: relative;
	border-left: 1px solid rgba(0,0,0,.09);
	cursor: pointer;
	padding: 0 8px;
	margin-top: -4px;
	text-align: center;
}
#table_pane .DTTT_container a.DTTT_button_csv:before{
	content: "\f0c7";
}
#table_pane .DTTT_container a.DTTT_button_print:before{
	content: "\f02f";
}
#table_pane .DTTT_container a.DTTT_button_csv span{
	display:none;
}
#table_num_years,#chart_num_years{
	min-width: 60px;
}
#table_select_tag .dropdown-menu {
	animation-name: none;
}
#table_select_tag div.dropdown,#chart_select_tag div.dropdown{
	display: inline-block;
	height: 33px;
	margin-top: 2px;
}
#chart_select_tag div.dropdown{
	height: 29px;
}
#table_select_tag div.dropdown button, #chart_select_tag div.dropdown button{
	padding: 4px 4px;
}
#table_select_tag{
	position: absolute;
	left: 6px;
	height: 33px;
	margin-top: 1px;
	padding-left: 102px;
}

#graph_dropdown {
	float: left;
	z-index: 1;
}
#graph_dropdown.widget-toolbar {
	border-left: none;
}
#trend-chart-tab{
	margin-top: -32px;
}
#chart_select_tag{
	top: -45px;
	right: 214px;
	border-left: 1px solid rgba(0,0,0,.09);
	padding-left: 106px;
	height: 31px;
	float: left;
}
#chart_select_tag .btn-group{
	margin-top: 5px;
}
#table_select_tag .btn-group{
	margin-top: 6px;
}
.table_slider_text{
	font-size: 12px;
}
.ul_minor .btn-primary,.ul_minor .btn-checked,.ul_minor .dropdown-toggle.btn-primary{
	background-color: gray;
	border-color: gray;
	color:white;
}

.ul_minor .dropdown-menu>li>a:focus,.ul_minor .dropdown-menu>li>a:hover{
	background-color: gray;
}
.menu-header h3 label{
	font-weight: 600;
}
table.dataTable thead>tr>th{
	text-align: center;
}
table.dataTable thead>tr>th.trend-row{
	text-align: left
}
table.dataTable thead>tr>th.lga-row{
	text-align: left
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{
	text-align: center;
}
table.dataTable tbody>tr>td.rate-cell{
	text-align: right;
}
table.dataTable tbody>tr>td.count-cell{
	text-align: right;
}
table.table-bordered tbody td {
	border-left-width: 2px;
}
#stats_table {
	border-spacing: 0;
}

#tabContainer .jarviswidget>div{
	padding: 0;
}
.page-title {
	margin: 0 0 10px 0;
}
#chart_select_tag .dropdown-menu{
	animation-name: none;
}
nav ul ul{
	background: rgba(69, 69, 69, .2);
}

#table_num_years li a, #chart_num_years li a{
	padding:3px 10px 3px 11px;
}
#tw-form button.show-mobile {
	background: 0 0;
	border: none;
	color: #6D6A69;
	font-size: 17px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 30px;
	z-index: 2;
}
.dv_related > .btn:first-child{
	width: 179px;
}

.legend_div i,.legend_div_hotspot i{
	z-index: 1000;
	padding: 0 4px;
	font-size: 15px;
	padding-top: 4px;
	padding-bottom: 0px;
}
.legend_div i.fa-minus,.legend_div_hotspot i.fa-minus{
	float:right;
}
#fullscreen{
	margin-top: 0px;
	padding-right: 13px;
	margin-left: 0px;
}
#legendControl th span.display-mobile,#hotspotLegend th span.display-mobile{
	line-height: 19px;
}
.mobile-alignment .btn{
	font-size:12.5px;
	padding: 5px 12px;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}
.dropdown-menu>li>a{
	text-align: center;
}
.td_hidden{
	display:none;
}

@media screen and (max-width: 640px) {
	.dataTables_wrapper .dataTables_filter {
		margin-top: 0;
	}
}

div.dataTables_filter label {
	float: left;
	border: 1px solid #cccccc;
	padding-left: 0.5em;
}

div.dataTables_filter input{
	border-radius: 0px;
	height: 22px;
	border: none;
}
.pagination>li{
	display: inline-block;
}
.map_type_button_interior{


}
.map_type_button_interior div {

}
.map_name{
	font-size: 11px;
	color: rgb(86, 86, 86);
	font-weight: normal;
	float: left;
	overflow: hidden;
	text-align: center;
	position: relative;
	color: rgb(86, 86, 86);
	font-family: Roboto, Arial, sans-serif;
	-webkit-user-select: none;
	font-size: 11px;
	padding: 1px 7px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	-webkit-background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.14902);
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	min-width: 36px;
	background-color: rgb(255, 255, 255);
	background-clip: padding-box;
}
.map_type_button_interior:hover{
	background-color:rgb(235, 235, 235);
}
.map_name:last{
	color:black;
}
.active_map{
	color: rgb(0, 0, 0)!important;
	font-weight: 500;
}

#tw-form #tw-input-text{
	height: 30px;
	border-radius: 2px!important;
}
#tw-form button.search-desktop{
	background: 0 0;
	border: none;
	color: #6D6A69;
	font-size: 17px;
	height: 27px;
	line-height: 27px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 30px;
	z-index: 2;
	left: 0px;
}
#tw-form input.search-desktop{
	padding: 0 5px 0 25px;
}
#tw-form{
	width: 100%;
}
#header .fa{
	color:gray;
}
#stats_table_info{
	display:none;
}
#printContainer #map_title{
	margin-left: 3%;
}
#printContainer{
	background:white;
}
.chart_title {
	font-weight: bold;
	font-size: 17px;
	text-align:center;
	display:none;
}
#printContainer .chart_title{
	display:block;
}
#stats_table_filter{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
}
table.dataTable thead>tr>th input{
	width:82%!important;
}
table.dataTable{
	margin-top: 0px!important;
}
.dataTable>thead>tr>th{
	border-left: 2px solid #ddd!important;
}
.dataTables_filter .input-group-addon{
	height: 24px;
	background: white;
	border: 1px solid #adadad;
	border-right: none;
	padding: 3px 6px;
	width: 24px;
}
.jarviswidget{
	margin: 0;
}

.advanced_filters .btn-group > .btn + .dropdown-toggle {
	padding-left: 5px;
	padding-right: 5px;
	height: 32px;
	width: 18px;
}
#advanced_pie_option {
	position: absolute;
	left: 92px;
	top: -27px
}
#advanced_pie_option .btn {
	height: 22px;
}
#advanced_pie_option .dropdown-menu{
	top: 23px;
	animation-name: none;
}
form{
	display:none;
}
form.ng-pristine{
	display:block;
}
.chosen-search form{
	display:block;
}
.visible-print {
	display: block !important;
}

.hidden-print {
	display: none !important;
}
.div_advance_major .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
	width: 186px;
	font-size: 14px;
	padding: 5px 0px;
	height: 32px;
}

.div_advance_major .moveleft.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){
	width: 179px;
}
nav ul b.minor-collapse-sign,nav ul b.more-collapse-sign{
	font-size: 13px;
	position: absolute!important;
	right: 24px;
	top: 10px;
}
.advanced_filters .ul_minor{
	padding:7px 0;
}

.ui-dialog-titlebar-close:before{
	content: "";
}
.ui-dialog .ui-dialog-titlebar{
	padding: 0 10px!important;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
	background: #428bca;
	border: 1px solid #357ebd;
	color: #fff;
}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover{
	background: #226baa;
	border: 1px solid #155ead;
	color: #fff;
}
#dialog-message h4{
	margin: 20px 0;
}
.ui-dialog .ui-dialog-titlebar-close{
	border: none!important;
}

.chosen-container-single .chosen-single div{
	top: 4px;
}
.chosen-container-single .chosen-single{
	padding: 2px 0 2px 8px;
	height: 30px;
}
.chosen-container-single .chosen-single{
	border-radius: 2px;
}
.chosen-container-single .chosen-single span{
	color: #333;
}
.chosen-select{
	width:100%;
	height: 31px;
}
.chosen-container-active.chosen-with-drop .chosen-single{
	background: white;
}
.chosen-container-single .chosen-single{
	background: white;
}
.close_div{
	width: 35px;
	height: 35px;
	float: right;
	position: absolute;
	right: 0px;
}
select {
	background:transparent;
	border:none;
	display:none;
}

.chosen-container-single .chosen-single div{
	right: 2px;
}
.chosen-search form input[type="search"]{
	width:100%;
	border-radius:0px!important;
}
nav ul .active>a{
	line-height: 18px;
	padding: 0px;
}
.lbl_more_offence_major,.lbl_offence_minor,#leftMenuForm label{
	margin-bottom:0px;
	cursor:pointer;
}
#year-selector .caret{
	color: gray;
}
#mapBtnTabs{
	display: inline-block;
	float: right;
	width: auto;
	height: 32px;
	line-height: 32px;
	position: relative;
	cursor: pointer;
	padding: 0 8px;
	text-align: center;
	margin-right: -8px;
}
#mapMarkerButton.hasMarker{
	background-color: #e8e8e8;
	background-image: -moz-linear-gradient(top,#5a5a5a 0,#686868 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5a5a5a),color-stop(100%,#686868));
	background-image: -webkit-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
	background-image: -o-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
	background-image: -ms-linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
	background-image: linear-gradient(to bottom,#5a5a5a 0,#686868 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#686868', GradientType=0);
	-webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15);
	box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15);
	color: #fff;
	border-color: #494949;
}
#mapMarkerButton{
	float: right;
	position:absolute;
	bottom: 18px;
	right: 0;
	margin-right: 5px;
	border-radius: 2px;
	cursor: default!important;
	font-weight: 700;
	height: 32px;
	min-width: 32px;
	/*padding: 1px 3px 2px 2px;*/
	text-align: center;
	text-decoration: none!important;
	-moz-user-select: none;
	-webkit-user-select: none;
	background-color: #f8f8f8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	border: 1px solid #bfbfbf;
	font-size: 21px;
	display: none!important;

}
.help-content,.social-content{
	display:none;
}
.offence_list{
	border-bottom-color: rgb(255, 255, 255);
	border-style: solid none;
	border-width: 1px;
	border-top: none;
}
.offence_list nav{
	border-bottom-color: rgb(225, 225, 225);
	border-style: solid none;
	border-width: 1px;
	border-top: none;
}
.Victims{
	border-bottom-color: rgb(255, 255, 255);
	border-style: solid none;
	border-width: 1px;
	border-top: none;
}
.Victims >a{
	border-bottom-color: rgb(225, 225, 225);
	border-style: solid none;
	border-width: 1px;
	border-top: none;
}
nav>ul>li:last-child.open{
	border-bottom: none;
}
.help_div h3,.social_div h3,.select_offence_div h3,.div_lbl_advance_filter h3{
	padding:0px;
}
.lbl_social,.lbl_help,.lbl_select_offence,.lbl_advance_filter{
	width: 100%;
	height: 38px;
	padding: 10px;
}
#tableBtnTabs{
	top: -32px;
	margin-right: -8px;
	float: right;
	width: auto;
	height: 32px;
	line-height: 32px;
	position: relative;
	cursor: pointer;
	padding: 0px 8px;
	text-align: center;
}
li[datavalue="2300"] b .fa-plus-square-o{
	display:none;
}
body.DTTT_Print{
	height:100%;
}

#userguide_content,#twitter_content,#glossary_content{
	overflow-y: auto;
	padding: 10px;
}
#userguide_content li,#glossary_content li{
	text-align: left;
	padding: 4px;
}
 table.glossary_premises_table {
	border-collapse: collapse;
}

table.glossary_premises_table, .glossary_premises_table td,.glossary_premises_table th {
	border: 1px solid black;
}
.glossary_hotspot_table th{
	padding: 5px 5px 5px 0px;
}
.glossary_hotspot_table{
	margin-bottom: 5px;
}

.td_yellow{
	background: yellow;
}
.td_orange{
	background: orange;
}
.td_red{
	background: red;
}
#twitter_content{
	text-align: left;
}
#twitter_content ul{
	padding: 17px;
}
#twitter_content li {
	list-style: inherit;
}
#twitter_content a,#userguide_content a,#glossary_content a{
	color: #3276b1;
}
#twitter_content h2{
	text-align: center;
}
#pre_btnTableTab{
	display: inline-block;
	float: right;
	width: auto;
	height: 32px;
	line-height: 32px;
	position: relative;
	cursor: pointer;
	padding: 0 8px;
	text-align: center;
	margin-right: -8px;
}
#tablePrintButton,#tableShareButton,#tableSaveButton,#tableRefreshButton{
	float: left;
}

/* Added by Aaren on 29/08/17 to override the JQuery UI hover effect on the table print button */
#tablePrintButton.ui-state-hover {
	background: transparent;
	border-top: none;
	border-right: none;
	border-bottom: none;
}


/* Added by Aaren on 29/08/17 to make sure initial panel content is big enough that the leaflet canvas will draw enough tiles */
#tab-container.widget-body {
	min-height: 100%
}
#tab-container .tab-content {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
/* End added 29/08/17 */

@-moz-document url-prefix() {
	#year-selector .btn{
		padding: 5px 12px 4px 12px;
	}
}

#mapShareButton button,#chartShareButton button,#tableShareButton button{
	background: none;
	border: none;
	padding: 0;
}
#mapShareButton .dropdown-menu,#chartShareButton .dropdown-menu,#tableShareButton .dropdown-menu{
	min-width: 100px;
}

#mapShareButton .dropdown-menu li a,#chartShareButton .dropdown-menu li a,#tableShareButton .dropdown-menu li a{
	padding: 3px 10px;
}
#mapShareButton .dropdown-menu li a span,#chartShareButton .dropdown-menu li a span,#tableShareButton .dropdown-menu li a span{
	padding-left: 10px;
}
#mapShareButton .dropdown-menu>li>a,#chartShareButton .dropdown-menu>li>a,#tableShareButton .dropdown-menu>li>a{
	text-align: left;
}

#year-selector {
	width: initial;
}

#leftMenuForm .menu-header label.lbl_select_offence {
	cursor: default;
 }

.handheld #chartSaveButton, .handheld #chartPrintButton, .handheld #mapSaveButton, .handheld #mapPrintButton, .handheld #tablePrintButton, .handheld #tableSaveButton {
	display:none!important;
}
