#map-table-section, #project-map-section{
    background-color: white;
    margin-bottom: 40px;
}

/* IE9 bug where map z-index goes over the footer */
.page-footer {
    z-index: 1001; /* Map is Z-index 2, the leaflet logo is 1000 */
}

.ms-ctn.form-control.ms-ctn-focus {
    /*padding: 5px 12px !important; */
}

div.ms-res-ctn.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1003;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    list-style: none;
    font-size: 18px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}

.ms-close-btn{
    background-position: 0 0 !important;
}

#project-search i.fa-search {
    padding: 6px;
    font-size: 24px;
    height: 46px;
    background: transparent !important; 
    background-color: transparent !important; 
    color: #ccc !important; 
}

#project-search i.fa-search {
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
}

.leaflet-control-location.leaflet-bar.leaflet-control a {
    font-size: 18px;
    text-align: center;
    line-height: 27px;
}

#project-search .ms-ctn.form-control.ms-no-trigger {
    padding-top: 4px;
    padding-bottom: 4px;
}

#project-search {
    width:100%; 
    margin-bottom: 20px;
}
.ms-sel-ctn input {
    color: #999;
    font-size: 18px;
    padding: 1px !important;
    padding-left: 5px !important;
}

.ms-helper {
    color: #222 !important;
    left: 3px !important;
    top: 0px !important;
}

#project-search .ms-helper {
    display: none !important;
}

.map {
	height:500px;
	width:100%;
	border:solid 1px #dddddd;
}

.map-detail{
	height:400px;   
}
.carousel-control {
    opacity: 1;
    filter: none;
}
.left.carousel-control,.right.carousel-control{
    background-image: none;
    background: none;
    filter: none;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    height: 50px;
    margin-top: -25px;
}

table.table.table-sortable thead th{
    position: relative;   
	color:white;
	background-color: #00aeef;
	text-decoration:none;
	vertical-align:top !important;	
	text-transform:uppercase;
	
	padding:12px;
	padding-right:18px !important;
    cursor: pointer;
}

.carousel-control .fa {
    color: white;
    font-size: 50px;
}

.carousel-indicators li, .carousel-indicators .active {
    margin-left: 5px;
    margin-right: 5px;
}

#content img{
	outline:none !important;
	outline-offset:0 !important;
}

/* Fix for Template */
.nav{
	
	margin-bottom:1em;
	}
.nav.nav-tabs li {
	padding-bottom:0;
}

.nav-tabs > li > a{
	margin-right:0;
}
/* End Template fixes */

.image_not_available {
    text-align: center;
    font-weight: bold;
}


.mobile-sort-section
{
	display:block;
	color:white;
	/*background-color: #f68100;*/
	padding:10px;	
}

a.mobile-sort::after{
    font-family: FontAwesome;
	color:white;
	content: "\f0dc";
	padding-left:5px;
}

button.view-button{
	margin-top:8px;
	background-color:#eee;
}

.item-count
{
	font-size:1.2em;
	color:#0081ab;
}
.item-count.sub
{
	font-size:1.1em;
}
/*make icons go away for projects*/
#project-map i.fa {
	color:transparent;
	font-size:0px;
}

/* legend */

#map-legend {
	margin-top:10px;
}
#map-legend .legend-item{
	vertical-align:middle;
	margin-bottom:4px;
	
	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
}
#map-legend .legend-item-color{
	width:25px;
	display:inline-block;
	border:solid 1px #ddd;
	margin-right:7px;
	font-weight: bold !important;
	background-color:red;
}


/* pop up content header*/
.leaflet-popup-content a h1{
	margin-top:0;
}

/* end custom styling */

.offscreen{
	position:absolute !important;
    z-index: -200;
}

#project-map-section.offscreen .map, #project-map-section.offscreen #map-legend, #map-table-section.offscreen #map-table {
    position: absolute;
    top: -8000000px;
}

#project-message {
    margin-bottom: 20px;
}

/* popup styling */

.leaflet-popup-close-button
{
	border-bottom: 0px;
}

.leaflet-popup-content img
{
	width: 100% !important;	
}

.leaflet-marker-icon
{
	outline: none !important;	
}

.map img
{
	outline: none !important;
}

.map-popup-label
{
	font-weight: bold !important;
	padding-right: 5px;
}

/* end popup styling */

.map-detail-label
{
	font-weight: bold !important;
    min-width: 130px;
	padding-right: 10px;
}

.map-detail-label2
{
	font-weight: bold !important;
	padding-right: 0px;
	font-size: 1.12em;
}

