//Variables
@indicatorWidth: 8px;
@colorConflict: #ff0000;
@colorPending: #ff8000;
@colorSuccess: #00ff00;

#rft {
	&.claro {
		
		.rftSelector {
			.noOffset;
			margin: @std_offset;

			.rftLineWithActions {
				.noOffset;
			}

			.rftSelectorSelected {
				// Operation indicator styling
				.rftSelectorIndicator {
					.noOffset;
					float: left;
					width: @indicatorWidth;
					height: @std_height;
					background-color: #bedead;

					&.conflict {
						background-color: @colorConflict;
					}
					&.pending {
						background-color: @colorPending;
					}
					&.success {
						background-color: @colorSuccess;
					}
				}
			}
			// Set dropdown background and text color to black on white
			.rftSelectorOptions, .rftSelectorSelected {

				.rftLineWithActions {
					background-color: @text;
					color: @darkest;
				}
			}

			.rftSelectorOptions {
				.rftLineWithActions {
					.rftInlineButton {
						.rftIcon {
							.setIcon (16px, black);
						}
					}
				}
			}
		}
	}
}