/* ====== ADDITIONAL GENERIC ======== */
	/*font*/
	.text-uppercase {text-transform: uppercase;}
	.text-blue {color: #0096db;}
	
	/* ====== ADJUSTMENTS to existing styles ======== */
	
	
	.maps-container .maps-left-info h2{margin: 20px 17px 15px 32px;}
	.maps-container .maps-left-info .power-tracker.by-location-results .by-county {display: block;} /*show county table*/
	
	/*tooltip*/
	
	.maps .popover.right .arrow::after{border-right-color:#0c2739;}
	.maps .popover{
		background-color:#0c2739!important; 
		color:#ffffff; 
	}
	.maps-container .maps-left-info .top-pane .power-tracker-top .fpl-tooltip{margin-top: 0;}
	.maps .popover.bottom .arrow::after {border-bottom-color: #0c2739;}

	/*ALERT*/
	/*mobile/tablet portrait alert*/
	.maps-container .maps-left-info .top-pane .storm-alert-bar-tablet {
		width: 100%;
		background: #dd1500;
		box-shadow: rgba(0, 0, 0, 0.2) -1px 2px 5px;
	}
	
	/* === ACCORDION PANELS === */
	.pt-menu{margin-bottom: 0;}
	.pt-menu .panel {
	  border-radius: 0;
	  border: 0;
	  margin-top: 0px!important;
	  box-shadow: none;
	}	
	.pt-menu .panel-body{background-color: #f0f2f4;}
	.pt-menu .panel-title{margin: 0;}
	.pt-menu .panel-title .pt-toggle {
	  display: block;
	  padding: 10px 15px 10px 30px;
	  border-top: 1px solid #ddd;
	  text-decoration: none;
	  font-family: Arial;
	  font-size: 20px;
	  cursor: pointer;
	}
	.pt-menu .panel-heading a.collapsed:hover,
	.pt-menu .panel-heading a.collapsed:focus {
	  background-color: #0096db;
	  color: white; 
	  transition: all 0.3s ease-in;
	}
	.pt-menu .panel-heading a.collapsed:hover::before,
	.pt-menu .panel-heading a.collapsed:focus::before {
	  color: white;
	}
	.pt-menu .panel-heading {
	  padding: 0;
	  border-radius: 0px;
	  background-color: #ffffff;

	}
	.pt-menu .panel-heading a:not(.collapsed) {
	  transition: all 0.3s ease-in;
	}

	/* Add Indicator fontawesome icon to the left */
	.pt-menu .panel-heading .panel-title .pt-toggle::before {
	  font-family: 'FontAwesome';
	  content: '\f077';
	  float: right;
	  color: #999999;
	  transform: rotate(0deg);
	  transition: all 0.3s ease-in;
	}
	.pt-menu .panel-heading .panel-title .pt-toggle.collapsed::before {
	  
	  transform: rotate(540deg);
	  transition: all 0.3s ease-in;
	}
	
	/*=== ACCORDION CONTENTS ===*/
	
	.pt-menu .panel-body {padding: 0;} 
	.pt-menu .map-legend .panel-body{padding: 15px;}

	
	
	/*COUNTY OUTAGES*/
	/*always show outage table*/
	.maps-container .maps-left-info .power-tracker.initial-state .by-county, 
	.maps-container .maps-left-info .power-tracker.initial-state .table-container,
	.maps-container .maps-left-info .power-tracker.storm-alert .by-county	{display: block;}
	
	/*scrollbar*/
	.maps-container .maps-left-info .top-pane .by-county .table-container{
		direction:rtl;
		overflow-y:auto;
		}
	.maps-container .maps-left-info .top-pane .by-county .by-county-table{direction:ltr;}
	
	/*header table*/
	.by-county th {
		border: 0!important;
		font-size: 10px!important;
		}
	.table-header-inner {
		border-top: 2px solid #ccc;
		margin-top: 10px;
		border-bottom: 1px solid #ccc;
	}
	.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header{
		background-color: #f0f2f4;
		margin-left: 5px; 
		}
		/*fix for desktop, due to scrollbar left, can't do 1024 due to tablets landscape = no scroll*/		
		@media (min-width: 1280px){
			.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header{
				margin-left: 10px; 			
			}
		}
	
	.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header thead th {text-align: center;}
	.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header .header-county {
		/* width: auto!important; */
		padding-left: 0;
		}
	.maps-container .maps-left-info .top-pane .by-county .table-header .sort-header .header-county span{
		font-size: 17px;
		margin-top:0;
		float: none;
		margin-left: 10px;
		
		}
		
	.maps-container .maps-left-info .top-pane .by-county .by-county-table td {font-size: 90%;}
	
	/*table blue sky*/
	.blue-sky .by-county table td, 
	.blue-sky .by-county table th {width: 33%!important;}
	
	/*table storm mode*/
	.storm-alert .by-county table td, 
	.storm-alert .by-county table th {/* width: 20%!important; */}

	

	/*LEGEND OUTAGE LIST - orig specified for bottom pane, feature is in top pane now*/
	.map-legend-container p b{margin-left: 15px;}
	ul.map-legend-list {
		list-style-type: none;
		padding-left: 0px;
		padding-right: 0px;
		font-weight: bold;
		font-size: 14px;
	}
	ul.map-legend-list li {
		float: left;
		width: 50%;
		border-top: 1px solid #ccc;
        padding: 10px;
        margin: 0;
	}
	ul.map-legend-list li::before {
	  content: '';
	  display: inline-block;
	  width: 32px;
	  height: 32px;
	  margin-right: 10px;
	  vertical-align: -50%; /*centers image with text */
	}
	
	ul.map-legend-list li.multiple-outages::before {
	  background: url(../images/maps/icon-outages-legend/icon-multi-out.png);
	}
	ul.map-legend-list li.group-1::before {
	  background: url(../images/maps/icon-outages-legend/icon-cust-1.png);
	}
	ul.map-legend-list li.group-2::before {
	  background: url(../images/maps/icon-outages-legend/icon-cust-100.png);
	}
	ul.map-legend-list li.group-3::before {
	  background: url(../images/maps/icon-outages-legend/icon-cust-500.png);
	}
	ul.map-legend-list li.group-4::before {
	  background: url(../images/maps/icon-outages-legend/icon-cust-2000.png);
	}
	ul.map-legend-list li.group-5::before {
	  background: url(../images/maps/icon-outages-legend/icon-cust-2000-plus.png);
	}

	


	/*LEGEND SITES */
	.map-legend-sites {
		background-color: white;
		padding: 10px;
		border: 1px solid #efefef;
		border-radius: 5px;
		box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
        margin-bottom: 5px;
		clear: both;
	}
	
	/***custom checkbox***/
	/*hide original checkbox*/
	.ptchk input[type="checkbox"]{
		display: none;
	}
	
	.ptchk label {
        font-weight: normal;
		font-size: 12px;
		margin-top: 8px;
	}

	/*checkmark*/
	.ptchk label::before {
		position: absolute;
		font-family: "FontAwesome";
		content: "\f00c";
		font-size: 26px;
		color: #0073a8;
		top: -1px;
		left: 70px;
		opacity: 0; /*hides checkmark if unchecked*/
		-webkit-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		z-index: 1;
		cursor: pointer;
	}
	/*create box*/
	.ptchk label::after {
		position: absolute;
		content: "";
		width: 30px;
		height: 30px;
		left: 67px;
		top: 0;
		background-color: #fff;
		border: 1px solid #a8a5a5;
		-webkit-border-radius: 20%;
		border-radius: 20%;
		cursor: pointer;
	}
	/*label text adjustment if checked*/
	.ptchk input[type="checkbox"]:checked+label{
	}
	/*show checkmark if checked*/
	.ptchk input[type=checkbox]:checked+label::before {
		opacity: 1;
	}
	
	
		/*helpful links*/
	.pt-menu .helplinks .panel-body a {
		padding: 10px 32px;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		display: block;
		text-decoration: none;
		border-top: 1px solid #ddd;
	}
	.pt-menu .helplinks .panel-body a:first-child {border-top: 0;}
	.pt-menu .helplinks .panel-body a:before {
		font-family: "FontAwesome";
		content: '\f105';
		font-size: 16px;
		margin-right: 5px;
	}
	
	/* MOBILE COPY*/
	.maps-container.mobile {pointer-events: auto;}
	
	
	/* POP UPS*/
	.infoWindowDiv ul{padding-left: 17px;}
	
	/*relief*/
	.infoWindowDiv.relief {
		background: linear-gradient(to top, #efefef 0%,#efefef 45%,#efefef 45%,white 45%,white 100%); 
		height: 300px; /*needed to display split section evenly, dynamic list content*/
		}
	.maps .infoWindowDiv.relief::after{
		border: 11px solid #efefef;
		border-bottom-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;			
	}
	.infoWindowDiv.relief .top {height: 160px;} /*push bottom down into shaded area*/
	.infoWindowDiv.relief .bottom ul {
		font-size: 90%;
		margin-bottom: 8px;
		margin-top: 8px;
		 /*splits list into columns*/
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		column-count: 2;
		column-gap: 30px;

	}
	.infoWindowDiv.relief .bottom p.small{margin-bottom:0;} 

/*==================== TABLET/DT ADJUSTMENTS ============ */	
@media screen and (min-width: 768px){
	.maps .fpl-body #map {min-height: 1024px;}
	
}

/*==================== MOBILE ADJUSTMENTS ============ */	
	
	@media screen and (max-width: 767px){
	.bottom-pane {display: block;}
	}

h4.panel-title {

 color: #404040;
}