/* @begin - Geolocation Styles */

.geoloc-wrapper {
	
	width: auto;
}

.geoloc-wrapper2{
	display: inline-block;width: 70%;   
	-webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

	.geoloc-wrapper h3, geoloc-wrapper2 h3 {
		 font-size:20px;
		 text-align:left;
		 font-weight:200;
	/*	display: -moz-inline-stack;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		
		font-weight: bold !important;
		width: auto;
		line-height: 32px !important;
		height: 32px !important;
		font-size: 16px !important;
		background: transparent url('images/geoloc_heading_icon_sheet.png') 0 0 no-repeat;
		padding-left: 42px;
		margin: 0 !important;*/
	}
		
		h3.icon-rail, h3.icon_rail, h3.icon_bus, h3.icon_alert, h3.icon_bike, h3.icon_car, h3.icon_vre
		{ padding:2px 1px 1px 9px;}
		 

	.geoloc-data-container {
		
		width: auto;
		/*margin: 10px 0 10px 0;*/
	}

	.geoloc-data-container2 {
		
		width: auto;
		/*margin: 10px 0 10px 0;*/
	}

		.geoloc-column-left {
			
			float: left;
			width: 66%;
		}
		
		.geoloc-column-right {
			
			float: right;
			clear: right;
			width: 32%;
		}

	.geoloc-info-container {
		
		position: relative;
		width: auto;
		margin: 2px 0 5px;
		padding: 10px;
		overflow: auto;
		font-size: 13px !important;
		line-height:1.8;
	}

.geoloc-row .accs-agent-container h4.accs-stop-title{
	margin-bottom:0px;
	font-weight:200 !important;
	margin-top: 7px;
}

.geoloc-row .accs-agent-container li.accs-data-stop{
	
	padding-bottom: 3px !important;
	
}

.geoloc-row .accs-agent-container li.accs-realtime-item{
	/*margin-left:-5px !important;*/
	line-height:14px !important;
}

.geoloc-row .accs-agent-container .accs-realtime-data{
	margin-left:-65px;
}

.icon-rail, .icon_rail, .icon_bus, .icon_vre{
	font-size: 20px;
    text-align: left;
    font-weight: 200;
  
}

.accs-transportation-option-data{
	font-weight:bold;
	/*margin-right:15px;*/
}

		.geoloc-info-container h4 {
			
			
			font-size: 20px;
    		font-weight: 500;
			
		}
		.geoloc-info-container:not(.gm-control-active) img {
			
			vertical-align: middle;
			
			border-style: none !important;
			/*margin: 0 5px 0 5px !important;*/
			/*padding: 0 !important;*/
			    padding: 1px 1px 1px 0px;
			
			-webkit-box-shadow: none !important;
			-moz-box-shadow: none !important;
			box-shadow: none !important;
		}



	.geoloc-google-map {
		
		display: block;
		width: auto;
		padding: 10px;
		height: 450px;
	}

	.geoloc-row {

		overflow: auto;
	}

	

	.geoloc-alert-data {
		
		margin: 10px;
	}
	
		.geoloc-alert-data p {

			margin: 0 !important;
			padding: 0 !important;
		}

		.geoloc-alert-data ul {
			
			list-style-type: none !important;
			margin: 0;
			padding: 3px 0 0 0;
		}
		
		.geoloc-alert-data ul li {
			
			list-style-type: none !important;
		}

	.geoloc-info-column {
			
			margin-right: 5%;
			padding: 0;
			width: 26%;
			margin-top: 20px !important;
			list-style-type: none !important;
			text-indent: 0;
		}
		
			.geoloc-info-column.pull-right {
				
				margin-right: 0;
			}
			
			.geoloc-info-column li {
				
				list-style-type: none !important;
			}
			
			.geoloc-info-column li img {
				
				padding-right: 10px !important;
			}

	.geoloc-btn {
		
		display: block;
		width: 33px !important;
		height: 34px !important;
		
		background: transparent url("/shared/images/refresh_icon.png")no-repeat;
		padding: 0 !important;
		margin: 0 !important;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	
		.geoloc-btn-location {
			
			background-position: right 0px;
		}
		.geoloc-btn-refresh {
			
			background-position: left;
		}
		.geoloc-btn-share {
			
			background-position: right -34px;
		}

	.geoloc-meta {
	
		display: block;
		font-size: 11px !important;
	}
	
		.geoloc-meta-column {
			
			font-size: 12px !important;
			line-height: 150% !important;
		}
		
		.geoloc-meta-list {
			
			
			list-style-type: none !important;
			margin: 0 !important;
			padding: 0 !important;
			display: block;
			overflow: auto;
		}
		
		.geoloc-meta-list li {
			
			/*color: #6271b2 !important;*/
			
			list-style-type: none !important;
			margin: 0 0 10px 0 !important;
			padding: 0 !important;
			overflow: visible;
			
			display: -moz-inline-stack !important;
			display: inline-block !important;
			*display: inline !important;
			*zoom: 1;
			
			vertical-align: middle;
		}
		
		.geoloc-meta-list li.last {
			
			margin-top: 10px !important;
			margin-left: 10px !important;
			float: right;
			
		}
/* @end - Geolocations Styles */

/* @begin - Geolocation ACCS Styles */

	.accs-agent-container {

		margin-bottom: 10px;
		padding-bottom: 10px;
	}

	.accs-agent-header {
		
		display: block;
		width: auto;
		font-weight: bold;
		font-size: 16px !important;
		text-align: center !important;
		height: 32px;
		line-height: 32px;
	}

	.accs-agent-data {

		padding: 15px 10px !important;
	}
		.accs-agent-data-container {

			/*margin: 0 !important;*/
			background-color: #f9f9f9;
			border:1px solid #cccccc;
		}

	.accs-cabi-bikes, .accs-cabi-docks {

		display: block;
		font-size: 12px !important;
		margin-left: 15px !important;
	}

.accs-cabi-bikes{
	border-right:1px solid #cccccc;
	    padding-right: 13px;
    margin-right: 0px;
}

	.accs-data-stops, .accs-data-realtime, .accs-realtime-item, .accs-data-stop, .accs-stop-routes {
	
		list-style-type: none;
		margin: 0 !important;
		padding: 0 !important;
	}


		.accs-data-stop {

			margin-bottom: 10px !important;
			padding-bottom: 7px !important;
		}

	.accs-filter-list {

		margin: 0 !important;
		padding: 0 !important;
		    font-size: 13px;

	}

.adr, .tel{
	font-size:13px;
}

		.accs-filter-list-item label {

			font-size: 12px !important;
		}
		.accs-filter-list .accs-filter-list-heading {

			font-size: 16px !important;
			color: #4f6f18;
			padding-bottom:0px;
		}
.accs-data-stop{
	border-bottom:1px solid #cccccc;
}
.elevator{
	    margin-left: 20px !important;
    margin-top: 8px !important;
}

	.accs-no-stops {

		font-size: 13px !important;
	}

	.accs-realtime-arrival {
		
		float: right;
		width: 23%;
		text-align: right;
		color: #414141;
		margin: 0;
		padding: 0;
		font-size: 16px !important;
		font-weight:600;
	}

.accs-stop-message{
	font-size:12px;
}

		#metrorailData .accs-realtime-arrival {

			margin-top: 10px;
		}

		.accs-realtime-arrival small {

			font-weight:normal;
		}

	.accs-realtime-data {
		
	    display: flex;
    width: auto;
    overflow: hidden;
    margin-bottom: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    /* -webkit-flex-direction: column; */
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    vertical-align: top;
    /* overflow: auto; */
	}

		#metrorailData .accs-realtime-data {

			margin: 10px 0;
		}
	
	.accs-route-item {
		
		list-style-type: none;
		display: -moz-inline-stack;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
		font-size: 10px !important;
	}

	.accs-realtime-route {
		
		display: block;
		width: 20%;
		text-align:center;
		font-weight: bold;
		margin: 0;
		padding: 0;
		color:#22764a;
		font-size:16px;
	}

		#dccirculatorData .accs-realtime-route {
			font-size:14px;
		}

	.accs-realtime-destination {
		
		float: left;
		width: 60%;
		color: #414141;
		margin: 3px;
		padding: 0;
		font-size: 13px !important;
		line-height:15px;
	}

		#metrorailData .accs-realtime-destination {

			margin-top: 10px;
		}

		#dccirculatorData .accs-realtime-destination {
			margin-left:16px;
		}

	.accs-agent-data-containe

	.accs-stop-message {

		margin-top: 5px;
		border-top: 1px solid #cccccc;
		font-size: 11px !important;
		padding:4px;
	}

	.accs-stop-title {

		font-size: 16px !important;
		padding-bottom: 11px;
		font-weight: 500;
		color: #22764a;
	}

	.accs-transportation-option {

		display: -moz-inline-stack;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		
		font-size: 13px !important;
		margin-right: 10px;
	}

		#cabiRealtimeArrivals,
		#zipcarRealtimeArrivals {

			width: 48%;
		}

