/**
 * @class Ext.picker.Picker
 */

$picker-row-height: 2.9em !default;

.x-picker .x-picker-inner {
    background-color: #fff;
    overflow: hidden;
    @include background-clip(padding-box);
    background: #dedede;
}

.x-picker-mask {
	z-index: 0;
}

.x-picker-bar {
    border-top: 1px solid $base-color;
    border-bottom: 1px solid $base-color;
    background: #fff;
    height: $picker-row-height;
}

.x-use-titles {
    .x-picker-bar {
        margin-top: 1.5em;
    }
}

.x-picker-slot-title {
    height: 1.5em;
    @include background-image(linear-gradient(top, #f7f7f7, #e0e0e0));
    border-bottom: 1px solid darken(#e0e0e0, 20%);
    padding: 0.3em 1.02em;

    > div {
    	font-weight: normal;
        font-size: 0.8em;
    }
}

.x-picker-slot {
	border-right: 1px solid #d0d0d0;

    .x-dataview-item {
        height: $picker-row-height;
        line-height: $picker-row-height;
        padding: 0 10px;
		font-weight: normal !important;
		@include box-shadow(none);
    }
}
