/**
 * @class Ext.dataview.List
 */

.x-list {
	background-color: #fff;

	.x-list-disclosure {
		border: 0px;
		background-color: transparent;
		margin: 10px 15px 10px;

		&:before {
			@include absolute-position(0, 0, 0, 0);
			content: '!';
			font-family: 'iOS7';
			color: #ccc;
			font-size: 14px;
			text-align: center;
			background-color: transparent;
			line-height: 26px;
			padding-left: 2px;
		}
	}

	.x-list-item {
		color: $primary-text-color;
		font-weight: 400;
		border-top: 1px solid transparent;

		&.x-item-pressed {
			background-color: $list-item-pressed-color;
			border-top: 1px solid $list-item-pressed-color;
		}

		&.x-item-selected.x-list-item-tpl {
			background-color: $list-item-selected-color;
			border-top: 1px solid $list-item-selected-color;
			.x-list-disclosure {
				background-color: transparent;
			}
		}

		.x-list-item-body,
		&.x-list-item-tpl .x-innerhtml {
			padding: .7em 1em;
		}

		&.x-list-item-tpl:before {
			content: '';
			display: block;
			position: absolute;
			bottom: -1px;
			left: 1em;
			right: 0px;
			border-bottom: solid 1px $list-item-border-color;
		}

		&.x-item-pressed.x-list-item-tpl:before, &.x-item-selected.x-list-item-tpl:before, &.x-list-footer-wrap.x-list-item-tpl:before{
			border-bottom: solid 1px transparent;
		}

		&.x-list-header-wrap.x-list-item-tpl {
			border-top: solid 1px $list-item-border-color;
		}

		&.x-list-footer-wrap.x-list-item-tpl {
			border-bottom: solid 1px $list-item-border-color;
		}

		&:last-child {
			border-bottom: solid 1px $list-item-border-color;
		}
	}
}

.x-list-grouped {
	.x-list-item.x-list-header-wrap.x-list-item-tpl {
		border-top: solid 1px transparent;
	}

	.x-list-item.x-list-footer-wrap.x-list-item-tpl {
		border-bottom: solid 1px transparent;
	}
}

.x-list .x-list-header {
	background-color: $list-header-color;
	border: 0px;
	padding: 0em 1em;
	.x-innerhtml {
		font-size: 1.2em;
		font-weight: 600;
	}
}
