#rft {
	&.claro {
		
		//LARGEBUTTON---------------------------------
		.rftLargeButton {

			.flatShading;
			margin-right: @button_large_spacing;
			height: @button_large_height;

			&*, * {
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			.dijitButtonNode {

				.flatShading;
				border: none;
				height: @button_large_height;
				background: transparent;
				color: @headers;
				font-size: @button_large_font_size;
				.transition(0.3s);

				.rftIcon {
					.setIcon(24px);
				}

				.dijitButtonText {
					line-height: @button_large_height;
					.noMargin;
					padding-left: @std_offset_big;
				}
			}
			
			&.black .dijitButtonNode .rftIcon {
				.setIcon(24px, black);
			}

			&.rftLargeButtonHover .dijitButtonNode,
			&.rftLargeButtonActive .dijitButtonNode {
				.transition (0.1s);
			}
		}

		//colors on hover
		span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
		.blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
			color: @blue_light;
		}
		span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
		.orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
			color: @orange_light;
		}
		span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
		.green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
			color: @green_light;
		}
		span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
		.red .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
			color: @red_light;
		}
		span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
		.purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
			color: @purple_light;
		}

		//BLOCKBUTTON---------------------------------
		.rftBlockButton {
			
			.flatShading;
			.noMargin;
			height: @button_block_height;
			line-height: @button_block_height;
			vertical-align: top;

			.dijitButtonNode {
				.flatShading;
				.transition (0.3s);
				line-height: @button_block_height;
				vertical-align: top;
				height: @button_block_height;
				padding: 0 @std_offset;
				border: none;
				color: @text;
				font-size: @button_block_font_size;

				.rftIcon {
					.setIcon(16px);
				}
			}

			&.rftBlockButtonHover, 
			&.rftBlockButtonActive {
				.transition (0.1s);
				.rftIcon {
					vertical-align: top;
					.setIcon(16px, black);
				}
			}

			//Disabled because this is presumably useless
			// &.blue {
			// 	.blockButtonColorMixin ("blue");
			// }
			// &.green {
			// 	.blockButtonColorMixin ("green");
			// }
			// &.orange {
			// 	.blockButtonColorMixin ("orange");
			// }
			// &.red {
			// 	.blockButtonColorMixin ("red");
			// }
			// &.purple {
			// 	.blockButtonColorMixin ("purple");
			// }
		}

		

		


		//INLINEBUTTON---------------------------------
		.rftInlineButton {
			float: right;
			height: @button_inline_height;
			width: @button_inline_height;

			.dijitButtonNode {
				.noOffset;
				.flatShading;
				width: @button_inline_height;
				height: @button_inline_height;
				border: none;
			}

			.rftIcon {
				.setIcon(16px);
			}
			&.white .rftIcon {
				.setIcon(16px);
			}
			&.black .rftIcon {
				.setIcon(16px, black);
			}

			&.rftInlineButtonHover.white {
				.setIcon(16px, black);
			}
			&.rftInlineButtonHover.black {
				.setIcon(16px, black);
			}
		}
	}
}