@CHARSET "UTF-8";

.legend td.hue {
    width: 16px;
    height: 16px;

}

.legend td.hue img {
    width: 14px;
    height: 14px;
    position: relative;
    border: 1px solid gray;
}

.legend td.value {
    text-align: left;
}
/* Philip: CSS Fix for Printing Legend */
.leaflet-left {
    right: 16px
}

.leaflet-right {
    left: 0;
}

#map_shim {
    position: absolute;
    top: 96px;
    bottom: 101px;
    right: 0;
    margin-left: 25em;
    border-left: 1px solid black;
    height: 80%;
    float: left;
    min-width: 600px;
}

/* Hide shadow on InfoWindows */
img[src*="iws3.png"] {
    display: none;
}

#hedloc_logo {
    position: absolute;
    left: 0.5em;
    bottom: 0;
}

#crimtelligence_logo {
    bottom: -5%;
    position: absolute;
    left: 33px;
    width: 30px;
}

#left.hidden #logo {
    display: none;
}

#left.hidden + #map_shim {
    margin-left: 0;
    border: none;
}

#left.hidden {
    display: none;
}

table.legend {
    background-color: white;
    position: relative;
    margin: 4px;
}

table.legend td.value {
    padding-left: 3px;
}

table.legend td.hue {
    text-align: center;
}

.legend_div_hotspot, .legend_div {
    border: 1px solid gray;
    background-color: white;
    position: relative;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    padding-bottom: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

a.collapse-control {
    font-size: 1.3em;
    padding-right: 3px;
}

#pane_control.hidden img.minus, #pane_control img.plus {
    display: none;
}

#pane_control.hidden img.plus, #pane_control img.minus {
    display: inline;
}

#pane_control img.plus, #pane_control img.minus {
    width: 24px;
    padding-bottom: 8px;
}

#left {
    max-width: 25em;
    width: 25em;
}

div.controls.hidden img {
    display: none;
}

#banner {
    border-bottom: 1px solid black;
}

#left_menu {
    overflow-y: auto;
    width: 400px;
    float: left;
}

#map_canvas {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden !important;
    position: absolute;
    z-index: 0;
}

body {
    font-family: "Arial", sans-serif;
    font-size: 12px;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
}

.content_show2 ul {
    padding-left: 0.75em;
}

li {
    list-style: none;
}

ul.collapsed {
    display: none;
}

.controls a {
    text-decoration: none;
    color: blue;
    background-color: transparent;
    border: transparent;
}



.controls a img {
    background-color: transparent;
    border: transparent;
}

div.controls .shim {
    vertical-align: middle;
    height: 36px;
    display: inline-block;
}

#filterInfo {
    font-size: 0.7em;
    padding-left: 1em;
    padding-right: 1em;
}

div.controls {
    text-align: center;
    position: fixed;
    bottom: 3em;
    left: 0;
    padding-top: 1em;
}

div.controls img {
    width: 36px;
}

#btnTabs, #btnTableTab {
    position: absolute;
    top: 2px;
    right: 8px;
    cursor: pointer;
}

#chartCloseButton, #tableCloseButton {
    margin-top: 5px;
    vertical-align: top;
}

.panel-button-tab {
    position: absolute;
    height: 32px;
    top: -32px;
    right: 0;
}

.panel-button-tab>div {
    padding-top: 4px;
    font-size: 17px;
    float: right;
    width: auto;
    height: 32px;
    line-height: 32px;
    position: relative;
    border-left: 1px solid rgba(0,0,0,.09);
    cursor: pointer;
    padding-left: 8px;
    padding-right: 8px;
}

.panel-button-tab>div.button-container {
    padding: 0;
}

.panel-button-tab>div.button-container button {
	  border: none;
    background-color: transparent;
    outline: none;
    padding: 4px 8px 0 8px;
}

.panel-button-tab>div.button-container .dropdown-menu {
    min-width: 0;
}

#mapShareButton,#chartShareButton,#tableShareButton {
	margin-top: -1px;
}


#top-container {
    position: relative;
    z-index: 9000;
}

.topmenu {
    margin: 0;
    padding: 0;
    background-color: #ADADAD;
    height: 31px;
    min-width: 1000px;
}

.topmenu ul {
    margin: 0;
    right: 0;
    z-index: 2000;
    float: right;
    display: block;
	margin-top: 3px;
}

