#toggle2 {
	display: none;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  overflow-y:hidden;
  
}
.helptext{
	font-size:1.8em;
	color:var(--color-secondary);
	margin:8px;
	
	
}
.helptext3{
	margin:8px;
}
.helptext2{
	font-size:2.1em;
	color:var(--color-secondary);
	text-align: center;
	 padding-top:30px;
	  padding-bottom:30px;
	
	
}
.email_print_Box{
	display:none;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 10%  auto; /* 15% from the top and centered */
  padding: 20px;
 
  border: 1px solid #888;
  width: 700px; /* Could be more or less, depending on screen size */
position:inline;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

/* Modal Content/Box */
.modal-content-flex {
  background-color: #fefefe;
  margin: 10%  auto; /* 15% from the top and centered */
  padding: 20px;
 
  border: 1px solid #888;
  width: 400px; /* Could be more or less, depending on screen size */
position:inline;
display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.printBox{
	width:100%;
	min-height:30px;
		display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	align-items: center;
	justify-content: center;
	flex-direction: row;
	break-inside: avoid;
	page-break-inside: avoid;
	
	
}

.printService{
	background-color: #f2f2f2;
	width:100%;
	font-size:1.8em;
	height:1.2em;
	padding:6px;
	text-align:center;
	padding-left:0px;
	
}


 .pagebreak { page-break-before: always; } /* page-break-after works, as well */


.printHeader{
	background-color: #f2f2f2;
	width:100%;
	font-size:1.4em;
	min-height:10px;
	padding:6px;
	padding-left:0px;
	
	
}

.printContainer{
	
	display: block;
width: auto;
height: 100%;
overflow-y: scroll;
overflow-x: none;
}


@media only print {
  .printContainer {
     width: auto;
     height: auto;
     overflow: visible;
   }
}


.semiPrintBox{
	width:50%;
	height:100%;
	break-inside: avoid;
	display: table;
	
}

hr {
  clear:both;
  display:block;
  background-color:#000000;
  height: 2px;
}

.printTime {
	float: left;
	/*width: 165px; */
	width:100%;
	font-size:.9em;
	height: 50px;
	background-color: var(--color-white);
	display: inline;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */

	justify-content: space-evenly;
	align-items: center;
	/*flex-direction: column;*/
	flex-direction: row;
}

.alertBanner {
	width: 100%;
	height: 2em;
	color: var(--color-white);
	background-color: var(--color-green);
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: 1.5em;
}

.serviceSelected{
	background-color: var(--color-highlighted) !important;
	
}

.Highlighted{
	background: yellow;
}

.bigContainer {
	width: 100%;
	height: calc(100% - 80px);
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	align-items: flex-start;
	justify-content: center;
	flex-direction: row;
	overflow: scroll;
	flex-wrap: nowrap;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.bigContainer::-webkit-scrollbar {
	display: none;
}

.titleCard{
	padding-left:1em;
	font-size:3em;
	color:var(--color-secondary);
	
}

.orgBox {
	width: 95%;
	height: 10%;
	background-color: var(--color-primary);
}

.orgBox2 {
	margin: .7vw .6vw;
	background-color: var(--color-white);
	width: 100%-5px;
	height: 260px;
	border-radius: 12px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	overflow: hidden;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	text-align: center;
	text-decoration: none;
}

.orgTitle {
	width: 100%;
	height: 60px;
	font-size: 2em;

}

.orgTitle2 {
	width: 100%;
	min-height: 40px;
	font-size: 1em;
	white-space: nowrap;
	display:block;
	overflow:hidden;
}

.orgFont {
	font-size: 1.5em;
}

.oneLine {
	overflow: hidden;
	white-space: nowrap;
	max-width:250px;
}
.commentCard{
	display:inline;text-align: left;max-height:85px;overflow-y:auto;
}

.attach_sel_class{
	width:110px;
}
.boxTop {
	background-color: var(--color-white);
	width: 100%;
	height: 85px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}

.boxBottom {
	width: 100%;
	height: 40px;
	background-color: var(--color-white);
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}

.orgTopContainer {
	width: 100%;
	height: 100%;
	background-color: var(--color-primary);
}

.orgInfoContainer {
	background-color: var(--color-white);
	height: 100%;
	width: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
}

.flexbetween {
	width: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.orgMapContainer {
	float: left;
	background-color: var(--color-white);
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.orgInfoTopContainer {
	width: 400px;
	height: 168px;
	float: left;
	background-color: var(--color-white);
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
}

ul {
	list-style-type: none;
}

.orgInfoMiddleContainer {
	width: 250px;
	height: 100%;
	float: left;
	background-color: var(--color-white);
	display: inline;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

.orgInfoBottomContainer {
	
	width: 120px;
	height: 155px;
	background-color: var(--color-white);
	display: block;
	overflow-y: auto;
	overflow-x: visible;
	position:relative;
	
	margin-right:10px;
}



.orgInfoBottom2Container {
	float: left;
	/*width: 165px; */
	width:100%;
	padding: 5px;
	margin: -5px;
	height: 100%;
	background-color: var(--color-white);
	display: inline;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	margin-top: -2px;
	justify-content: space-evenly;
	align-items: center;
	/*flex-direction: column;*/
	flex-direction: row;
}

.orgInfoAttachmentContainer{
		float: left;
	/*width: 165px; */
	width:120px;
	padding: 5px;
	margin: -5px;
	height: 100%;
	background-color: var(--color-white);
	display: inline;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	margin-top: -2px;
	justify-content: space-evenly;
	align-items: center;
	/*flex-direction: column;*/
	flex-direction: column;
	
}

.orgInfoTopRightContainer {
	background-color: var(--color-secondary);
}

.orgInfoTopLeftContainer {
	background-color: var(--color-secondary);
}

.orgMap {
	width: 125px;
	height: 125px; /*prev: 165*/
}

.orgDistanceDisplay{
	font-size:18px;
}

.OrgDistanceText{
	font-size:18px;
	color:black;
}

.orgBottomContainer {
	width: 100%;
	height: 35px;
	
	bottom: 0px;
	background-color: var(--color-secondary);
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

.orgExpandedContainer {
	width: 100%;
	height: 35px;
	background-color: var(--color-secondary);
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	display: none;
}

.org {}

.panelBanner {
	padding: .4em;
	width: 100%;
	height: 1em;
	color: var(--color-white);
	background-color: var(--color-secondary);
	font-size: 2em;
}

.panelBanner2 {
	padding: .4em;
	width: 100%;
	height: 1em;
	color: var(--color-white);
	background-color: var(--color-secondary);
	font-size: 2em;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	align-items: center;
	justify-content: space-between;
}

.paddedRight {
	padding-right: 2vw;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	align-items: center;
	justify-content: center
}

.fontGray {
	color: #9E9E9E;
	font-size: 5vw;
	padding: 1vw;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	align-items: center;
	justify-content: flex-start;
}

.pageDisplay {
	width: 100%;
	height: 50px;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	align-items: center;
	justify-content: center;
}

.filterable {
	padding: 0px 5px;
	margin: 1px;
	width: 100%;
	height: auto;
	color: var(--color-secondary);
	background-color: var(--color-white);
	font-size: 2em;
	font-weight: bold;
	word-break: break-word;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	align-items: center;
	justify-content: flex-start;
	cursor:pointer;
}

.filterable:hover {
	background-color: var(--color-highlighted);
}

.commentModal{
	
	position: absolute;
	/* Stay in place */
	z-index: -1;
	/* Sit on top */
	width: 110px;
	/* Full width */
	height: 120px;
	/* Full height */
	background-color: rgba(0, 0, 0, 0.9);
	left:10px;
	
}



.attentionGetter {
	width: 100px;
	height: 14x;
	border-radius: 5px;
	background-color: var(--color-white);
	color: var(--color-secondary);
	border-style: ridge;
	border-color: var(--color-secondary);
	border-width: 1px;
}


/* Tooltip text */
.attentionGetter .tooltip {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: fixed;
  z-index: 2;
  display:inline;
  left:10px;

}


#tooltipS{
	
	visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: fixed;
  z-index: 2;
  display:inline;
  left:10px;
	
}





/* Show the tooltip text when you mouse over the tooltip container */
.attentionGetter:hover .tooltip {
 visibility: visible;

}

.attentionGetter:hover  {
 background-color: var(--color-selected);

}

.green {
	background-color: var(--color-green);
}

.blue {
	background-color: var(--color-blue);
}

.brown {
	background-color: var(--color-brown);
}

.primaryText {
	color: var(--color-secondary);
}

.expandable {
	display: none;
}

#filterList{
	width: auto;
	white-space:nowrap;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: var(--color-secondary);
	height:calc(100% - 205px);
}


#filter_search_box{
width:100%;
height:150px;
background-color: #ffffff;

}
.filter_search_box_label{
color:#3265ff;
margin-top:4px;
margin-left:10px;
font-size:1.2rem;

}
.filter_search_button_SEARCH{
	cursor: pointer;
	background-color: #2c7f2c;
	color:white;
	width:3em;
	height:3em;
	margin-left:5px;
	border-radius: 5px;
	border-width: 0;
	position:absolute;

}
.filter_search_button_CLEAR{
	cursor: pointer;
	background-color: red;
	color:white;
	width:3em;
	height:3em;
	margin-left:5px;
	border-radius: 5px;
	border-width: 0;
	position:absolute;
}



.leftPanel {
	overflow:hidden;
	width: 300px;
	margin: .5vw;
	background-color: var(--color-white);
	
	height: 95%;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}



.leftPanel::-webkit-scrollbar {
	display: none;
}


.filterItems{
	overflow-x: hidden;
	overflow-y: scroll;
}

.rightPanel {
	
	background-color: var(--color-white);
	color: var(--color-secondary);
	
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	display: none;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	width: 800px;
	height: 80px;
	flex-wrap:nowrap;
}

.mobileHome {
	background-color: var(--color-secondary);
	font-size: 2em;
	width: 100%;
	height: 55px;
	color: var(--color-white);
	/* NEW, Spec - Firefox, Chrome, Opera */
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

.mobileHome:hover {
	background-color: var(--color-selected);
}

.middlePanel {
	overflow-y: scroll;
	overflow-x: hidden;
	width: 70%;
	margin: .5vw;
	background-color: var(--color-white);
	height: 95%;



}



.rightPanel::-webkit-scrollbar {
	display: none;
}




/*OLD: 1265*/
@media screen and (max-width: 1309px) {
	.orgInfoBottomContainer {
		display: none;
	}
}


/*OLD: 1100*/
@media screen and (max-width: 1309) {
	
	.orgInfoContainer {
		flex-wrap: wrap;
	}
	.orgInfoMiddleContainer {
		display: none;
	}
}

#loginbuttondiv{
		font-size:1.5em;
	}

	@media (min-width: 768px) {
		.navbar-item2 {
			font-size: 1em !important;
		}
		#personalize_text{
			display:none;
		}
	}

/* OLD 940px*/

@media screen and (max-width: 940x) {

	
	.boxTop {
		height: 50px;
	}
	#loginbuttondiv{
		font-size:1em;
	}
	
	.bigContainer {
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
	}
	.mobileHome {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: -webkit-flex;
		/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		display: flex;
	}
	.middlePanel {
		width: 95%;
		height: 80%;
	}

	.leftPanel {
		overflow-y: hidden;
		overflow-x: scroll;
		overflow: hidden;
		width: 95%;
		height: 55px;
	}
	.panelBanner {
		display: none;
	}
	.orgTitle {
		font-size: 1.2em;
	}
	.orgInfoTopContainer {
		width: 100%;
		height: 100%;
		padding-left: 10px;
	}
	.orgInfoBottomContainer {
		display: none;
	}
}

@media screen and (max-width: 530px) {
	.orgInfoBottomContainer {
		display: none;
	}
	
	
	.panelBanner2 {
		font-size: 1em;
	}
	.paddedRight {
		font-size: 1em;
	}
}