#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
		span.blue.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
		.blue .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
			color: #0794d1;
		}
		span.orange.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
		.orange .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
			color: #ff9140;
		}
		span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
		.green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
			color: #79ca0a;
		}
		span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
		.red .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
			color: #bd0013;
		}
		span.purple.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
		.purple .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
			color: #993dec;
		}

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

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

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

			&.rftBlockButtonHover, 
			&.rftBlockButtonActive {
				.transition (0.1s);
				.rftIcon {
					.setIcon(24px, black);
				}
			}
		}

		//Old colour settings
		//TODO: I AM NOT SURE IF THIS ACTUALLY WORKS! THOROUGHLY TEST WHEN APPLIED TO PAGES!!!!
		// Oke, wat. Deze shit is echt niet te snappen. :P Gewoon maar weer de oude meuk erin hangen?
		.buttonColorMixin (@color) {
			&.rftBlockButtonHover {
				.dijitButtonNode {
					background-color: @@color;
				}
				&.light {
					.dijitButtonNode {
						@colorName: "@{color}_light";
						background-color: @@colorName;
					}
				}
			}
			.rftBlockButtonHover {
				.dijitButtonNode {
					background-color: @@color;
				}
				&.light {
					.dijitButtonNode {
						@colorName: "@{color}_light";
						background-color: @@colorName;
					}
				}
			}
			&.light {
				.rftBlockButtonHover {
					.dijitButtonNode {
						@colorName: "@{color}_light";
						background-color: @@colorName;
					}
				}
			}
		}

		.blue {
			.buttonColorMixin ("blue");
		}
		.green {
			.buttonColorMixin ("green");
		}
		.orange {
			.buttonColorMixin ("orange");
		}
		.red {
			.buttonColorMixin ("red");
		}
		.purple {
			.buttonColorMixin ("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);
			}
		}

		//MAINMENUBUTTON---------------------------------

	}
}