.ul_top_tabs li ul {
    position: absolute;
    visibility: hidden;
    top: 33px;
    z-index: 2000;
    right: -1px;
}

.ul_top_tabs li:hover ul {
    visibility: visible;
    z-index: 2000;
}

.ul_top_tabs li {

    float: right;
    position: relative;
    top: -1px;
}

#topBanner {
    position: relative;
    top: 0;
    z-index: 5000;
    min-width: 1280px;
}

.clearFloat {
    clear: both;
    margin: 0;
    padding: 0;
}

.loading {
    background: url('../img/loading.gif') no-repeat center center;
}

.notloading {
    background: none no-repeat center center;
}

a {
    color: #000000;
    text-decoration: none;
}

.hide-content {
    display: none;
}


.advance_option_li ul li:hover {
    background: none repeat scroll 0 0 #CFDEFF;
    outline: 0 none;
    font-weight: bold;
}

.advance_option_li ul li {
    line-height: 32px;
    text-decoration: none;
}

.advance_option_li ul li.advance_option_off:hover ul {
    margin-left: 135px;
    margin-top: -161px;
}

.advance_option_li ul {
    float: left;
    display: none;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    z-index: 5000;
    position: absolute;
    padding-left: 0px;
    width: 9em;
}

.advance_option_li ul li {
    width: 100%;
}

.advance_option_li ul li.advance_option_off ul {
    cursor: pointer;
    display: none;
    width: 17em;
    font-weight: normal;
}

.label_sbm_select_adv {
    font-weight: normal;
}

.advance_option_li ul li.advance_option_off ul .label_sbm_select_adv:hover {
    font-weight: normal;
}

.span_offence_minor {
    line-height: 180%;
    font-size: 110%;
    font-family: arial, sans-serif;
    margin-left: 12px;
    padding-bottom: 6px;
    padding-top: 6px;
}

#span_offence_more_major {
    line-height: 200%;
}

.label_mainmenu2 {
    width: 16em;
}

#more_offence > a {
    line-height: 200%;
}

.advance_img2, .advance_img3 {

    padding-top: 6px;
}

hr {
    height: 0;
    border: 0;
    border-bottom: 1px solid #dedede;
    color: #dedede;

}

#tw-form {
	position:relative;
}


#tw-form #tw-input-text:focus {
    color: #333333;
    outline: medium none;
}

#tw-form #tw-input-submit {
    background: url("../images/Search-icon.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    width: 26px;
    z-index: 100;
    height: 23px;
}

input {
    border: 1px solid #adadad;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;

}

.clear {
    clear: both;
}


.chart_pane_msg {
    position: absolute;
    top: 50%;
    font-size: 12px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

label[for=slider] {
    color: white;
}

#allSliderStuff {
    height: 32px;
    float: left;
	margin-top: 3px;
}

#allSliderStuff div {
    display: inline-block;
}

#allSliderStuff #slider {
    display: block;
}

img[src='images/Section-Pipe.png'] {
    height: 32px;
    vertical-align: top;
    margin: 0 0 0 5px;
}

#selectSliderContainer {
    display: inline-block;
    vertical-align: top;
    padding: 2px;
}

/*text e.g. "number of years"*/
.slider_text {
    display: inline-block;

}

#num_years {
    margin-bottom: 15px;
    border-radius: 3px;
    background-color: white;
    border: 1px solid gray;
	min-width: 66px;
}
#num_years>li>a{
	padding: 3px 15px;
}
#num_years li.hidden-year, #chart_num_years li.hidden-year, #table_num_years li.hidden-year {
    display: none;
}

#sliderContainer {
    width: 160px;
    vertical-align: top;
    padding: 0 10px 0 12px;
    margin-top: -2px;
    vertical-align: top;
}

#slider {
    margin-bottom: 5px;

}

#txtSlider {
    background: transparent;
    border: none;
    color: white;
    text-align: center;
    width: 100%;
    font-size: 0.8em;
    margin-top: 2px;
    margin-bottom: 3px;
}

#tickerContainer {
    position: relative;
    left: 250px;
    display: inline-block;
    vertical-align: top;
}

.row_selected td {
    background-color: #B0BED9!important;
}

#btnClear {
    position: absolute;
    bottom: 0;
    bottom: -5%;
    position: absolute;
    left: 75px;

    width: 67px;
    height: 28px;
    background-image: url('../images/Clear-All.png');
    background-position: 0 0;
}

