@charset "UTF-8";
* { outline:none; }
.Accordion {
	
	overflow: hidden;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px; border-bottom:solid 1px #747474;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 *
 * NOTE:
 * This rule uses -moz-user-select and -khtml-user-select properties to prevent the
 * user from selecting the text in the AccordionPanelTab. These are proprietary browser
 * properties that only work in Mozilla based browsers (like FireFox) and KHTML based
 * browsers (like Safari), so they will not pass W3C validation. If you want your documents to
 * validate, and don't care if the user can select the text within an AccordionPanelTab,
 * you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab {
	background-color: #3f4752;
	margin: 0px;
	padding: 7px 10px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none; color:#fff;
}
.AccordionPanelTab:after { content:"\f105"; font-family: "FontAwesome"; font-size:20px; float:right; }
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 200px; background:#fff; width:100%; display:inline-block;
}
.AccordionPanelContent .content { padding:20px; }
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #02c38a;
}
.AccordionPanelOpen .AccordionPanelTab:after {content:"\f107"; }
/* Rules for Printing */

@media print {

  .Accordion {
  overflow: visible !important;
  }
  
  .AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  }
}