/**
 * @class Ext.field.Picker
 */

.x-formpanel .x-pickerfield {
	padding-bottom: 18px;
}

.x-pickerfield {
	padding-left: 5px;
	padding-right: 5px;

	.x-body-el {
		@include st-box;
		@include st-box-align(center);
		@include st-box-direction(horizontal);
		@include background(linear-gradient(color-stops(lighten($highlight-color, 5%), $highlight-color)));
		position: relative;
		width: 100%;
		height: 43px;
		padding: 0 3px;
		position: relative;

		overflow: hidden;
		z-index: 1;

		.x-label-el {
			font-size: 15px;
			line-height: inherit;
		}

		.x-input {
			@include st-box-flex(1);
		}

		.x-input-el {
			background: transparent;
			border: 0px;
			text-align: right;
			padding: 0px;
			font-size: 15px;
			text-overflow: ellipsis;
		}
	}
}

.x-panel.x-selectfield-overlay {
	> .x-panel-inner {
		overflow: hidden;
		border: 1px solid #cfcdcf;
	}

	.x-list {
		background: #e3e0e3;

		.x-listitem {
			border-color: #cfcdcf;
			color: #5e5d5e;

            &.x-selected {
                @include box-shadow(none);
                background-color: #efebef;
                color: #343334;
            }

            &.x-pressed {
                background-color: $base-color;
                color: #fff;
            }
		}
	}
}