#btnClear:hover {
    background-position: 0 28px;
}

.ul_top_tabs li > a {
    font-size: 12px;
    font-family: arial, sans-serif;
}

.ul_top_tabs_sub li > a {
    font-size: 110%;
    font-family: arial, sans-serif;
    line-height: 190%;
}

.div_offence_major label:hover {
    cursor: pointer;
}

#li_hotspotsTab {
    display: none;
}
#hotspots{
	display: none;
}

#div_top_title {
    display: inline-block;
}



#bottomContainer {
    border-top: 1px solid black;
    clear: both;
    position: absolute;
    bottom: 0; /* stick to bottom */
}

.showMenu {
    left: 154px;
    z-index: 2000;
    width: 20px;
    height: 31px;
    position: relative;
    background: url("../images/Menu-min-arrow-left.png") no-repeat;

}

.hideMenu {
    left: 0;
    z-index: 2000;
    width: 31px;
    height: 31px;
    background: url("../images/Menu-min-arrow-right.png") no-repeat;
    position: relative;

}

#toggle_left_menu {
    background-color: #ADADAD;
    top: 75px;
    position: relative;
}

.ui-resizable-helper {
    border: 2px dotted #00F;
}

#save_bookmarks {
    height: 35px;
    width: 35px;
    margin-top: 0;
}

#close_bookmarks {
    margin-top: 5px;
    vertical-align: top;
}

#legendControl, #hotspotLegend {
    background-color: white;
    font-size: 11px;
    color: #545454;

}

#chartFooter {
    clear: both;
    margin-left: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    color: #545454;
}

#tabContainer {
    height: 100% !important; /*override the resize giving it a fixed height*/
    z-index: 20;
}



#chartsTabs {
    border: none;
    padding: 0;
}

#chartsDialog {
    padding: 0;
}

#content {
    text-align: center;
}

.outer-center {
    right: 50%;
    position: absolute;
    z-index: 20;
    top: 7px;
    border: none;
    background-color: transparent;
}

.inner-center {
    width: 100%;
    right: -50%;
    background-color: white;
    position: relative;
    font-size: 13px;
    padding: 10px 20px 10px 20px;
    border: 1px solid gray;
    border-radius: 3px;
    box-shadow: 3px 3px 4px #545454;
}

.clear {
    clear: both;
}

#div_clear_all {
    bottom: -5%;
    left: 77px;
    position: absolute;
}

.table_heading {
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 3px;
    margin-bottom: 10px;
    color: #808080;
}

.shadow {
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    zoom: 1;
    filter: "progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#000000')";
}

table.dataTable thead th {
    background-color: #E6E6E6;
}

div.pie_options {
	position: absolute;
	z-index: 10;
	top: -59px;
	right: 170px;
}

#slider .ui-slider-handle {
    background: url('../images/Timeslide-gauge.png') 50%;
    width: 36px; /*width of timeslide-gauge.png*/
    height: 21px; /*height of timeslide-gauge.png*/
    top: -6px; /*whatever looks good.. */
    margin-left: -18px; /*negative half width*/
    border: none;
}

#slider .ui-slider-horizontal {
    height: 10px;
}

#slider .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-tr, .ui-corner-left, .ui-corner-tl, .ui-corner-bl {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#sliderContainer .ui-widget-content {
    background: url('../images/Timeslider-bar.png');
    height: 12px;
    top: -4px;

}

#sliderContainer .ui-widget-header {
    background: none;
}

#sliderContainer {
    display: inline-block;
}

input[type=text][name=search_table]{
    padding-left: 5px;
	border-radius: 0px;
	height: 32px;
}

/*
 * To change the autocomplete dropdown ul z-index, needed to override 
 * its parent container z-index since the jquery ui javascript is setting it on the element
 * see: http://stackoverflow.com/questions/6762174/jquery-uis-autocomplete-not-display-well-z-index-issue
 */
#content_header {
    z-index: 50;
}

#chartFooter a {
    text-decoration: underline;
}

/*
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #EEEEEE;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    background-color: #3875d7;
}
*/

/* IE puts borders around images which are links */
a.noborder, a.noborder img {
    border: none;
}




.ui-progressbar .ui-progressbar-value{
	
	background: url('../images/animated-overlay.png');
	opacity:0.25;
	filter: alpha(opacity=25);
}