@media (max-width:599px){
	#cabiRealtimeArrivals,#zipcarRealtimeArrivals {

			width: 100%;
			float:none;
		}

	
	}

		#cabiRealtimeArrivals {

			float: left;
		}

		#zipcarRealtimeArrivals {

			float: right;
		}

/*mserrano - removed in order to not break new CFD design on hamburger menu
.accs-list li {

	margin: 0 !important;
	padding: 0 !important;
}*/
/* @end - Geolocation ACCS Styles */

/* @begin - vCard Styles */
.vcard-newline {
				
	margin: 0;
	padding: 0;
	line-height: normal;
}
			
.fn_geo, .fn {
	
	font-size: 24px;
	font-weight: bold;
	padding: 10px 0;
}

.url {
	
	display: block;
	margin-top: 10px;
	line-height: 12px;
}
/* @end - vCard Styles */

/* @begin - WMATA Custom Classes */

.wmata-line-icon { 
	
	display: block;
	width: 46px;
	height: 36px;
	margin: 0 10px 0 0;
	text-align: center;
	line-height: 36px;
	font-size: 19px;
	text-transform: uppercase;
	background: transparent url("/shared/map/img/metroline_colors.gif") 5px 0px no-repeat;
}

	.wmata-RD { background-position: 4px 0;			color: #ffffff !important; }
	.wmata-OR { background-position: 4px -36px; 	color: #ffffff !important; }
	.wmata-YL { background-position: 4px -144px; 	color: #000000 !important; }
	.wmata-GR { background-position: 4px -108px; 	color: #ffffff !important; }
	.wmata-BL { background-position: 4px -72px; 	color: #ffffff !important; }
	.wmata-PR { background-position: 4px -216px; 	color: #ffffff !important; }
	.wmata-SV { background-position: 4px -180px; 	color: #000000 !important; }
/* @end - WMATA Custom Classes */

/* @begin - Frwk overrides */

.narrow_geoloc #content .\@frwk-contents {
    
	margin: 0 !important;
	padding: 14px !important;
	width: auto !important;
}

.header-alert {
			
	background-color: #ff0000 !important;
	color: #ffffff !important;
	padding:5px;
}

.geoloc-padded{
	margin-top:-8px;
}

.pull-left 		{	float: left;	}
.pull-right 	{	float: right;	}

#content .\@frwk-contents img {
	background-color: transparent !important;
	/*margin: auto !important;*/
}

@media (max-width:500px){
.geoloc-info-column {

    width: 88%;
  
}
	}

.accs-filter-list-item img{
/*margin: auto !important;*/
}
/* @end - Frwk overrides */

@media (min-width:1000px){

#artRealtimeArrivals .accs-agent-data:not(.expanded), 
#dashRealtimeArrivals .accs-agent-data:not(.expanded), 
#metrobusRealtimeArrivals .accs-agent-data:not(.expanded){
  max-height: 500px !important;
  position: relative;
  overflow: scroll;
}
.read-more-button{
 position: absolute; 

  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 30px 0; 
	    font-weight: bold;
    font-size: 17px;
	cursor:pointer;
	
  

	
}


	.read-more-button{
		background-image: linear-gradient(to bottom, transparent, white 40%);
	}


.read-more-button:not(.expanded){
	  bottom: -20px; 
	
}
.read-more-button:not(.expanded):before{
	  content: "Read More";
}
.read-more-button.expanded:before{
	  content: "Read Less";
}
.read-more-button.expanded{
	background-image:none !important;
	position: relative;
	content: "Read Less";
}
	}



#zipcarRealTimeArrivals.hide {
	display:block !important;
}

.hide{
	display:none;
}