@import '../../variables.less';
@import '../../mixins.less';

/**********************
real-fields/choice.less
*************************/
.ecf-output-fields-wrapper {

	.ecf-choice-field.ecf-field {
		&.ecf-checkbox-field {
			.ecf-input-wrapper {
				.ecf-item {
					.flex();
					align-items: center;
					padding-left: 0;
					.ecf-icon-outer { 
						position: relative;
						top: 0;
					}
				}
			}
		}
		.ecf-input-wrapper {
			ul {
				margin: 4px 0;
			}
			.ecf-item {
				.roundedcorners(5px);
				color: @text_3;
				font-size: 16px;
				margin: 0;
				position: relative;
				cursor: pointer;
				padding: 5px 0 5px 30px;
				&:hover {
					background: @grey_0;
					.box-shadow(-5px 0 @grey_0);
				}
				&.ecf-selected {
					.ecf-icon-outer {
						> span {
							color: @primary;
						}
					}
				} 
				&.ecf-inline {
					padding-right: 5px;
					margin-right: 25px;
				}
				.ecf-icon-outer {
					position: absolute;
					left: 0;
					top: 5px;
					> span {
						.flex();
						font-size: 22px;
						color: @text_2;
						height: 22px;
						align-items: center;
					}
				}
			}
		}
	}

}