.trend_button{
	background: url('../images/Calculate-trends.png');
	width: 144px;
	height: 34px;
	display: block;
}

.trend_loading{
	background: url('../img/loading.gif') no-repeat center center;
	width: 16px;
	height:16px;
	display: block;
}


/* responsive css*/

.desktop-detected.hidden-menu #content_header{
	left:10px
}

.minified #content_header{
	left: 45px
}

.minified #content{
	left: 45px
}
#tw-form input.show-mobile{
	padding: 0 4px 0 24px;
	font-size:12px;
}

/* Fixing an issue with font-awesome icons not being centred */
.fa {
	padding-top: 4px;
}

#mapBtnTabs {
    width: 100px;
}

.chosen-single div {
	top: 17px !important;
}

#button-container{
	padding-top: 7px;
 }

/* Commented out by Aaren on 29/08/17. It was causing the left side of the table to be cropped when printing the table 
* Note: Philip. The default margin is -13px-13px 0 through smartadmin-production.min.css under `.widget-body.no-padding`. 
Recommend to remove.
#tab-container{
	margin: -14px -13px 0 !important;
}
*/
.leaflet-overlay-pane svg {
    height: auto;
    width: auto;
}

.leaflet-bar a {
    width: 25px;
    height: 25px;
    background-color: rgb(255, 255, 255);
    padding-top: 0px !important;

}

.zoomToMe {
    margin-right: 0px !important;
}

.zoomToMe:hover {
    cursor: pointer;
}

table {
    font-size: 12px !important;
}

.graph-dropdown-btn{
    height: 22px;
    top: 1px;
}

#year-selector .dropdown button{
    min-height: 30px;
    max-height: 30px;
}

#year-selector {
    text-align: right;
}

/* *** BOCSAR overrides March 2017 *** */

/* Override for the 'highlight' of the currently selected tab */
.nav-tabs li.active>a {
    box-shadow: 0 -2px 0 #002C5A;
}


/* Overrides for the 'primary' bootstrap buttons */
.btn-primary, .btn-warning {
    background-color: #3875D7;
    border-color: #2a62bc;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
}

.btn-primary:active, .btn-primary:hover, .btn-primary:focus, .open .dropdown-toggle.btn-primary, .btn-warning:active, .btn-warning:hover, btn-warning:focus {
    background-color: #2661c0;
    border-color: #1d4b95;
    background-image: linear-gradient(#2661c0 20%, #1d4b95 90%);
}


/* Hover colour for dropdown menu items */
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:active {
    background-color: #3875d7;
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
}

.dropdown-menu {
    animation-name : none !important;
    max-height: 60vh;
    overflow-y: auto;
}



#stats_table_wrapper>.clear {
    display: none;
}

#advanced_pie_option li {
    cursor:pointer;
}

.page-title {
    white-space: normal;
}

.leaflet-popup-content .info {
    white-space: normal;
}

.leaflet-popup .info>h3:first-child {
    padding-top: 0px;
    margin: 0 10px 12px 0;
}

.leaflet-popup .leaflet-popup-content {
    margin: 8px;
    min-width: 240px;
    max-width: calc(100vw - 90px);
    overflow-x: hidden;
    box-sizing: border-box;
    white-space: normal
}

/* Changes to move logo into panel and make panel full height - AT (Jan 2018) */
#header>:first-child, aside {
    width: auto;
}

#menu-controls {
    margin-left: 4px;
}

@media only screen and (max-width: 980px) and (min-width: 320px) {
    .hidden-menu #main {
        left: 0;
        transform: translateX(220px);
    }
}

#main {
    margin-left: 221px;
    transition: all 250ms cubic-bezier(0.1,.57,.1,1)
}

#left-panel header {
    height: 49px;
    background-color: #fff;
    border-bottom: 1px solid #002C5A;
}

@media only screen and (max-width: 980px) and (min-width: 0) {
    #main {
        margin-left: 0;
    }
    #logo img {
        width: auto;
    }
}

#leftMenuForm {
    max-width: 221px;
}

#blocking-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

#blocking-overlay.hidden {
    display: none;
}

#tablePrintButton.disabled, #tableSaveButton.disabled {
    opacity: 40%;
    cursor: wait;
}

#progress {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 20%;
    min-width: 150px;
    height: 8px;
}

#progress .loading-bar-label {
    position: absolute;
    bottom: -24px;
    left: 0;
    color: #999;
}