[class*="icon-"]
{
	padding-right: 0px !important;	
}

.map-marker
{
	padding-left: 0em;
	padding-right: 0em;
}

#map-detail-buttons {
    margin-top: 0.8em;
}

.details-button
{
  padding-top:0.8em;
  padding-bottom:0.8em;
}

#project-images {
    margin-bottom:0.8em;
}

.image-date {
    color: white;
}


.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 1.2em;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

	#modal-project-details h4
	{
		font-size: 1.5em !important;
	}
	
	.map-popup-label
	{
		/*font-size: 0.8em !important;*/
		padding-left: 15px !important;
	}

	.modal-header
	{
		border-bottom: 0px;
	}

	.modal-footer
	{
		border-top: 0px;
		padding-top: 0px;

	}

	#modal-project-details table
	{
		margin-bottom: 0px;
		margin-top: 0px;
	}

	#modal-project-details img
	{
		display:none;
	}
	
	#modal-project-details .btn
	{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	#modal-project-details .modal-dialog
	{
		max-width: 350px; /* your width */
	}

    #project-budget-slider-control.ui-widget-content {
        background-image: none;
        background-color: white;        
    }
    #project-budget-slider-control .ui-widget-header {
        background-image: none;
        background-color: #00aeef;
    }


/* Large desktop */
@media (min-width: 1200px) {
}

/* medium desktop */
@media (min-width: 992px) and (max-width: 1199px) {
	table.table tbody td{
		padding-left:5px !important;
		padding-right:5px !important;
        /*color: orange !important;*/
	}

	table.table thead th{
		padding-left:5px !important;
	}
    table.table thead th, table.table tbody td {
        font-size: 15px;
    }
    table.table-sortable.table thead th {
        padding: 6px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) 
{
	table.table tbody td{
		padding-left:5px !important;
		padding-right:5px !important;
/*		color:green !important;*/
	}

	table.table thead th{
		padding-left:5px !important;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) 
{
      .ms-sel-ctn .ms-sel-item .ms-close-btn{
        background-image: url("images/delete.png") !important;
        background-repeat: no-repeat !important;
background-position: 3px 3px!important;
        margin: 0 !important;
        height: 16px !important;
        width: 16px !important;
        padding: 0 10px !important;
    }

  .ms-sel-item {
      padding-right: 0px !important;
  }
	

.alberta-theme #breadcrumbs-share {
    position: relative;
}

	table.table tbody td{
		padding-left:5px !important;
		padding-right:5px !important;	
/*		color:red !important;*/
	}

	table.table thead th.header::after {
		font-size: 0.8em !important;
		padding-top: 6px !important;
	}

	table.table thead th{
	    padding-right:16px !important;
	}

	table.table thead th{
		padding-left:5px !important;
	}

	button.view-button i.fa{
		font-size:1.5em;
	}
			
	.map-legend .legend-item{
		margin-bottom:8px;
	}

	.popup-image
	{
		display:none;
	}
    #project-search{
        width:100%;
    }

    #project-map-filter {
        margin-left: 15px;
        padding-right: 35px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    
  .ms-sel-ctn .ms-sel-item .ms-close-btn{
        background-image: url("images/delete.png") !important;
background-position: 3px 3px!important;
        background-repeat: no-repeat !important;
        margin: 0 !important;
        height: 16px !important;
      width: 16px !important;
        padding: 0 10px !important;
    }

  .ms-sel-item {
      padding-right: 0px !important;
  }

    .alberta-theme #breadcrumbs-share {
        position: relative;
    }

        .alberta-theme #breadcrumbs-share .addthis_toolbox:before {
            content: 'Share';
        }

    .addthis_toolbox.addthis_custom_sharing.social {
        width: 100%;
        text-align: center;
    }
	.leaflet-popup-content-wrapper td
	{
		line-height: 1em !important;
	}

	.leaflet-popup-content-wrapper h1,.leaflet-popup-content-wrapper.h1
	{
		font-size: 1.25em !important;
	}
		
	button.view-button i.fa{
		font-size:2em;
	}
			
	.map-legend .legend-item{
		margin-bottom:15px;
	}

    #project-search{
        width:100%;
    }
    .leaflet-popup-content-wrapper td
	{
		line-height: 1em !important;
	}

	.leaflet-popup-content-wrapper h1,.leaflet-popup-content-wrapper.h1
	{
		font-size: 1.25em !important;
	}
		
	button.view-button i.fa{
		font-size:2em;
	}
			
	.map-legend .legend-item{
		margin-bottom:15px;
	}
}


.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */