/* Expandable Elements */
.expandable {
	margin: 0;
	padding: 0;
	/* To reset padding on expandable elements inside of list items */
}

.list-view .expandable {
	padding: 0;
}

.expandable .expander {
	display: block;
	padding: 20px 25px 20px 0;
	position: relative;
	width: 100%;
}

.expandable .expander.read-more-link {
	font-size: 13px;
	padding: 0;
}

.expandable .expander:after {
	background-size: 100%;
	content: "";
	display: inline-block;
	height: 12px;
	margin-left: 5px;
	width: 15px;
}

.expandable .expander.full-width-arrow:after {
	display: block;
	position: absolute;
	right: 10px;
	top: 23px;
}

.expandable .expander.full-width-arrow+.expandable-content {
	padding-right: 25px;
}

.expandable .expandable-content {
	margin: 0;
	max-height: 0px;
	overflow: hidden;
	-moz-transition: max-height 250ms ease;
	-ms-transition: max-height 250ms ease;
	-webkit-transition: max-height 250ms ease;
	transition: max-height 250ms ease;
	/* serves as a spacer at the bottom of the expandable content div */
}

.expandable .expandable-content:after {
	content: "";
	display: block;
	height: 20px;
}

.expandable.read-more div:after {
	display: none;
}

.expandable .show-less-text {
	display: none;
}

.expandable.expanded .expandable-content {
	max-height: 400px;
}

.expandable.expanded .read-more-text {
	display: none;
}

.expandable.expanded .show-less-text {
	display: inline;
}

/* Patterns */
.ui-border-dotted-top {
	border-top: 1px dotted #404040;
}

.ui-border-dotted-top:before {
	/* to hide phantom extra border dot on the right side on iOS and android browsers */
	background-color: #fff;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	right: 0;
	top: -1px;
	width: 1px;
}

.ui-border-dotted-bottom {
	border-bottom: 1px dotted #404040;
}

.ui-border-dotted-bottom:after {
	background-color: #fff;
	bottom: -1px;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	right: 0;
	width: 1px;
}

.ui-border-solid-bottom {
	border-bottom: 1px solid #aeaeae;
}

.ui-border-solid-bottom:after {
	background-color: #fff;
	bottom: -1px;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	right: 0;
	width: 1px;
}

.hide-from-sighted {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
}

/* List View */
.list-view {
	display: block;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	list-style: none;
}

.list-view h1 {
	font-size: 13px;
	margin: 20px 0;
}

.list-view .list-view-item,.list-view li {
	display: block;
	max-height: 400px;
	padding: 20px 0;
	position: relative;
	-moz-transition: max-height, padding 250ms ease;
	-ms-transition: max-height, padding 250ms ease;
	-webkit-transition: max-height, padding 250ms ease;
	transition: max-height, padding 250ms ease;
}

.icon-arrow-down:before,.form-drop-down .cap,.drop-down .cap,.expandable .expander:after
	{
	background-image:
		url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2221px%22%20height%3D%2214.001px%22%20viewBox%3D%220%200%2021%2014.001%22%20style%3D%22enable-background%3Anew%200%200%2021%2014.001%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C!%5BCDATA%5B%20.st0%7Bfill%3A%233676B2%3B%7D%5D%5D%3E%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.5%2C14.001L21%2C3.501L17.5%2C0l-7%2C7.001L3.499%2C0L0%2C3.501L10.5%2C14.001z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
}

.icon-arrow-up:before,.expandable.expanded .expander:after {
	background-image:
		url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2221px%22%20height%3D%2214.001px%22%20viewBox%3D%220%200%2021%2014.001%22%20style%3D%22enable-background%3Anew%200%200%2021%2014.001%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%3C!%5BCDATA%5B%20.st0%7Bfill%3A%233676B2%3B%7D%5D%5D%3E%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M10.5%2C0L0%2C10.5l3.5%2C3.502L10.5%2C7l7.001%2C7.001L21%2C10.5L10.5%2C0z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
}