/* WHITE MODE */

/* BASE COLORS */

/* BLUE-100 */

@blue-100: #f1f7fd;
.text-blue-100,
.text-blue-100-active:active,
.text-blue-100-hover:hover {
	color: @blue-100 !important;
}
.bg-blue-100,
.bg-blue-100-active:active,
.bg-blue-100-hover:hover {
	background-color: @blue-100 !important;
}
.border-blue-100,
.border-blue-100-active:active,
.border-blue-100-hover:hover {
	border-color: @blue-100 !important;
}

/* BLUE-200 */

@blue-200: #ddedf8;
.text-blue-200,
.text-blue-200-active:active,
.text-blue-200-hover:hover {
	color: @blue-200 !important;
}
.bg-blue-200,
.bg-blue-200-active:active,
.bg-blue-200-hover:hover {
	background-color: @blue-200 !important;
}
.border-blue-200,
.border-blue-200-active:active,
.border-blue-200-hover:hover {
	border-color: @blue-200 !important;
}

/* BLUE-300 */

@blue-300: #b7d8f7;
.text-blue-300,
.text-blue-300-active:active,
.text-blue-300-hover:hover {
	color: @blue-300 !important;
}
.bg-blue-300,
.bg-blue-300-active:active,
.bg-blue-300-hover:hover {
	background-color: @blue-300 !important;
}
.border-blue-300,
.border-blue-300-active:active,
.border-blue-300-hover:hover {
	border-color: @blue-300 !important;
}

/* BLUE-400 */

@blue-400: #8ac1f2;
.text-blue-400,
.text-blue-400-active:active,
.text-blue-400-hover:hover {
	color: @blue-400 !important;
}
.bg-blue-400,
.bg-blue-400-active:active,
.bg-blue-400-hover:hover {
	background-color: @blue-400 !important;
}
.border-blue-400,
.border-blue-400-active:active,
.border-blue-400-hover:hover {
	border-color: @blue-400 !important;
}

/* BLUE-500 */

@blue-500: #62abed;
.text-blue-500,
.text-blue-500-active:active,
.text-blue-500-hover:hover {
	color: @blue-500 !important;
}
.bg-blue-500,
.bg-blue-500-active:active,
.bg-blue-500-hover:hover {
	background-color: @blue-500 !important;
}
.border-blue-500,
.border-blue-500-active:active,
.border-blue-500-hover:hover {
	border-color: @blue-500 !important;
}

/* BLUE-600 */

@blue-600: #278ce6;
.text-blue-600,
.text-blue-600-active:active,
.text-blue-600-hover:hover {
	color: @blue-600 !important;
}
.bg-blue-600,
.bg-blue-600-active:active,
.bg-blue-600-hover:hover {
	background-color: @blue-600 !important;
}
.border-blue-600,
.border-blue-600-active:active,
.border-blue-600-hover:hover {
	border-color: @blue-600 !important;
}

/* BLUE-700 */

@blue-700: #006fd3;
.text-blue-700,
.text-blue-700-active:active,
.text-blue-700-hover:hover {
	color: @blue-700 !important;
}
.bg-blue-700,
.bg-blue-700-active:active,
.bg-blue-700-hover:hover {
	background-color: @blue-700 !important;
}
.border-blue-700,
.border-blue-700-active:active,
.border-blue-700-hover:hover {
	border-color: @blue-700 !important;
}

/* BLUE-800 */

@blue-800: #0059aa;
.text-blue-800,
.text-blue-800-active:active,
.text-blue-800-hover:hover {
	color: @blue-800 !important;
}
.bg-blue-800,
.bg-blue-800-active:active,
.bg-blue-800-hover:hover {
	background-color: @blue-800 !important;
}
.border-blue-800,
.border-blue-800-active:active,
.border-blue-800-hover:hover {
	border-color: @blue-800 !important;
}

/* BLUE-900 */

@blue-900: #004582;
.text-blue-900,
.text-blue-900-active:active,
.text-blue-900-hover:hover {
	color: @blue-900 !important;
}
.bg-blue-900,
.bg-blue-900-active:active,
.bg-blue-900-hover:hover {
	background-color: @blue-900 !important;
}
.border-blue-900,
.border-blue-900-active:active,
.border-blue-900-hover:hover {
	border-color: @blue-900 !important;
}

/* BLUE-1000 */

@blue-1000: #002b51;
.text-blue-1000,
.text-blue-1000-active:active,
.text-blue-1000-hover:hover {
	color: @blue-1000 !important;
}
.bg-blue-1000,
.bg-blue-1000-active:active,
.bg-blue-1000-hover:hover {
	background-color: @blue-1000 !important;
}
.border-blue-1000,
.border-blue-1000-active:active,
.border-blue-1000-hover:hover {
	border-color: @blue-1000 !important;
}


/* GRAY-100 */

@gray-100: #f6f6f8;
.text-gray-100,
.text-gray-100-active:active,
.text-gray-100-hover:hover {
	color: @gray-100 !important;
}
.bg-gray-100,
.bg-gray-100-active:active,
.bg-gray-100-hover:hover {
	background-color: @gray-100 !important;
}
.border-gray-100,
.border-gray-100-active:active,
.border-gray-100-hover:hover {
	border-color: @gray-100 !important;
}

/* GRAY-200 */

@gray-200: #ebebeb;
.text-gray-200,
.text-gray-200-active:active,
.text-gray-200-hover:hover {
	color: @gray-200 !important;
}
.bg-gray-200,
.bg-gray-200-active:active,
.bg-gray-200-hover:hover {
	background-color: @gray-200 !important;
}
.border-gray-200,
.border-gray-200-active:active,
.border-gray-200-hover:hover {
	border-color: @gray-200 !important;
}

/* GRAY-300 */

@gray-300: #d4d4d4;
.text-gray-300,
.text-gray-300-active:active,
.text-gray-300-hover:hover {
	color: @gray-300 !important;
}
.bg-gray-300,
.bg-gray-300-active:active,
.bg-gray-300-hover:hover {
	background-color: @gray-300 !important;
}
.border-gray-300,
.border-gray-300-active:active,
.border-gray-300-hover:hover {
	border-color: @gray-300 !important;
}

/* GRAY-400 */

@gray-400: #bbbbbb;
.text-gray-400,
.text-gray-400-active:active,
.text-gray-400-hover:hover {
	color: @gray-400 !important;
}
.bg-gray-400,
.bg-gray-400-active:active,
.bg-gray-400-hover:hover {
	background-color: @gray-400 !important;
}
.border-gray-400,
.border-gray-400-active:active,
.border-gray-400-hover:hover {
	border-color: @gray-400 !important;
}

/* GRAY-500 */

@gray-500: #a6a6a6;
.text-gray-500,
.text-gray-500-active:active,
.text-gray-500-hover:hover {
	color: @gray-500 !important;
}
.bg-gray-500,
.bg-gray-500-active:active,
.bg-gray-500-hover:hover {
	background-color: @gray-500 !important;
}
.border-gray-500,
.border-gray-500-active:active,
.border-gray-500-hover:hover {
	border-color: @gray-500 !important;
}

/* GRAY-600 */

@gray-600: #898989;
.text-gray-600,
.text-gray-600-active:active,
.text-gray-600-hover:hover {
	color: @gray-600 !important;
}
.bg-gray-600,
.bg-gray-600-active:active,
.bg-gray-600-hover:hover {
	background-color: @gray-600 !important;
}
.border-gray-600,
.border-gray-600-active:active,
.border-gray-600-hover:hover {
	border-color: @gray-600 !important;
}

/* GRAY-700 */

@gray-700: #6f6f6f;
.text-gray-700,
.text-gray-700-active:active,
.text-gray-700-hover:hover {
	color: @gray-700 !important;
}
.bg-gray-700,
.bg-gray-700-active:active,
.bg-gray-700-hover:hover {
	background-color: @gray-700 !important;
}
.border-gray-700,
.border-gray-700-active:active,
.border-gray-700-hover:hover {
	border-color: @gray-700 !important;
}

/* GRAY-800 */

@gray-800: #595959;
.text-gray-800,
.text-gray-800-active:active,
.text-gray-800-hover:hover {
	color: @gray-800 !important;
}
.bg-gray-800,
.bg-gray-800-active:active,
.bg-gray-800-hover:hover {
	background-color: @gray-800 !important;
}
.border-gray-800,
.border-gray-800-active:active,
.border-gray-800-hover:hover {
	border-color: @gray-800 !important;
}

/* GRAY-900 */

@gray-900: #444444;
.text-gray-900,
.text-gray-900-active:active,
.text-gray-900-hover:hover {
	color: @gray-900 !important;
}
.bg-gray-900,
.bg-gray-900-active:active,
.bg-gray-900-hover:hover {
	background-color: @gray-900 !important;
}
.border-gray-900,
.border-gray-900-active:active,
.border-gray-900-hover:hover {
	border-color: @gray-900 !important;
}

/* GRAY-1000 */

@gray-1000: #2a2a2a;
.text-gray-1000,
.text-gray-1000-active:active,
.text-gray-1000-hover:hover {
	color: @gray-1000 !important;
}
.bg-gray-1000,
.bg-gray-1000-active:active,
.bg-gray-1000-hover:hover {
	background-color: @gray-1000 !important;
}
.border-gray-1000,
.border-gray-1000-active:active,
.border-gray-1000-hover:hover {
	border-color: @gray-1000 !important;
}


/* GREEN-100 */

@green-100: #f3f8ef;
.text-green-100,
.text-green-100-active:active,
.text-green-100-hover:hover {
	color: @green-100 !important;
}
.bg-green-100,
.bg-green-100-active:active,
.bg-green-100-hover:hover {
	background-color: @green-100 !important;
}
.border-green-100,
.border-green-100-active:active,
.border-green-100-hover:hover {
	border-color: @green-100 !important;
}

/* GREEN-200 */

@green-200: #e3efda;
.text-green-200,
.text-green-200-active:active,
.text-green-200-hover:hover {
	color: @green-200 !important;
}
.bg-green-200,
.bg-green-200-active:active,
.bg-green-200-hover:hover {
	background-color: @green-200 !important;
}
.border-green-200,
.border-green-200-active:active,
.border-green-200-hover:hover {
	border-color: @green-200 !important;
}

/* GREEN-300 */

@green-300: #c3dcb0;
.text-green-300,
.text-green-300-active:active,
.text-green-300-hover:hover {
	color: @green-300 !important;
}
.bg-green-300,
.bg-green-300-active:active,
.bg-green-300-hover:hover {
	background-color: @green-300 !important;
}
.border-green-300,
.border-green-300-active:active,
.border-green-300-hover:hover {
	border-color: @green-300 !important;
}

/* GREEN-400 */

@green-400: #9ec782;
.text-green-400,
.text-green-400-active:active,
.text-green-400-hover:hover {
	color: @green-400 !important;
}
.bg-green-400,
.bg-green-400-active:active,
.bg-green-400-hover:hover {
	background-color: @green-400 !important;
}
.border-green-400,
.border-green-400-active:active,
.border-green-400-hover:hover {
	border-color: @green-400 !important;
}

/* GREEN-500 */

@green-500: #7cb559;
.text-green-500,
.text-green-500-active:active,
.text-green-500-hover:hover {
	color: @green-500 !important;
}
.bg-green-500,
.bg-green-500-active:active,
.bg-green-500-hover:hover {
	background-color: @green-500 !important;
}
.border-green-500,
.border-green-500-active:active,
.border-green-500-hover:hover {
	border-color: @green-500 !important;
}

/* GREEN-600 */

@green-600: #529a2a;
.text-green-600,
.text-green-600-active:active,
.text-green-600-hover:hover {
	color: @green-600 !important;
}
.bg-green-600,
.bg-green-600-active:active,
.bg-green-600-hover:hover {
	background-color: @green-600 !important;
}
.border-green-600,
.border-green-600-active:active,
.border-green-600-hover:hover {
	border-color: @green-600 !important;
}

/* GREEN-700 */

@green-700: #457d25;
.text-green-700,
.text-green-700-active:active,
.text-green-700-hover:hover {
	color: @green-700 !important;
}
.bg-green-700,
.bg-green-700-active:active,
.bg-green-700-hover:hover {
	background-color: @green-700 !important;
}
.border-green-700,
.border-green-700-active:active,
.border-green-700-hover:hover {
	border-color: @green-700 !important;
}

/* GREEN-800 */

@green-800: #396420;
.text-green-800,
.text-green-800-active:active,
.text-green-800-hover:hover {
	color: @green-800 !important;
}
.bg-green-800,
.bg-green-800-active:active,
.bg-green-800-hover:hover {
	background-color: @green-800 !important;
}
.border-green-800,
.border-green-800-active:active,
.border-green-800-hover:hover {
	border-color: @green-800 !important;
}

/* GREEN-900 */

@green-900: #2d4c1b;
.text-green-900,
.text-green-900-active:active,
.text-green-900-hover:hover {
	color: @green-900 !important;
}
.bg-green-900,
.bg-green-900-active:active,
.bg-green-900-hover:hover {
	background-color: @green-900 !important;
}
.border-green-900,
.border-green-900-active:active,
.border-green-900-hover:hover {
	border-color: @green-900 !important;
}

/* GREEN-1000 */

@green-1000: #1e2e14;
.text-green-1000,
.text-green-1000-active:active,
.text-green-1000-hover:hover {
	color: @green-1000 !important;
}
.bg-green-1000,
.bg-green-1000-active:active,
.bg-green-1000-hover:hover {
	background-color: @green-1000 !important;
}
.border-green-1000,
.border-green-1000-active:active,
.border-green-1000-hover:hover {
	border-color: @green-1000 !important;
}


/* ORANGE-100 */

@orange-100: #fff4ef;
.text-orange-100,
.text-orange-100-active:active,
.text-orange-100-hover:hover {
	color: @orange-100 !important;
}
.bg-orange-100,
.bg-orange-100-active:active,
.bg-orange-100-hover:hover {
	background-color: @orange-100 !important;
}
.border-orange-100,
.border-orange-100-active:active,
.border-orange-100-hover:hover {
	border-color: @orange-100 !important;
}

/* ORANGE-200 */

@orange-200: #ffe6d9;
.text-orange-200,
.text-orange-200-active:active,
.text-orange-200-hover:hover {
	color: @orange-200 !important;
}
.bg-orange-200,
.bg-orange-200-active:active,
.bg-orange-200-hover:hover {
	background-color: @orange-200 !important;
}
.border-orange-200,
.border-orange-200-active:active,
.border-orange-200-hover:hover {
	border-color: @orange-200 !important;
}

/* ORANGE-300 */

@orange-300: #ffc9ad;
.text-orange-300,
.text-orange-300-active:active,
.text-orange-300-hover:hover {
	color: @orange-300 !important;
}
.bg-orange-300,
.bg-orange-300-active:active,
.bg-orange-300-hover:hover {
	background-color: @orange-300 !important;
}
.border-orange-300,
.border-orange-300-active:active,
.border-orange-300-hover:hover {
	border-color: @orange-300 !important;
}

/* ORANGE-400 */

@orange-400: #ffa677;
.text-orange-400,
.text-orange-400-active:active,
.text-orange-400-hover:hover {
	color: @orange-400 !important;
}
.bg-orange-400,
.bg-orange-400-active:active,
.bg-orange-400-hover:hover {
	background-color: @orange-400 !important;
}
.border-orange-400,
.border-orange-400-active:active,
.border-orange-400-hover:hover {
	border-color: @orange-400 !important;
}

/* ORANGE-500 */

@orange-500: #f8884b;
.text-orange-500,
.text-orange-500-active:active,
.text-orange-500-hover:hover {
	color: @orange-500 !important;
}
.bg-orange-500,
.bg-orange-500-active:active,
.bg-orange-500-hover:hover {
	background-color: @orange-500 !important;
}
.border-orange-500,
.border-orange-500-active:active,
.border-orange-500-hover:hover {
	border-color: @orange-500 !important;
}

/* ORANGE-600 */

@orange-600: #e55f06;
.text-orange-600,
.text-orange-600-active:active,
.text-orange-600-hover:hover {
	color: @orange-600 !important;
}
.bg-orange-600,
.bg-orange-600-active:active,
.bg-orange-600-hover:hover {
	background-color: @orange-600 !important;
}
.border-orange-600,
.border-orange-600-active:active,
.border-orange-600-hover:hover {
	border-color: @orange-600 !important;
}

/* ORANGE-700 */

@orange-700: #ba4f0d;
.text-orange-700,
.text-orange-700-active:active,
.text-orange-700-hover:hover {
	color: @orange-700 !important;
}
.bg-orange-700,
.bg-orange-700-active:active,
.bg-orange-700-hover:hover {
	background-color: @orange-700 !important;
}
.border-orange-700,
.border-orange-700-active:active,
.border-orange-700-hover:hover {
	border-color: @orange-700 !important;
}

/* ORANGE-800 */

@orange-800: #944110;
.text-orange-800,
.text-orange-800-active:active,
.text-orange-800-hover:hover {
	color: @orange-800 !important;
}
.bg-orange-800,
.bg-orange-800-active:active,
.bg-orange-800-hover:hover {
	background-color: @orange-800 !important;
}
.border-orange-800,
.border-orange-800-active:active,
.border-orange-800-hover:hover {
	border-color: @orange-800 !important;
}

/* ORANGE-900 */

@orange-900: #703310;
.text-orange-900,
.text-orange-900-active:active,
.text-orange-900-hover:hover {
	color: @orange-900 !important;
}
.bg-orange-900,
.bg-orange-900-active:active,
.bg-orange-900-hover:hover {
	background-color: @orange-900 !important;
}
.border-orange-900,
.border-orange-900-active:active,
.border-orange-900-hover:hover {
	border-color: @orange-900 !important;
}

/* ORANGE-1000 */

@orange-1000: #43210e;
.text-orange-1000,
.text-orange-1000-active:active,
.text-orange-1000-hover:hover {
	color: @orange-1000 !important;
}
.bg-orange-1000,
.bg-orange-1000-active:active,
.bg-orange-1000-hover:hover {
	background-color: @orange-1000 !important;
}
.border-orange-1000,
.border-orange-1000-active:active,
.border-orange-1000-hover:hover {
	border-color: @orange-1000 !important;
}


/* RED-100 */

@red-100: #fff4f3;
.text-red-100,
.text-red-100-active:active,
.text-red-100-hover:hover {
	color: @red-100 !important;
}
.bg-red-100,
.bg-red-100-active:active,
.bg-red-100-hover:hover {
	background-color: @red-100 !important;
}
.border-red-100,
.border-red-100-active:active,
.border-red-100-hover:hover {
	border-color: @red-100 !important;
}

/* RED-200 */

@red-200: #ffe5e3;
.text-red-200,
.text-red-200-active:active,
.text-red-200-hover:hover {
	color: @red-200 !important;
}
.bg-red-200,
.bg-red-200-active:active,
.bg-red-200-hover:hover {
	background-color: @red-200 !important;
}
.border-red-200,
.border-red-200-active:active,
.border-red-200-hover:hover {
	border-color: @red-200 !important;
}

/* RED-300 */

@red-300: #ffc7c4;
.text-red-300,
.text-red-300-active:active,
.text-red-300-hover:hover {
	color: @red-300 !important;
}
.bg-red-300,
.bg-red-300-active:active,
.bg-red-300-hover:hover {
	background-color: @red-300 !important;
}
.border-red-300,
.border-red-300-active:active,
.border-red-300-hover:hover {
	border-color: @red-300 !important;
}

/* RED-400 */

@red-400: #fda4a0;
.text-red-400,
.text-red-400-active:active,
.text-red-400-hover:hover {
	color: @red-400 !important;
}
.bg-red-400,
.bg-red-400-active:active,
.bg-red-400-hover:hover {
	background-color: @red-400 !important;
}
.border-red-400,
.border-red-400-active:active,
.border-red-400-hover:hover {
	border-color: @red-400 !important;
}

/* RED-500 */

@red-500: #f78483;
.text-red-500,
.text-red-500-active:active,
.text-red-500-hover:hover {
	color: @red-500 !important;
}
.bg-red-500,
.bg-red-500-active:active,
.bg-red-500-hover:hover {
	background-color: @red-500 !important;
}
.border-red-500,
.border-red-500-active:active,
.border-red-500-hover:hover {
	border-color: @red-500 !important;
}

/* RED-600 */

@red-600: #eb555c;
.text-red-600,
.text-red-600-active:active,
.text-red-600-hover:hover {
	color: @red-600 !important;
}
.bg-red-600,
.bg-red-600-active:active,
.bg-red-600-hover:hover {
	background-color: @red-600 !important;
}
.border-red-600,
.border-red-600-active:active,
.border-red-600-hover:hover {
	border-color: @red-600 !important;
}

/* RED-700 */

@red-700: #da1c3d;
.text-red-700,
.text-red-700-active:active,
.text-red-700-hover:hover {
	color: @red-700 !important;
}
.bg-red-700,
.bg-red-700-active:active,
.bg-red-700-hover:hover {
	background-color: @red-700 !important;
}
.border-red-700,
.border-red-700-active:active,
.border-red-700-hover:hover {
	border-color: @red-700 !important;
}

/* RED-800 */

@red-800: #ad1f32;
.text-red-800,
.text-red-800-active:active,
.text-red-800-hover:hover {
	color: @red-800 !important;
}
.bg-red-800,
.bg-red-800-active:active,
.bg-red-800-hover:hover {
	background-color: @red-800 !important;
}
.border-red-800,
.border-red-800-active:active,
.border-red-800-hover:hover {
	border-color: @red-800 !important;
}

/* RED-900 */

@red-900: #821e27;
.text-red-900,
.text-red-900-active:active,
.text-red-900-hover:hover {
	color: @red-900 !important;
}
.bg-red-900,
.bg-red-900-active:active,
.bg-red-900-hover:hover {
	background-color: @red-900 !important;
}
.border-red-900,
.border-red-900-active:active,
.border-red-900-hover:hover {
	border-color: @red-900 !important;
}

/* RED-1000 */

@red-1000: #4d181a;
.text-red-1000,
.text-red-1000-active:active,
.text-red-1000-hover:hover {
	color: @red-1000 !important;
}
.bg-red-1000,
.bg-red-1000-active:active,
.bg-red-1000-hover:hover {
	background-color: @red-1000 !important;
}
.border-red-1000,
.border-red-1000-active:active,
.border-red-1000-hover:hover {
	border-color: @red-1000 !important;
}

/* PURE-BLACK */

@pure-black: #000000;
.text-pure-black,
.text-pure-black-active:active,
.text-pure-black-hover:hover {
	color: @pure-black !important;
}
.bg-pure-black,
.bg-pure-black-active:active,
.bg-pure-black-hover:hover {
	background-color: @pure-black !important;
}
.border-pure-black,
.border-pure-black-active:active,
.border-pure-black-hover:hover {
	border-color: @pure-black !important;
}

/* OFF-BLACK */

@off-black: #151515;
.text-off-black,
.text-off-black-active:active,
.text-off-black-hover:hover {
	color: @off-black !important;
}
.bg-off-black,
.bg-off-black-active:active,
.bg-off-black-hover:hover {
	background-color: @off-black !important;
}
.border-off-black,
.border-off-black-active:active,
.border-off-black-hover:hover {
	border-color: @off-black !important;
}

/* PURE-WHITE */

@pure-white: #FFFFFF;
.text-pure-white,
.text-pure-white-active:active,
.text-pure-white-hover:hover {
	color: @pure-white !important;
}
.bg-pure-white,
.bg-pure-white-active:active,
.bg-pure-white-hover:hover {
	background-color: @pure-white !important;
}
.border-pure-white,
.border-pure-white-active:active,
.border-pure-white-hover:hover {
	border-color: @pure-white !important;
}

/* TRANSPARENT */

@transparent: transparent;
.text-transparent,
.text-transparent-active:active,
.text-transparent-hover:hover {
	color: @transparent !important;
}
.bg-transparent,
.bg-transparent-active:active,
.bg-transparent-hover:hover {
	background-color: @transparent !important;
}
.border-transparent,
.border-transparent-active:active,
.border-transparent-hover:hover {
	border-color: @transparent !important;
}

/* ALIASES */

/* ACTION-INPUT-CONTROL-OFF-DEFAULT */

@action-input-control-off-default: @gray-600;
.action-input-control-off-default {
	background-color: @action-input-control-off-default !important;
}

/* ACTION-INPUT-CONTROL-OFF-HOVER */

@action-input-control-off-hover: @gray-700;
.action-input-control-off-hover:hover {
	background-color: @action-input-control-off-hover !important;
}

/* ACTION-INPUT-CONTROL-ON-DEFAULT */

@action-input-control-on-default: @blue-900;
.action-input-control-on-default {
	background-color: @action-input-control-on-default !important;
}

/* ACTION-INPUT-CONTROL-ON-HOVER */

@action-input-control-on-hover: @blue-800;
.action-input-control-on-hover:hover {
	background-color: @action-input-control-on-hover !important;
}

/* ACTION-PRIMARY-BRAND-DEFAULT */

@action-primary-brand-default: @blue-700;
.action-primary-brand-default {
	background-color: @action-primary-brand-default !important;
}

/* ACTION-PRIMARY-BRAND-HOVER */

@action-primary-brand-hover: @blue-800;
.action-primary-brand-hover:hover {
	background-color: @action-primary-brand-hover !important;
}

/* ACTION-PRIMARY-BRAND-ACTIVE */

@action-primary-brand-active: @blue-900;
.action-primary-brand-active:active {
	background-color: @action-primary-brand-active !important;
}

/* ACTION-PRIMARY-BRAND-SELECTED */

@action-primary-brand-selected: @blue-900;
.action-primary-brand-selected,
.action-primary-brand-selected-active:active,
.action-primary-brand-selected-hover:hover {
	background-color: @action-primary-brand-selected !important;
}

/* ACTION-PRIMARY-BRAND-FOCUS */

@action-primary-brand-focus: @blue-900;

/* ACTION-PRIMARY-DANGER-DEFAULT */

@action-primary-danger-default: @red-700;
.action-primary-danger-default {
	background-color: @action-primary-danger-default !important;
}

/* ACTION-PRIMARY-DANGER-HOVER */

@action-primary-danger-hover: @red-800;
.action-primary-danger-hover:hover {
	background-color: @action-primary-danger-hover !important;
}

/* ACTION-PRIMARY-DANGER-ACTIVE */

@action-primary-danger-active: @red-900;
.action-primary-danger-active:active {
	background-color: @action-primary-danger-active !important;
}

/* ACTION-PRIMARY-DANGER-SELECTED */

@action-primary-danger-selected: @red-900;
.action-primary-danger-selected,
.action-primary-danger-selected-active:active,
.action-primary-danger-selected-hover:hover {
	background-color: @action-primary-danger-selected !important;
}

/* ACTION-PRIMARY-DANGER-FOCUS */

@action-primary-danger-focus: @red-900;

/* ACTION-PRIMARY-INFORMATIONAL-DEFAULT */

@action-primary-informational-default: @blue-700;
.action-primary-informational-default {
	background-color: @action-primary-informational-default !important;
}

/* ACTION-PRIMARY-INFORMATIONAL-HOVER */

@action-primary-informational-hover: @blue-800;
.action-primary-informational-hover:hover {
	background-color: @action-primary-informational-hover !important;
}

/* ACTION-PRIMARY-INFORMATIONAL-ACTIVE */

@action-primary-informational-active: @blue-900;
.action-primary-informational-active:active {
	background-color: @action-primary-informational-active !important;
}

/* ACTION-PRIMARY-INFORMATIONAL-SELECTED */

@action-primary-informational-selected: @blue-900;
.action-primary-informational-selected,
.action-primary-informational-selected-active:active,
.action-primary-informational-selected-hover:hover {
	background-color: @action-primary-informational-selected !important;
}

/* ACTION-PRIMARY-INFORMATIONAL-FOCUS */

@action-primary-informational-focus: @blue-900;

/* ACTION-PRIMARY-SUCCESS-DEFAULT */

@action-primary-success-default: @green-700;
.action-primary-success-default {
	background-color: @action-primary-success-default !important;
}

/* ACTION-PRIMARY-SUCCESS-HOVER */

@action-primary-success-hover: @green-800;
.action-primary-success-hover:hover {
	background-color: @action-primary-success-hover !important;
}

/* ACTION-PRIMARY-SUCCESS-ACTIVE */

@action-primary-success-active: @green-900;
.action-primary-success-active:active {
	background-color: @action-primary-success-active !important;
}

/* ACTION-PRIMARY-SUCCESS-SELECTED */

@action-primary-success-selected: @green-900;
.action-primary-success-selected,
.action-primary-success-selected-active:active,
.action-primary-success-selected-hover:hover {
	background-color: @action-primary-success-selected !important;
}

/* ACTION-PRIMARY-SUCCESS-FOCUS */

@action-primary-success-focus: @green-900;

/* ACTION-PRIMARY-WARNING-DEFAULT */

@action-primary-warning-default: @orange-700;
.action-primary-warning-default {
	background-color: @action-primary-warning-default !important;
}

/* ACTION-PRIMARY-WARNING-HOVER */

@action-primary-warning-hover: @orange-800;
.action-primary-warning-hover:hover {
	background-color: @action-primary-warning-hover !important;
}

/* ACTION-PRIMARY-WARNING-ACTIVE */

@action-primary-warning-active: @orange-900;
.action-primary-warning-active:active {
	background-color: @action-primary-warning-active !important;
}

/* ACTION-PRIMARY-WARNING-SELECTED */

@action-primary-warning-selected: @orange-900;
.action-primary-warning-selected,
.action-primary-warning-selected-active:active,
.action-primary-warning-selected-hover:hover {
	background-color: @action-primary-warning-selected !important;
}

/* ACTION-PRIMARY-WARNING-FOCUS */

@action-primary-warning-focus: @orange-900;

/* ACTION-SECONDARY-BRAND-DEFAULT */

@action-secondary-brand-default: @pure-white;
.action-secondary-brand-default {
	background-color: @action-secondary-brand-default !important;
}

/* ACTION-SECONDARY-BRAND-HOVER */

@action-secondary-brand-hover: @blue-200;
.action-secondary-brand-hover:hover {
	background-color: @action-secondary-brand-hover !important;
}

/* ACTION-SECONDARY-BRAND-ACTIVE */

@action-secondary-brand-active: @blue-300;
.action-secondary-brand-active:active {
	background-color: @action-secondary-brand-active !important;
}

/* ACTION-SECONDARY-BRAND-SELECTED */

@action-secondary-brand-selected: @blue-300;
.action-secondary-brand-selected,
.action-secondary-brand-selected-active:active,
.action-secondary-brand-selected-hover:hover {
	background-color: @action-secondary-brand-selected !important;
}

/* ACTION-SECONDARY-DANGER-DEFAULT */

@action-secondary-danger-default: @red-100;
.action-secondary-danger-default {
	background-color: @action-secondary-danger-default !important;
}

/* ACTION-SECONDARY-DANGER-HOVER */

@action-secondary-danger-hover: @red-200;
.action-secondary-danger-hover:hover {
	background-color: @action-secondary-danger-hover !important;
}

/* ACTION-SECONDARY-DANGER-ACTIVE */

@action-secondary-danger-active: @red-300;
.action-secondary-danger-active:active {
	background-color: @action-secondary-danger-active !important;
}

/* ACTION-SECONDARY-DANGER-SELECTED */

@action-secondary-danger-selected: @red-300;
.action-secondary-danger-selected,
.action-secondary-danger-selected-active:active,
.action-secondary-danger-selected-hover:hover {
	background-color: @action-secondary-danger-selected !important;
}

/* ACTION-SECONDARY-GENERIC-DEFAULT */

@action-secondary-generic-default: @pure-white;
.action-secondary-generic-default {
	background-color: @action-secondary-generic-default !important;
}

/* ACTION-SECONDARY-GENERIC-HOVER */

@action-secondary-generic-hover: @gray-200;
.action-secondary-generic-hover:hover {
	background-color: @action-secondary-generic-hover !important;
}

/* ACTION-SECONDARY-GENERIC-ACTIVE */

@action-secondary-generic-active: @gray-300;
.action-secondary-generic-active:active {
	background-color: @action-secondary-generic-active !important;
}

/* ACTION-SECONDARY-GENERIC-SELECTED */

@action-secondary-generic-selected: @gray-300;
.action-secondary-generic-selected,
.action-secondary-generic-selected-active:active,
.action-secondary-generic-selected-hover:hover {
	background-color: @action-secondary-generic-selected !important;
}

/* ACTION-SECONDARY-INFORMATIONAL-DEFAULT */

@action-secondary-informational-default: @blue-100;
.action-secondary-informational-default {
	background-color: @action-secondary-informational-default !important;
}

/* ACTION-SECONDARY-INFORMATIONAL-HOVER */

@action-secondary-informational-hover: @blue-200;
.action-secondary-informational-hover:hover {
	background-color: @action-secondary-informational-hover !important;
}

/* ACTION-SECONDARY-INFORMATIONAL-ACTIVE */

@action-secondary-informational-active: @blue-300;
.action-secondary-informational-active:active {
	background-color: @action-secondary-informational-active !important;
}

/* ACTION-SECONDARY-INFORMATIONAL-SELECTED */

@action-secondary-informational-selected: @blue-300;
.action-secondary-informational-selected,
.action-secondary-informational-selected-active:active,
.action-secondary-informational-selected-hover:hover {
	background-color: @action-secondary-informational-selected !important;
}

/* ACTION-SECONDARY-SUCCESS-DEFAULT */

@action-secondary-success-default: @green-100;
.action-secondary-success-default {
	background-color: @action-secondary-success-default !important;
}

/* ACTION-SECONDARY-SUCCESS-HOVER */

@action-secondary-success-hover: @green-200;
.action-secondary-success-hover:hover {
	background-color: @action-secondary-success-hover !important;
}

/* ACTION-SECONDARY-SUCCESS-ACTIVE */

@action-secondary-success-active: @green-300;
.action-secondary-success-active:active {
	background-color: @action-secondary-success-active !important;
}

/* ACTION-SECONDARY-SUCCESS-SELECTED */

@action-secondary-success-selected: @green-300;
.action-secondary-success-selected,
.action-secondary-success-selected-active:active,
.action-secondary-success-selected-hover:hover {
	background-color: @action-secondary-success-selected !important;
}

/* ACTION-SECONDARY-WARNING-DEFAULT */

@action-secondary-warning-default: @orange-100;
.action-secondary-warning-default {
	background-color: @action-secondary-warning-default !important;
}

/* ACTION-SECONDARY-WARNING-HOVER */

@action-secondary-warning-hover: @orange-200;
.action-secondary-warning-hover:hover {
	background-color: @action-secondary-warning-hover !important;
}

/* ACTION-SECONDARY-WARNING-ACTIVE */

@action-secondary-warning-active: @orange-300;
.action-secondary-warning-active:active {
	background-color: @action-secondary-warning-active !important;
}

/* ACTION-SECONDARY-WARNING-SELECTED */

@action-secondary-warning-selected: @orange-300;
.action-secondary-warning-selected,
.action-secondary-warning-selected-active:active,
.action-secondary-warning-selected-hover:hover {
	background-color: @action-secondary-warning-selected !important;
}

/* ACTION-TERTIARY-BRAND-DEFAULT */

@action-tertiary-brand-default: @pure-white;
.action-tertiary-brand-default {
	background-color: @action-tertiary-brand-default !important;
}

/* ACTION-TERTIARY-BRAND-HOVER */

@action-tertiary-brand-hover: @blue-200;
.action-tertiary-brand-hover:hover {
	background-color: @action-tertiary-brand-hover !important;
}

/* ACTION-TERTIARY-BRAND-ACTIVE */

@action-tertiary-brand-active: @blue-300;
.action-tertiary-brand-active:active {
	background-color: @action-tertiary-brand-active !important;
}

/* ACTION-TERTIARY-BRAND-SELECTED */

@action-tertiary-brand-selected: @blue-300;
.action-tertiary-brand-selected,
.action-tertiary-brand-selected-active:active,
.action-tertiary-brand-selected-hover:hover {
	background-color: @action-tertiary-brand-selected !important;
}

/* ACTION-TERTIARY-GENERIC-DEFAULT */

@action-tertiary-generic-default: @pure-white;
.action-tertiary-generic-default {
	background-color: @action-tertiary-generic-default !important;
}

/* ACTION-TERTIARY-GENERIC-HOVER */

@action-tertiary-generic-hover: @gray-200;
.action-tertiary-generic-hover:hover {
	background-color: @action-tertiary-generic-hover !important;
}

/* ACTION-TERTIARY-GENERIC-ACTIVE */

@action-tertiary-generic-active: @gray-300;
.action-tertiary-generic-active:active {
	background-color: @action-tertiary-generic-active !important;
}

/* ACTION-TERTIARY-GENERIC-SELECTED */

@action-tertiary-generic-selected: @gray-300;
.action-tertiary-generic-selected,
.action-tertiary-generic-selected-active:active,
.action-tertiary-generic-selected-hover:hover {
	background-color: @action-tertiary-generic-selected !important;
}

/* BACKGROUND-GENERIC-PRIMARY */

@background-generic-primary: @pure-white;
.background-generic-primary,
.background-generic-primary-active:active,
.background-generic-primary-hover:hover {
	background-color: @background-generic-primary !important;
}

/* BACKGROUND-GENERIC-SECONDARY */

@background-generic-secondary: @gray-100;
.background-generic-secondary,
.background-generic-secondary-active:active,
.background-generic-secondary-hover:hover {
	background-color: @background-generic-secondary !important;
}

/* BACKGROUND-GENERIC-TERTIARY */

@background-generic-tertiary: @gray-200;
.background-generic-tertiary,
.background-generic-tertiary-active:active,
.background-generic-tertiary-hover:hover {
	background-color: @background-generic-tertiary !important;
}

/* BACKGROUND-GENERIC-QUATERNARY */

@background-generic-quaternary: @gray-300;
.background-generic-quaternary,
.background-generic-quaternary-active:active,
.background-generic-quaternary-hover:hover {
	background-color: @background-generic-quaternary !important;
}

/* BACKGROUND-GENERIC-QUINARY */

@background-generic-quinary: @gray-400;
.background-generic-quinary,
.background-generic-quinary-active:active,
.background-generic-quinary-hover:hover {
	background-color: @background-generic-quinary !important;
}

/* BACKGROUND-GENERIC-TRANSPARENT */

@background-generic-transparent: @transparent;
.background-generic-transparent,
.background-generic-transparent-active:active,
.background-generic-transparent-hover:hover {
	background-color: @background-generic-transparent !important;
}

/* BACKGROUND-GENERIC-OVERLAY */

@background-generic-overlay: @pure-black;
.background-generic-overlay,
.background-generic-overlay-active:active,
.background-generic-overlay-hover:hover {
	background-color: @background-generic-overlay !important;
}

/* BACKGROUND-INPUT-DEFAULT */

@background-input-default: @gray-100;
.background-input-default {
	background-color: @background-input-default !important;
}

/* BACKGROUND-INPUT-HOVER */

@background-input-hover: @gray-200;
.background-input-hover:hover {
	background-color: @background-input-hover !important;
}

/* BACKGROUND-INPUT-ACTIVE */

@background-input-active: @gray-100;
.background-input-active:active {
	background-color: @background-input-active !important;
}

/* BORDER-BRAND-DEFAULT */

@border-brand-default: @blue-700;
.border-brand-default {
	border-color: @border-brand-default !important;
}

/* BORDER-BRAND-HOVER */

@border-brand-hover: @blue-800;
.border-brand-hover:hover {
	border-color: @border-brand-hover !important;
}

/* BORDER-BRAND-ACTIVE */

@border-brand-active: @blue-900;
.border-brand-active:active {
	border-color: @border-brand-active !important;
}

/* BORDER-BRAND-SELECTED */

@border-brand-selected: @blue-900;
.border-brand-selected,
.border-brand-selected-active:active,
.border-brand-selected-hover:hover {
	border-color: @border-brand-selected !important;
}

/* BORDER-DANGER-DEFAULT */

@border-danger-default: @red-700;
.border-danger-default {
	border-color: @border-danger-default !important;
}

/* BORDER-DANGER-HOVER */

@border-danger-hover: @red-800;
.border-danger-hover:hover {
	border-color: @border-danger-hover !important;
}

/* BORDER-DANGER-ACTIVE */

@border-danger-active: @red-900;
.border-danger-active:active {
	border-color: @border-danger-active !important;
}

/* BORDER-DANGER-SELECTED */

@border-danger-selected: @red-900;
.border-danger-selected,
.border-danger-selected-active:active,
.border-danger-selected-hover:hover {
	border-color: @border-danger-selected !important;
}

/* BORDER-GENERIC-DEFAULT */

@border-generic-default: @gray-500;
.border-generic-default {
	border-color: @border-generic-default !important;
}

/* BORDER-GENERIC-HOVER */

@border-generic-hover: @gray-700;
.border-generic-hover:hover {
	border-color: @border-generic-hover !important;
}

/* BORDER-GENERIC-ACTIVE */

@border-generic-active: @gray-900;
.border-generic-active:active {
	border-color: @border-generic-active !important;
}

/* BORDER-GENERIC-INVERSE */

@border-generic-inverse: @pure-white;
.border-generic-inverse,
.border-generic-inverse-active:active,
.border-generic-inverse-hover:hover {
	border-color: @border-generic-inverse !important;
}

/* BORDER-GENERIC-SELECTED */

@border-generic-selected: @gray-900;
.border-generic-selected,
.border-generic-selected-active:active,
.border-generic-selected-hover:hover {
	border-color: @border-generic-selected !important;
}

/* BORDER-GENERIC-TRANSPARENT */

@border-generic-transparent: @transparent;
.border-generic-transparent,
.border-generic-transparent-active:active,
.border-generic-transparent-hover:hover {
	border-color: @border-generic-transparent !important;
}

/* BORDER-INFORMATIONAL-DEFAULT */

@border-informational-default: @blue-700;
.border-informational-default {
	border-color: @border-informational-default !important;
}

/* BORDER-INFORMATIONAL-HOVER */

@border-informational-hover: @blue-800;
.border-informational-hover:hover {
	border-color: @border-informational-hover !important;
}

/* BORDER-INFORMATIONAL-ACTIVE */

@border-informational-active: @blue-900;
.border-informational-active:active {
	border-color: @border-informational-active !important;
}

/* BORDER-INFORMATIONAL-SELECTED */

@border-informational-selected: @blue-900;
.border-informational-selected,
.border-informational-selected-active:active,
.border-informational-selected-hover:hover {
	border-color: @border-informational-selected !important;
}

/* BORDER-SUCCESS-DEFAULT */

@border-success-default: @green-700;
.border-success-default {
	border-color: @border-success-default !important;
}

/* BORDER-SUCCESS-HOVER */

@border-success-hover: @green-800;
.border-success-hover:hover {
	border-color: @border-success-hover !important;
}

/* BORDER-SUCCESS-ACTIVE */

@border-success-active: @green-900;
.border-success-active:active {
	border-color: @border-success-active !important;
}

/* BORDER-SUCCESS-SELECTED */

@border-success-selected: @green-900;
.border-success-selected,
.border-success-selected-active:active,
.border-success-selected-hover:hover {
	border-color: @border-success-selected !important;
}

/* BORDER-WARNING-DEFAULT */

@border-warning-default: @orange-700;
.border-warning-default {
	border-color: @border-warning-default !important;
}

/* BORDER-WARNING-HOVER */

@border-warning-hover: @orange-800;
.border-warning-hover:hover {
	border-color: @border-warning-hover !important;
}

/* BORDER-WARNING-ACTIVE */

@border-warning-active: @orange-900;
.border-warning-active:active {
	border-color: @border-warning-active !important;
}

/* BORDER-WARNING-SELECTED */

@border-warning-selected: @orange-900;
.border-warning-selected,
.border-warning-selected-active:active,
.border-warning-selected-hover:hover {
	border-color: @border-warning-selected !important;
}

/* DIVIDER-GENERIC-PRIMARY */

@divider-generic-primary: @gray-200;
.divider-generic-primary,
.divider-generic-primary-active:active,
.divider-generic-primary-hover:hover {
	border-color: @divider-generic-primary !important;
}

/* DIVIDER-GENERIC-SECONDARY */

@divider-generic-secondary: @gray-300;
.divider-generic-secondary,
.divider-generic-secondary-active:active,
.divider-generic-secondary-hover:hover {
	border-color: @divider-generic-secondary !important;
}

/* DIVIDER-GENERIC-TERTIARY */

@divider-generic-tertiary: @gray-400;
.divider-generic-tertiary,
.divider-generic-tertiary-active:active,
.divider-generic-tertiary-hover:hover {
	border-color: @divider-generic-tertiary !important;
}

/* TEXT-BRAND-DEFAULT */

@text-brand-default: @blue-700;
.text-brand-default {
	color: @text-brand-default !important;
}

/* TEXT-BRAND-HOVER */

@text-brand-hover: @blue-800;
.text-brand-hover:hover {
	color: @text-brand-hover !important;
}

/* TEXT-BRAND-ACTIVE */

@text-brand-active: @blue-900;
.text-brand-active:active {
	color: @text-brand-active !important;
}

/* TEXT-BRAND-SELECTED */

@text-brand-selected: @blue-900;
.text-brand-selected,
.text-brand-selected-active:active,
.text-brand-selected-hover:hover {
	color: @text-brand-selected !important;
}

/* TEXT-DANGER-DEFAULT */

@text-danger-default: @red-700;
.text-danger-default {
	color: @text-danger-default !important;
}

/* TEXT-DANGER-HOVER */

@text-danger-hover: @red-800;
.text-danger-hover:hover {
	color: @text-danger-hover !important;
}

/* TEXT-DANGER-ACTIVE */

@text-danger-active: @red-900;
.text-danger-active:active {
	color: @text-danger-active !important;
}

/* TEXT-DANGER-SELECTED */

@text-danger-selected: @red-900;
.text-danger-selected,
.text-danger-selected-active:active,
.text-danger-selected-hover:hover {
	color: @text-danger-selected !important;
}

/* TEXT-GENERIC-PRIMARY */

@text-generic-primary: @gray-1000;
.text-generic-primary,
.text-generic-primary-active:active,
.text-generic-primary-hover:hover {
	color: @text-generic-primary !important;
}

/* TEXT-GENERIC-SECONDARY */

@text-generic-secondary: @gray-900;
.text-generic-secondary,
.text-generic-secondary-active:active,
.text-generic-secondary-hover:hover {
	color: @text-generic-secondary !important;
}

/* TEXT-GENERIC-TERTIARY */

@text-generic-tertiary: @gray-800;
.text-generic-tertiary,
.text-generic-tertiary-active:active,
.text-generic-tertiary-hover:hover {
	color: @text-generic-tertiary !important;
}

/* TEXT-GENERIC-QUATERNARY */

@text-generic-quaternary: @gray-700;
.text-generic-quaternary,
.text-generic-quaternary-active:active,
.text-generic-quaternary-hover:hover {
	color: @text-generic-quaternary !important;
}

/* TEXT-GENERIC-QUINARY */

@text-generic-quinary: @gray-600;
.text-generic-quinary,
.text-generic-quinary-active:active,
.text-generic-quinary-hover:hover {
	color: @text-generic-quinary !important;
}

/* TEXT-GENERIC-INVERSE */

@text-generic-inverse: @pure-white;
.text-generic-inverse,
.text-generic-inverse-active:active,
.text-generic-inverse-hover:hover {
	color: @text-generic-inverse !important;
}

/* TEXT-INFORMATIONAL-DEFAULT */

@text-informational-default: @blue-700;
.text-informational-default {
	color: @text-informational-default !important;
}

/* TEXT-INFORMATIONAL-HOVER */

@text-informational-hover: @blue-800;
.text-informational-hover:hover {
	color: @text-informational-hover !important;
}

/* TEXT-INFORMATIONAL-ACTIVE */

@text-informational-active: @blue-900;
.text-informational-active:active {
	color: @text-informational-active !important;
}

/* TEXT-INFORMATIONAL-SELECTED */

@text-informational-selected: @blue-900;
.text-informational-selected,
.text-informational-selected-active:active,
.text-informational-selected-hover:hover {
	color: @text-informational-selected !important;
}

/* TEXT-INPUT-BODY */

@text-input-body: @gray-1000;
.text-input-body,
.text-input-body-active:active,
.text-input-body-hover:hover {
	color: @text-input-body !important;
}

/* TEXT-INPUT-LABEL */

@text-input-label: @gray-900;
.text-input-label,
.text-input-label-active:active,
.text-input-label-hover:hover {
	color: @text-input-label !important;
}

/* TEXT-INPUT-HELPER */

@text-input-helper: @gray-800;
.text-input-helper,
.text-input-helper-active:active,
.text-input-helper-hover:hover {
	color: @text-input-helper !important;
}

/* TEXT-SUCCESS-DEFAULT */

@text-success-default: @green-700;
.text-success-default {
	color: @text-success-default !important;
}

/* TEXT-SUCCESS-HOVER */

@text-success-hover: @green-800;
.text-success-hover:hover {
	color: @text-success-hover !important;
}

/* TEXT-SUCCESS-ACTIVE */

@text-success-active: @green-900;
.text-success-active:active {
	color: @text-success-active !important;
}

/* TEXT-SUCCESS-SELECTED */

@text-success-selected: @green-900;
.text-success-selected,
.text-success-selected-active:active,
.text-success-selected-hover:hover {
	color: @text-success-selected !important;
}

/* TEXT-WARNING-DEFAULT */

@text-warning-default: @orange-700;
.text-warning-default {
	color: @text-warning-default !important;
}

/* TEXT-WARNING-HOVER */

@text-warning-hover: @orange-800;
.text-warning-hover:hover {
	color: @text-warning-hover !important;
}

/* TEXT-WARNING-ACTIVE */

@text-warning-active: @orange-900;
.text-warning-active:active {
	color: @text-warning-active !important;
}

/* TEXT-WARNING-SELECTED */

@text-warning-selected: @orange-900;
.text-warning-selected,
.text-warning-selected-active:active,
.text-warning-selected-hover:hover {
	color: @text-warning-selected !important;
}

/* COLOR UTILS */

@disabled-opacity: 0.4;

.disabled, .disabled-item {
	opacity: @disabled-opacity !important;
}

@focus-box-shadow: 0 0 0 2px @pure-white, 0 0 0 4px @action-primary-brand-focus;

@error-box-shadow: 0 0 0 2px @pure-white, 0 0 0 4px @action-primary-danger-focus;


/* DARK MODE */
body.dark-mode {
	/* BASE COLORS */

	/* BLUE-1000 */

	@blue-1000: #f1f7fd;
	.text-blue-1000,
	.text-blue-1000-active:active,
	.text-blue-1000-hover:hover {
		color: @blue-1000 !important;
	}
	.bg-blue-1000,
	.bg-blue-1000-active:active,
	.bg-blue-1000-hover:hover {
		background-color: @blue-1000 !important;
	}
	.border-blue-1000,
	.border-blue-1000-active:active,
	.border-blue-1000-hover:hover {
		border-color: @blue-1000 !important;
	}

	/* BLUE-900 */

	@blue-900: #ddedf8;
	.text-blue-900,
	.text-blue-900-active:active,
	.text-blue-900-hover:hover {
		color: @blue-900 !important;
	}
	.bg-blue-900,
	.bg-blue-900-active:active,
	.bg-blue-900-hover:hover {
		background-color: @blue-900 !important;
	}
	.border-blue-900,
	.border-blue-900-active:active,
	.border-blue-900-hover:hover {
		border-color: @blue-900 !important;
	}

	/* BLUE-800 */

	@blue-800: #b7d8f7;
	.text-blue-800,
	.text-blue-800-active:active,
	.text-blue-800-hover:hover {
		color: @blue-800 !important;
	}
	.bg-blue-800,
	.bg-blue-800-active:active,
	.bg-blue-800-hover:hover {
		background-color: @blue-800 !important;
	}
	.border-blue-800,
	.border-blue-800-active:active,
	.border-blue-800-hover:hover {
		border-color: @blue-800 !important;
	}

	/* BLUE-700 */

	@blue-700: #8ac1f2;
	.text-blue-700,
	.text-blue-700-active:active,
	.text-blue-700-hover:hover {
		color: @blue-700 !important;
	}
	.bg-blue-700,
	.bg-blue-700-active:active,
	.bg-blue-700-hover:hover {
		background-color: @blue-700 !important;
	}
	.border-blue-700,
	.border-blue-700-active:active,
	.border-blue-700-hover:hover {
		border-color: @blue-700 !important;
	}

	/* BLUE-600 */

	@blue-600: #62abed;
	.text-blue-600,
	.text-blue-600-active:active,
	.text-blue-600-hover:hover {
		color: @blue-600 !important;
	}
	.bg-blue-600,
	.bg-blue-600-active:active,
	.bg-blue-600-hover:hover {
		background-color: @blue-600 !important;
	}
	.border-blue-600,
	.border-blue-600-active:active,
	.border-blue-600-hover:hover {
		border-color: @blue-600 !important;
	}

	/* BLUE-500 */

	@blue-500: #278ce6;
	.text-blue-500,
	.text-blue-500-active:active,
	.text-blue-500-hover:hover {
		color: @blue-500 !important;
	}
	.bg-blue-500,
	.bg-blue-500-active:active,
	.bg-blue-500-hover:hover {
		background-color: @blue-500 !important;
	}
	.border-blue-500,
	.border-blue-500-active:active,
	.border-blue-500-hover:hover {
		border-color: @blue-500 !important;
	}

	/* BLUE-400 */

	@blue-400: #006fd3;
	.text-blue-400,
	.text-blue-400-active:active,
	.text-blue-400-hover:hover {
		color: @blue-400 !important;
	}
	.bg-blue-400,
	.bg-blue-400-active:active,
	.bg-blue-400-hover:hover {
		background-color: @blue-400 !important;
	}
	.border-blue-400,
	.border-blue-400-active:active,
	.border-blue-400-hover:hover {
		border-color: @blue-400 !important;
	}

	/* BLUE-300 */

	@blue-300: #0059aa;
	.text-blue-300,
	.text-blue-300-active:active,
	.text-blue-300-hover:hover {
		color: @blue-300 !important;
	}
	.bg-blue-300,
	.bg-blue-300-active:active,
	.bg-blue-300-hover:hover {
		background-color: @blue-300 !important;
	}
	.border-blue-300,
	.border-blue-300-active:active,
	.border-blue-300-hover:hover {
		border-color: @blue-300 !important;
	}

	/* BLUE-200 */

	@blue-200: #004582;
	.text-blue-200,
	.text-blue-200-active:active,
	.text-blue-200-hover:hover {
		color: @blue-200 !important;
	}
	.bg-blue-200,
	.bg-blue-200-active:active,
	.bg-blue-200-hover:hover {
		background-color: @blue-200 !important;
	}
	.border-blue-200,
	.border-blue-200-active:active,
	.border-blue-200-hover:hover {
		border-color: @blue-200 !important;
	}

	/* BLUE-100 */

	@blue-100: #002b51;
	.text-blue-100,
	.text-blue-100-active:active,
	.text-blue-100-hover:hover {
		color: @blue-100 !important;
	}
	.bg-blue-100,
	.bg-blue-100-active:active,
	.bg-blue-100-hover:hover {
		background-color: @blue-100 !important;
	}
	.border-blue-100,
	.border-blue-100-active:active,
	.border-blue-100-hover:hover {
		border-color: @blue-100 !important;
	}


	/* GRAY-1000 */

	@gray-1000: #f6f6f8;
	.text-gray-1000,
	.text-gray-1000-active:active,
	.text-gray-1000-hover:hover {
		color: @gray-1000 !important;
	}
	.bg-gray-1000,
	.bg-gray-1000-active:active,
	.bg-gray-1000-hover:hover {
		background-color: @gray-1000 !important;
	}
	.border-gray-1000,
	.border-gray-1000-active:active,
	.border-gray-1000-hover:hover {
		border-color: @gray-1000 !important;
	}

	/* GRAY-900 */

	@gray-900: #ebebeb;
	.text-gray-900,
	.text-gray-900-active:active,
	.text-gray-900-hover:hover {
		color: @gray-900 !important;
	}
	.bg-gray-900,
	.bg-gray-900-active:active,
	.bg-gray-900-hover:hover {
		background-color: @gray-900 !important;
	}
	.border-gray-900,
	.border-gray-900-active:active,
	.border-gray-900-hover:hover {
		border-color: @gray-900 !important;
	}

	/* GRAY-800 */

	@gray-800: #d4d4d4;
	.text-gray-800,
	.text-gray-800-active:active,
	.text-gray-800-hover:hover {
		color: @gray-800 !important;
	}
	.bg-gray-800,
	.bg-gray-800-active:active,
	.bg-gray-800-hover:hover {
		background-color: @gray-800 !important;
	}
	.border-gray-800,
	.border-gray-800-active:active,
	.border-gray-800-hover:hover {
		border-color: @gray-800 !important;
	}

	/* GRAY-700 */

	@gray-700: #bbbbbb;
	.text-gray-700,
	.text-gray-700-active:active,
	.text-gray-700-hover:hover {
		color: @gray-700 !important;
	}
	.bg-gray-700,
	.bg-gray-700-active:active,
	.bg-gray-700-hover:hover {
		background-color: @gray-700 !important;
	}
	.border-gray-700,
	.border-gray-700-active:active,
	.border-gray-700-hover:hover {
		border-color: @gray-700 !important;
	}

	/* GRAY-600 */

	@gray-600: #a6a6a6;
	.text-gray-600,
	.text-gray-600-active:active,
	.text-gray-600-hover:hover {
		color: @gray-600 !important;
	}
	.bg-gray-600,
	.bg-gray-600-active:active,
	.bg-gray-600-hover:hover {
		background-color: @gray-600 !important;
	}
	.border-gray-600,
	.border-gray-600-active:active,
	.border-gray-600-hover:hover {
		border-color: @gray-600 !important;
	}

	/* GRAY-500 */

	@gray-500: #898989;
	.text-gray-500,
	.text-gray-500-active:active,
	.text-gray-500-hover:hover {
		color: @gray-500 !important;
	}
	.bg-gray-500,
	.bg-gray-500-active:active,
	.bg-gray-500-hover:hover {
		background-color: @gray-500 !important;
	}
	.border-gray-500,
	.border-gray-500-active:active,
	.border-gray-500-hover:hover {
		border-color: @gray-500 !important;
	}

	/* GRAY-400 */

	@gray-400: #6f6f6f;
	.text-gray-400,
	.text-gray-400-active:active,
	.text-gray-400-hover:hover {
		color: @gray-400 !important;
	}
	.bg-gray-400,
	.bg-gray-400-active:active,
	.bg-gray-400-hover:hover {
		background-color: @gray-400 !important;
	}
	.border-gray-400,
	.border-gray-400-active:active,
	.border-gray-400-hover:hover {
		border-color: @gray-400 !important;
	}

	/* GRAY-300 */

	@gray-300: #595959;
	.text-gray-300,
	.text-gray-300-active:active,
	.text-gray-300-hover:hover {
		color: @gray-300 !important;
	}
	.bg-gray-300,
	.bg-gray-300-active:active,
	.bg-gray-300-hover:hover {
		background-color: @gray-300 !important;
	}
	.border-gray-300,
	.border-gray-300-active:active,
	.border-gray-300-hover:hover {
		border-color: @gray-300 !important;
	}

	/* GRAY-200 */

	@gray-200: #444444;
	.text-gray-200,
	.text-gray-200-active:active,
	.text-gray-200-hover:hover {
		color: @gray-200 !important;
	}
	.bg-gray-200,
	.bg-gray-200-active:active,
	.bg-gray-200-hover:hover {
		background-color: @gray-200 !important;
	}
	.border-gray-200,
	.border-gray-200-active:active,
	.border-gray-200-hover:hover {
		border-color: @gray-200 !important;
	}

	/* GRAY-100 */

	@gray-100: #2a2a2a;
	.text-gray-100,
	.text-gray-100-active:active,
	.text-gray-100-hover:hover {
		color: @gray-100 !important;
	}
	.bg-gray-100,
	.bg-gray-100-active:active,
	.bg-gray-100-hover:hover {
		background-color: @gray-100 !important;
	}
	.border-gray-100,
	.border-gray-100-active:active,
	.border-gray-100-hover:hover {
		border-color: @gray-100 !important;
	}


	/* GREEN-1000 */

	@green-1000: #f3f8ef;
	.text-green-1000,
	.text-green-1000-active:active,
	.text-green-1000-hover:hover {
		color: @green-1000 !important;
	}
	.bg-green-1000,
	.bg-green-1000-active:active,
	.bg-green-1000-hover:hover {
		background-color: @green-1000 !important;
	}
	.border-green-1000,
	.border-green-1000-active:active,
	.border-green-1000-hover:hover {
		border-color: @green-1000 !important;
	}

	/* GREEN-900 */

	@green-900: #e3efda;
	.text-green-900,
	.text-green-900-active:active,
	.text-green-900-hover:hover {
		color: @green-900 !important;
	}
	.bg-green-900,
	.bg-green-900-active:active,
	.bg-green-900-hover:hover {
		background-color: @green-900 !important;
	}
	.border-green-900,
	.border-green-900-active:active,
	.border-green-900-hover:hover {
		border-color: @green-900 !important;
	}

	/* GREEN-800 */

	@green-800: #c3dcb0;
	.text-green-800,
	.text-green-800-active:active,
	.text-green-800-hover:hover {
		color: @green-800 !important;
	}
	.bg-green-800,
	.bg-green-800-active:active,
	.bg-green-800-hover:hover {
		background-color: @green-800 !important;
	}
	.border-green-800,
	.border-green-800-active:active,
	.border-green-800-hover:hover {
		border-color: @green-800 !important;
	}

	/* GREEN-700 */

	@green-700: #9ec782;
	.text-green-700,
	.text-green-700-active:active,
	.text-green-700-hover:hover {
		color: @green-700 !important;
	}
	.bg-green-700,
	.bg-green-700-active:active,
	.bg-green-700-hover:hover {
		background-color: @green-700 !important;
	}
	.border-green-700,
	.border-green-700-active:active,
	.border-green-700-hover:hover {
		border-color: @green-700 !important;
	}

	/* GREEN-600 */

	@green-600: #7cb559;
	.text-green-600,
	.text-green-600-active:active,
	.text-green-600-hover:hover {
		color: @green-600 !important;
	}
	.bg-green-600,
	.bg-green-600-active:active,
	.bg-green-600-hover:hover {
		background-color: @green-600 !important;
	}
	.border-green-600,
	.border-green-600-active:active,
	.border-green-600-hover:hover {
		border-color: @green-600 !important;
	}

	/* GREEN-500 */

	@green-500: #529a2a;
	.text-green-500,
	.text-green-500-active:active,
	.text-green-500-hover:hover {
		color: @green-500 !important;
	}
	.bg-green-500,
	.bg-green-500-active:active,
	.bg-green-500-hover:hover {
		background-color: @green-500 !important;
	}
	.border-green-500,
	.border-green-500-active:active,
	.border-green-500-hover:hover {
		border-color: @green-500 !important;
	}

	/* GREEN-400 */

	@green-400: #457d25;
	.text-green-400,
	.text-green-400-active:active,
	.text-green-400-hover:hover {
		color: @green-400 !important;
	}
	.bg-green-400,
	.bg-green-400-active:active,
	.bg-green-400-hover:hover {
		background-color: @green-400 !important;
	}
	.border-green-400,
	.border-green-400-active:active,
	.border-green-400-hover:hover {
		border-color: @green-400 !important;
	}

	/* GREEN-300 */

	@green-300: #396420;
	.text-green-300,
	.text-green-300-active:active,
	.text-green-300-hover:hover {
		color: @green-300 !important;
	}
	.bg-green-300,
	.bg-green-300-active:active,
	.bg-green-300-hover:hover {
		background-color: @green-300 !important;
	}
	.border-green-300,
	.border-green-300-active:active,
	.border-green-300-hover:hover {
		border-color: @green-300 !important;
	}

	/* GREEN-200 */

	@green-200: #2d4c1b;
	.text-green-200,
	.text-green-200-active:active,
	.text-green-200-hover:hover {
		color: @green-200 !important;
	}
	.bg-green-200,
	.bg-green-200-active:active,
	.bg-green-200-hover:hover {
		background-color: @green-200 !important;
	}
	.border-green-200,
	.border-green-200-active:active,
	.border-green-200-hover:hover {
		border-color: @green-200 !important;
	}

	/* GREEN-100 */

	@green-100: #1e2e14;
	.text-green-100,
	.text-green-100-active:active,
	.text-green-100-hover:hover {
		color: @green-100 !important;
	}
	.bg-green-100,
	.bg-green-100-active:active,
	.bg-green-100-hover:hover {
		background-color: @green-100 !important;
	}
	.border-green-100,
	.border-green-100-active:active,
	.border-green-100-hover:hover {
		border-color: @green-100 !important;
	}


	/* ORANGE-1000 */

	@orange-1000: #fff4ef;
	.text-orange-1000,
	.text-orange-1000-active:active,
	.text-orange-1000-hover:hover {
		color: @orange-1000 !important;
	}
	.bg-orange-1000,
	.bg-orange-1000-active:active,
	.bg-orange-1000-hover:hover {
		background-color: @orange-1000 !important;
	}
	.border-orange-1000,
	.border-orange-1000-active:active,
	.border-orange-1000-hover:hover {
		border-color: @orange-1000 !important;
	}

	/* ORANGE-900 */

	@orange-900: #ffe6d9;
	.text-orange-900,
	.text-orange-900-active:active,
	.text-orange-900-hover:hover {
		color: @orange-900 !important;
	}
	.bg-orange-900,
	.bg-orange-900-active:active,
	.bg-orange-900-hover:hover {
		background-color: @orange-900 !important;
	}
	.border-orange-900,
	.border-orange-900-active:active,
	.border-orange-900-hover:hover {
		border-color: @orange-900 !important;
	}

	/* ORANGE-800 */

	@orange-800: #ffc9ad;
	.text-orange-800,
	.text-orange-800-active:active,
	.text-orange-800-hover:hover {
		color: @orange-800 !important;
	}
	.bg-orange-800,
	.bg-orange-800-active:active,
	.bg-orange-800-hover:hover {
		background-color: @orange-800 !important;
	}
	.border-orange-800,
	.border-orange-800-active:active,
	.border-orange-800-hover:hover {
		border-color: @orange-800 !important;
	}

	/* ORANGE-700 */

	@orange-700: #ffa677;
	.text-orange-700,
	.text-orange-700-active:active,
	.text-orange-700-hover:hover {
		color: @orange-700 !important;
	}
	.bg-orange-700,
	.bg-orange-700-active:active,
	.bg-orange-700-hover:hover {
		background-color: @orange-700 !important;
	}
	.border-orange-700,
	.border-orange-700-active:active,
	.border-orange-700-hover:hover {
		border-color: @orange-700 !important;
	}

	/* ORANGE-600 */

	@orange-600: #f8884b;
	.text-orange-600,
	.text-orange-600-active:active,
	.text-orange-600-hover:hover {
		color: @orange-600 !important;
	}
	.bg-orange-600,
	.bg-orange-600-active:active,
	.bg-orange-600-hover:hover {
		background-color: @orange-600 !important;
	}
	.border-orange-600,
	.border-orange-600-active:active,
	.border-orange-600-hover:hover {
		border-color: @orange-600 !important;
	}

	/* ORANGE-500 */

	@orange-500: #e55f06;
	.text-orange-500,
	.text-orange-500-active:active,
	.text-orange-500-hover:hover {
		color: @orange-500 !important;
	}
	.bg-orange-500,
	.bg-orange-500-active:active,
	.bg-orange-500-hover:hover {
		background-color: @orange-500 !important;
	}
	.border-orange-500,
	.border-orange-500-active:active,
	.border-orange-500-hover:hover {
		border-color: @orange-500 !important;
	}

	/* ORANGE-400 */

	@orange-400: #ba4f0d;
	.text-orange-400,
	.text-orange-400-active:active,
	.text-orange-400-hover:hover {
		color: @orange-400 !important;
	}
	.bg-orange-400,
	.bg-orange-400-active:active,
	.bg-orange-400-hover:hover {
		background-color: @orange-400 !important;
	}
	.border-orange-400,
	.border-orange-400-active:active,
	.border-orange-400-hover:hover {
		border-color: @orange-400 !important;
	}

	/* ORANGE-300 */

	@orange-300: #944110;
	.text-orange-300,
	.text-orange-300-active:active,
	.text-orange-300-hover:hover {
		color: @orange-300 !important;
	}
	.bg-orange-300,
	.bg-orange-300-active:active,
	.bg-orange-300-hover:hover {
		background-color: @orange-300 !important;
	}
	.border-orange-300,
	.border-orange-300-active:active,
	.border-orange-300-hover:hover {
		border-color: @orange-300 !important;
	}

	/* ORANGE-200 */

	@orange-200: #703310;
	.text-orange-200,
	.text-orange-200-active:active,
	.text-orange-200-hover:hover {
		color: @orange-200 !important;
	}
	.bg-orange-200,
	.bg-orange-200-active:active,
	.bg-orange-200-hover:hover {
		background-color: @orange-200 !important;
	}
	.border-orange-200,
	.border-orange-200-active:active,
	.border-orange-200-hover:hover {
		border-color: @orange-200 !important;
	}

	/* ORANGE-100 */

	@orange-100: #43210e;
	.text-orange-100,
	.text-orange-100-active:active,
	.text-orange-100-hover:hover {
		color: @orange-100 !important;
	}
	.bg-orange-100,
	.bg-orange-100-active:active,
	.bg-orange-100-hover:hover {
		background-color: @orange-100 !important;
	}
	.border-orange-100,
	.border-orange-100-active:active,
	.border-orange-100-hover:hover {
		border-color: @orange-100 !important;
	}


	/* RED-1000 */

	@red-1000: #fff4f3;
	.text-red-1000,
	.text-red-1000-active:active,
	.text-red-1000-hover:hover {
		color: @red-1000 !important;
	}
	.bg-red-1000,
	.bg-red-1000-active:active,
	.bg-red-1000-hover:hover {
		background-color: @red-1000 !important;
	}
	.border-red-1000,
	.border-red-1000-active:active,
	.border-red-1000-hover:hover {
		border-color: @red-1000 !important;
	}

	/* RED-900 */

	@red-900: #ffe5e3;
	.text-red-900,
	.text-red-900-active:active,
	.text-red-900-hover:hover {
		color: @red-900 !important;
	}
	.bg-red-900,
	.bg-red-900-active:active,
	.bg-red-900-hover:hover {
		background-color: @red-900 !important;
	}
	.border-red-900,
	.border-red-900-active:active,
	.border-red-900-hover:hover {
		border-color: @red-900 !important;
	}

	/* RED-800 */

	@red-800: #ffc7c4;
	.text-red-800,
	.text-red-800-active:active,
	.text-red-800-hover:hover {
		color: @red-800 !important;
	}
	.bg-red-800,
	.bg-red-800-active:active,
	.bg-red-800-hover:hover {
		background-color: @red-800 !important;
	}
	.border-red-800,
	.border-red-800-active:active,
	.border-red-800-hover:hover {
		border-color: @red-800 !important;
	}

	/* RED-700 */

	@red-700: #fda4a0;
	.text-red-700,
	.text-red-700-active:active,
	.text-red-700-hover:hover {
		color: @red-700 !important;
	}
	.bg-red-700,
	.bg-red-700-active:active,
	.bg-red-700-hover:hover {
		background-color: @red-700 !important;
	}
	.border-red-700,
	.border-red-700-active:active,
	.border-red-700-hover:hover {
		border-color: @red-700 !important;
	}

	/* RED-600 */

	@red-600: #f78483;
	.text-red-600,
	.text-red-600-active:active,
	.text-red-600-hover:hover {
		color: @red-600 !important;
	}
	.bg-red-600,
	.bg-red-600-active:active,
	.bg-red-600-hover:hover {
		background-color: @red-600 !important;
	}
	.border-red-600,
	.border-red-600-active:active,
	.border-red-600-hover:hover {
		border-color: @red-600 !important;
	}

	/* RED-500 */

	@red-500: #eb555c;
	.text-red-500,
	.text-red-500-active:active,
	.text-red-500-hover:hover {
		color: @red-500 !important;
	}
	.bg-red-500,
	.bg-red-500-active:active,
	.bg-red-500-hover:hover {
		background-color: @red-500 !important;
	}
	.border-red-500,
	.border-red-500-active:active,
	.border-red-500-hover:hover {
		border-color: @red-500 !important;
	}

	/* RED-400 */

	@red-400: #da1c3d;
	.text-red-400,
	.text-red-400-active:active,
	.text-red-400-hover:hover {
		color: @red-400 !important;
	}
	.bg-red-400,
	.bg-red-400-active:active,
	.bg-red-400-hover:hover {
		background-color: @red-400 !important;
	}
	.border-red-400,
	.border-red-400-active:active,
	.border-red-400-hover:hover {
		border-color: @red-400 !important;
	}

	/* RED-300 */

	@red-300: #ad1f32;
	.text-red-300,
	.text-red-300-active:active,
	.text-red-300-hover:hover {
		color: @red-300 !important;
	}
	.bg-red-300,
	.bg-red-300-active:active,
	.bg-red-300-hover:hover {
		background-color: @red-300 !important;
	}
	.border-red-300,
	.border-red-300-active:active,
	.border-red-300-hover:hover {
		border-color: @red-300 !important;
	}

	/* RED-200 */

	@red-200: #821e27;
	.text-red-200,
	.text-red-200-active:active,
	.text-red-200-hover:hover {
		color: @red-200 !important;
	}
	.bg-red-200,
	.bg-red-200-active:active,
	.bg-red-200-hover:hover {
		background-color: @red-200 !important;
	}
	.border-red-200,
	.border-red-200-active:active,
	.border-red-200-hover:hover {
		border-color: @red-200 !important;
	}

	/* RED-100 */

	@red-100: #4d181a;
	.text-red-100,
	.text-red-100-active:active,
	.text-red-100-hover:hover {
		color: @red-100 !important;
	}
	.bg-red-100,
	.bg-red-100-active:active,
	.bg-red-100-hover:hover {
		background-color: @red-100 !important;
	}
	.border-red-100,
	.border-red-100-active:active,
	.border-red-100-hover:hover {
		border-color: @red-100 !important;
	}

	/* PURE-BLACK */

	@pure-black: #FFFFFF;
	.text-pure-black,
	.text-pure-black-active:active,
	.text-pure-black-hover:hover {
		color: @pure-black !important;
	}
	.bg-pure-black,
	.bg-pure-black-active:active,
	.bg-pure-black-hover:hover {
		background-color: @pure-black !important;
	}
	.border-pure-black,
	.border-pure-black-active:active,
	.border-pure-black-hover:hover {
		border-color: @pure-black !important;
	}

	/* OFF-BLACK */

	@off-black: #FFFFFF;
	.text-off-black,
	.text-off-black-active:active,
	.text-off-black-hover:hover {
		color: @off-black !important;
	}
	.bg-off-black,
	.bg-off-black-active:active,
	.bg-off-black-hover:hover {
		background-color: @off-black !important;
	}
	.border-off-black,
	.border-off-black-active:active,
	.border-off-black-hover:hover {
		border-color: @off-black !important;
	}

	/* PURE-WHITE */

	@pure-white: #151515;
	.text-pure-white,
	.text-pure-white-active:active,
	.text-pure-white-hover:hover {
		color: @pure-white !important;
	}
	.bg-pure-white,
	.bg-pure-white-active:active,
	.bg-pure-white-hover:hover {
		background-color: @pure-white !important;
	}
	.border-pure-white,
	.border-pure-white-active:active,
	.border-pure-white-hover:hover {
		border-color: @pure-white !important;
	}

	/* TRANSPARENT */

	@transparent: transparent;
	.text-transparent,
	.text-transparent-active:active,
	.text-transparent-hover:hover {
		color: @transparent !important;
	}
	.bg-transparent,
	.bg-transparent-active:active,
	.bg-transparent-hover:hover {
		background-color: @transparent !important;
	}
	.border-transparent,
	.border-transparent-active:active,
	.border-transparent-hover:hover {
		border-color: @transparent !important;
	}

	/* ALIASES */

	/* ACTION-INPUT-CONTROL-OFF-DEFAULT */

	@action-input-control-off-default: @gray-600;
	.action-input-control-off-default {
		background-color: @action-input-control-off-default !important;
	}

	/* ACTION-INPUT-CONTROL-OFF-HOVER */

	@action-input-control-off-hover: @gray-700;
	.action-input-control-off-hover:hover {
		background-color: @action-input-control-off-hover !important;
	}

	/* ACTION-INPUT-CONTROL-ON-DEFAULT */

	@action-input-control-on-default: @blue-900;
	.action-input-control-on-default {
		background-color: @action-input-control-on-default !important;
	}

	/* ACTION-INPUT-CONTROL-ON-HOVER */

	@action-input-control-on-hover: @blue-800;
	.action-input-control-on-hover:hover {
		background-color: @action-input-control-on-hover !important;
	}

	/* ACTION-PRIMARY-BRAND-DEFAULT */

	@action-primary-brand-default: @blue-700;
	.action-primary-brand-default {
		background-color: @action-primary-brand-default !important;
	}

	/* ACTION-PRIMARY-BRAND-HOVER */

	@action-primary-brand-hover: @blue-800;
	.action-primary-brand-hover:hover {
		background-color: @action-primary-brand-hover !important;
	}

	/* ACTION-PRIMARY-BRAND-ACTIVE */

	@action-primary-brand-active: @blue-900;
	.action-primary-brand-active:active {
		background-color: @action-primary-brand-active !important;
	}

	/* ACTION-PRIMARY-BRAND-SELECTED */

	@action-primary-brand-selected: @blue-900;
	.action-primary-brand-selected,
	.action-primary-brand-selected-active:active,
	.action-primary-brand-selected-hover:hover {
		background-color: @action-primary-brand-selected !important;
	}

	/* ACTION-PRIMARY-BRAND-FOCUS */

	@action-primary-brand-focus: @blue-900;

	/* ACTION-PRIMARY-DANGER-DEFAULT */

	@action-primary-danger-default: @red-700;
	.action-primary-danger-default {
		background-color: @action-primary-danger-default !important;
	}

	/* ACTION-PRIMARY-DANGER-HOVER */

	@action-primary-danger-hover: @red-800;
	.action-primary-danger-hover:hover {
		background-color: @action-primary-danger-hover !important;
	}

	/* ACTION-PRIMARY-DANGER-ACTIVE */

	@action-primary-danger-active: @red-900;
	.action-primary-danger-active:active {
		background-color: @action-primary-danger-active !important;
	}

	/* ACTION-PRIMARY-DANGER-SELECTED */

	@action-primary-danger-selected: @red-900;
	.action-primary-danger-selected,
	.action-primary-danger-selected-active:active,
	.action-primary-danger-selected-hover:hover {
		background-color: @action-primary-danger-selected !important;
	}

	/* ACTION-PRIMARY-DANGER-FOCUS */

	@action-primary-danger-focus: @red-900;

	/* ACTION-PRIMARY-INFORMATIONAL-DEFAULT */

	@action-primary-informational-default: @blue-700;
	.action-primary-informational-default {
		background-color: @action-primary-informational-default !important;
	}

	/* ACTION-PRIMARY-INFORMATIONAL-HOVER */

	@action-primary-informational-hover: @blue-800;
	.action-primary-informational-hover:hover {
		background-color: @action-primary-informational-hover !important;
	}

	/* ACTION-PRIMARY-INFORMATIONAL-ACTIVE */

	@action-primary-informational-active: @blue-900;
	.action-primary-informational-active:active {
		background-color: @action-primary-informational-active !important;
	}

	/* ACTION-PRIMARY-INFORMATIONAL-SELECTED */

	@action-primary-informational-selected: @blue-900;
	.action-primary-informational-selected,
	.action-primary-informational-selected-active:active,
	.action-primary-informational-selected-hover:hover {
		background-color: @action-primary-informational-selected !important;
	}

	/* ACTION-PRIMARY-INFORMATIONAL-FOCUS */

	@action-primary-informational-focus: @blue-900;

	/* ACTION-PRIMARY-SUCCESS-DEFAULT */

	@action-primary-success-default: @green-700;
	.action-primary-success-default {
		background-color: @action-primary-success-default !important;
	}

	/* ACTION-PRIMARY-SUCCESS-HOVER */

	@action-primary-success-hover: @green-800;
	.action-primary-success-hover:hover {
		background-color: @action-primary-success-hover !important;
	}

	/* ACTION-PRIMARY-SUCCESS-ACTIVE */

	@action-primary-success-active: @green-900;
	.action-primary-success-active:active {
		background-color: @action-primary-success-active !important;
	}

	/* ACTION-PRIMARY-SUCCESS-SELECTED */

	@action-primary-success-selected: @green-900;
	.action-primary-success-selected,
	.action-primary-success-selected-active:active,
	.action-primary-success-selected-hover:hover {
		background-color: @action-primary-success-selected !important;
	}

	/* ACTION-PRIMARY-SUCCESS-FOCUS */

	@action-primary-success-focus: @green-900;

	/* ACTION-PRIMARY-WARNING-DEFAULT */

	@action-primary-warning-default: @orange-700;
	.action-primary-warning-default {
		background-color: @action-primary-warning-default !important;
	}

	/* ACTION-PRIMARY-WARNING-HOVER */

	@action-primary-warning-hover: @orange-800;
	.action-primary-warning-hover:hover {
		background-color: @action-primary-warning-hover !important;
	}

	/* ACTION-PRIMARY-WARNING-ACTIVE */

	@action-primary-warning-active: @orange-900;
	.action-primary-warning-active:active {
		background-color: @action-primary-warning-active !important;
	}

	/* ACTION-PRIMARY-WARNING-SELECTED */

	@action-primary-warning-selected: @orange-900;
	.action-primary-warning-selected,
	.action-primary-warning-selected-active:active,
	.action-primary-warning-selected-hover:hover {
		background-color: @action-primary-warning-selected !important;
	}

	/* ACTION-PRIMARY-WARNING-FOCUS */

	@action-primary-warning-focus: @orange-900;

	/* ACTION-SECONDARY-BRAND-DEFAULT */

	@action-secondary-brand-default: @pure-white;
	.action-secondary-brand-default {
		background-color: @action-secondary-brand-default !important;
	}

	/* ACTION-SECONDARY-BRAND-HOVER */

	@action-secondary-brand-hover: @blue-200;
	.action-secondary-brand-hover:hover {
		background-color: @action-secondary-brand-hover !important;
	}

	/* ACTION-SECONDARY-BRAND-ACTIVE */

	@action-secondary-brand-active: @blue-300;
	.action-secondary-brand-active:active {
		background-color: @action-secondary-brand-active !important;
	}

	/* ACTION-SECONDARY-BRAND-SELECTED */

	@action-secondary-brand-selected: @blue-300;
	.action-secondary-brand-selected,
	.action-secondary-brand-selected-active:active,
	.action-secondary-brand-selected-hover:hover {
		background-color: @action-secondary-brand-selected !important;
	}

	/* ACTION-SECONDARY-DANGER-DEFAULT */

	@action-secondary-danger-default: @red-100;
	.action-secondary-danger-default {
		background-color: @action-secondary-danger-default !important;
	}

	/* ACTION-SECONDARY-DANGER-HOVER */

	@action-secondary-danger-hover: @red-200;
	.action-secondary-danger-hover:hover {
		background-color: @action-secondary-danger-hover !important;
	}

	/* ACTION-SECONDARY-DANGER-ACTIVE */

	@action-secondary-danger-active: @red-300;
	.action-secondary-danger-active:active {
		background-color: @action-secondary-danger-active !important;
	}

	/* ACTION-SECONDARY-DANGER-SELECTED */

	@action-secondary-danger-selected: @red-300;
	.action-secondary-danger-selected,
	.action-secondary-danger-selected-active:active,
	.action-secondary-danger-selected-hover:hover {
		background-color: @action-secondary-danger-selected !important;
	}

	/* ACTION-SECONDARY-GENERIC-DEFAULT */

	@action-secondary-generic-default: @pure-white;
	.action-secondary-generic-default {
		background-color: @action-secondary-generic-default !important;
	}

	/* ACTION-SECONDARY-GENERIC-HOVER */

	@action-secondary-generic-hover: @gray-200;
	.action-secondary-generic-hover:hover {
		background-color: @action-secondary-generic-hover !important;
	}

	/* ACTION-SECONDARY-GENERIC-ACTIVE */

	@action-secondary-generic-active: @gray-300;
	.action-secondary-generic-active:active {
		background-color: @action-secondary-generic-active !important;
	}

	/* ACTION-SECONDARY-GENERIC-SELECTED */

	@action-secondary-generic-selected: @gray-300;
	.action-secondary-generic-selected,
	.action-secondary-generic-selected-active:active,
	.action-secondary-generic-selected-hover:hover {
		background-color: @action-secondary-generic-selected !important;
	}

	/* ACTION-SECONDARY-INFORMATIONAL-DEFAULT */

	@action-secondary-informational-default: @blue-100;
	.action-secondary-informational-default {
		background-color: @action-secondary-informational-default !important;
	}

	/* ACTION-SECONDARY-INFORMATIONAL-HOVER */

	@action-secondary-informational-hover: @blue-200;
	.action-secondary-informational-hover:hover {
		background-color: @action-secondary-informational-hover !important;
	}

	/* ACTION-SECONDARY-INFORMATIONAL-ACTIVE */

	@action-secondary-informational-active: @blue-300;
	.action-secondary-informational-active:active {
		background-color: @action-secondary-informational-active !important;
	}

	/* ACTION-SECONDARY-INFORMATIONAL-SELECTED */

	@action-secondary-informational-selected: @blue-300;
	.action-secondary-informational-selected,
	.action-secondary-informational-selected-active:active,
	.action-secondary-informational-selected-hover:hover {
		background-color: @action-secondary-informational-selected !important;
	}

	/* ACTION-SECONDARY-SUCCESS-DEFAULT */

	@action-secondary-success-default: @green-100;
	.action-secondary-success-default {
		background-color: @action-secondary-success-default !important;
	}

	/* ACTION-SECONDARY-SUCCESS-HOVER */

	@action-secondary-success-hover: @green-200;
	.action-secondary-success-hover:hover {
		background-color: @action-secondary-success-hover !important;
	}

	/* ACTION-SECONDARY-SUCCESS-ACTIVE */

	@action-secondary-success-active: @green-300;
	.action-secondary-success-active:active {
		background-color: @action-secondary-success-active !important;
	}

	/* ACTION-SECONDARY-SUCCESS-SELECTED */

	@action-secondary-success-selected: @green-300;
	.action-secondary-success-selected,
	.action-secondary-success-selected-active:active,
	.action-secondary-success-selected-hover:hover {
		background-color: @action-secondary-success-selected !important;
	}

	/* ACTION-SECONDARY-WARNING-DEFAULT */

	@action-secondary-warning-default: @orange-100;
	.action-secondary-warning-default {
		background-color: @action-secondary-warning-default !important;
	}

	/* ACTION-SECONDARY-WARNING-HOVER */

	@action-secondary-warning-hover: @orange-200;
	.action-secondary-warning-hover:hover {
		background-color: @action-secondary-warning-hover !important;
	}

	/* ACTION-SECONDARY-WARNING-ACTIVE */

	@action-secondary-warning-active: @orange-300;
	.action-secondary-warning-active:active {
		background-color: @action-secondary-warning-active !important;
	}

	/* ACTION-SECONDARY-WARNING-SELECTED */

	@action-secondary-warning-selected: @orange-300;
	.action-secondary-warning-selected,
	.action-secondary-warning-selected-active:active,
	.action-secondary-warning-selected-hover:hover {
		background-color: @action-secondary-warning-selected !important;
	}

	/* ACTION-TERTIARY-BRAND-DEFAULT */

	@action-tertiary-brand-default: @pure-white;
	.action-tertiary-brand-default {
		background-color: @action-tertiary-brand-default !important;
	}

	/* ACTION-TERTIARY-BRAND-HOVER */

	@action-tertiary-brand-hover: @blue-200;
	.action-tertiary-brand-hover:hover {
		background-color: @action-tertiary-brand-hover !important;
	}

	/* ACTION-TERTIARY-BRAND-ACTIVE */

	@action-tertiary-brand-active: @blue-300;
	.action-tertiary-brand-active:active {
		background-color: @action-tertiary-brand-active !important;
	}

	/* ACTION-TERTIARY-BRAND-SELECTED */

	@action-tertiary-brand-selected: @blue-300;
	.action-tertiary-brand-selected,
	.action-tertiary-brand-selected-active:active,
	.action-tertiary-brand-selected-hover:hover {
		background-color: @action-tertiary-brand-selected !important;
	}

	/* ACTION-TERTIARY-GENERIC-DEFAULT */

	@action-tertiary-generic-default: @pure-white;
	.action-tertiary-generic-default {
		background-color: @action-tertiary-generic-default !important;
	}

	/* ACTION-TERTIARY-GENERIC-HOVER */

	@action-tertiary-generic-hover: @gray-200;
	.action-tertiary-generic-hover:hover {
		background-color: @action-tertiary-generic-hover !important;
	}

	/* ACTION-TERTIARY-GENERIC-ACTIVE */

	@action-tertiary-generic-active: @gray-300;
	.action-tertiary-generic-active:active {
		background-color: @action-tertiary-generic-active !important;
	}

	/* ACTION-TERTIARY-GENERIC-SELECTED */

	@action-tertiary-generic-selected: @gray-300;
	.action-tertiary-generic-selected,
	.action-tertiary-generic-selected-active:active,
	.action-tertiary-generic-selected-hover:hover {
		background-color: @action-tertiary-generic-selected !important;
	}

	/* BACKGROUND-GENERIC-PRIMARY */

	@background-generic-primary: @pure-white;
	.background-generic-primary,
	.background-generic-primary-active:active,
	.background-generic-primary-hover:hover {
		background-color: @background-generic-primary !important;
	}

	/* BACKGROUND-GENERIC-SECONDARY */

	@background-generic-secondary: @gray-100;
	.background-generic-secondary,
	.background-generic-secondary-active:active,
	.background-generic-secondary-hover:hover {
		background-color: @background-generic-secondary !important;
	}

	/* BACKGROUND-GENERIC-TERTIARY */

	@background-generic-tertiary: @gray-200;
	.background-generic-tertiary,
	.background-generic-tertiary-active:active,
	.background-generic-tertiary-hover:hover {
		background-color: @background-generic-tertiary !important;
	}

	/* BACKGROUND-GENERIC-QUATERNARY */

	@background-generic-quaternary: @gray-300;
	.background-generic-quaternary,
	.background-generic-quaternary-active:active,
	.background-generic-quaternary-hover:hover {
		background-color: @background-generic-quaternary !important;
	}

	/* BACKGROUND-GENERIC-QUINARY */

	@background-generic-quinary: @gray-400;
	.background-generic-quinary,
	.background-generic-quinary-active:active,
	.background-generic-quinary-hover:hover {
		background-color: @background-generic-quinary !important;
	}

	/* BACKGROUND-GENERIC-TRANSPARENT */

	@background-generic-transparent: @transparent;
	.background-generic-transparent,
	.background-generic-transparent-active:active,
	.background-generic-transparent-hover:hover {
		background-color: @background-generic-transparent !important;
	}

	/* BACKGROUND-GENERIC-OVERLAY */

	@background-generic-overlay: @pure-black;
	.background-generic-overlay,
	.background-generic-overlay-active:active,
	.background-generic-overlay-hover:hover {
		background-color: @background-generic-overlay !important;
	}

	/* BACKGROUND-INPUT-DEFAULT */

	@background-input-default: @gray-100;
	.background-input-default {
		background-color: @background-input-default !important;
	}

	/* BACKGROUND-INPUT-HOVER */

	@background-input-hover: @gray-200;
	.background-input-hover:hover {
		background-color: @background-input-hover !important;
	}

	/* BACKGROUND-INPUT-ACTIVE */

	@background-input-active: @gray-100;
	.background-input-active:active {
		background-color: @background-input-active !important;
	}

	/* BORDER-BRAND-DEFAULT */

	@border-brand-default: @blue-700;
	.border-brand-default {
		border-color: @border-brand-default !important;
	}

	/* BORDER-BRAND-HOVER */

	@border-brand-hover: @blue-800;
	.border-brand-hover:hover {
		border-color: @border-brand-hover !important;
	}

	/* BORDER-BRAND-ACTIVE */

	@border-brand-active: @blue-900;
	.border-brand-active:active {
		border-color: @border-brand-active !important;
	}

	/* BORDER-BRAND-SELECTED */

	@border-brand-selected: @blue-900;
	.border-brand-selected,
	.border-brand-selected-active:active,
	.border-brand-selected-hover:hover {
		border-color: @border-brand-selected !important;
	}

	/* BORDER-DANGER-DEFAULT */

	@border-danger-default: @red-700;
	.border-danger-default {
		border-color: @border-danger-default !important;
	}

	/* BORDER-DANGER-HOVER */

	@border-danger-hover: @red-800;
	.border-danger-hover:hover {
		border-color: @border-danger-hover !important;
	}

	/* BORDER-DANGER-ACTIVE */

	@border-danger-active: @red-900;
	.border-danger-active:active {
		border-color: @border-danger-active !important;
	}

	/* BORDER-DANGER-SELECTED */

	@border-danger-selected: @red-900;
	.border-danger-selected,
	.border-danger-selected-active:active,
	.border-danger-selected-hover:hover {
		border-color: @border-danger-selected !important;
	}

	/* BORDER-GENERIC-DEFAULT */

	@border-generic-default: @gray-500;
	.border-generic-default {
		border-color: @border-generic-default !important;
	}

	/* BORDER-GENERIC-HOVER */

	@border-generic-hover: @gray-700;
	.border-generic-hover:hover {
		border-color: @border-generic-hover !important;
	}

	/* BORDER-GENERIC-ACTIVE */

	@border-generic-active: @gray-900;
	.border-generic-active:active {
		border-color: @border-generic-active !important;
	}

	/* BORDER-GENERIC-INVERSE */

	@border-generic-inverse: @pure-white;
	.border-generic-inverse,
	.border-generic-inverse-active:active,
	.border-generic-inverse-hover:hover {
		border-color: @border-generic-inverse !important;
	}

	/* BORDER-GENERIC-SELECTED */

	@border-generic-selected: @gray-900;
	.border-generic-selected,
	.border-generic-selected-active:active,
	.border-generic-selected-hover:hover {
		border-color: @border-generic-selected !important;
	}

	/* BORDER-GENERIC-TRANSPARENT */

	@border-generic-transparent: @transparent;
	.border-generic-transparent,
	.border-generic-transparent-active:active,
	.border-generic-transparent-hover:hover {
		border-color: @border-generic-transparent !important;
	}

	/* BORDER-INFORMATIONAL-DEFAULT */

	@border-informational-default: @blue-700;
	.border-informational-default {
		border-color: @border-informational-default !important;
	}

	/* BORDER-INFORMATIONAL-HOVER */

	@border-informational-hover: @blue-800;
	.border-informational-hover:hover {
		border-color: @border-informational-hover !important;
	}

	/* BORDER-INFORMATIONAL-ACTIVE */

	@border-informational-active: @blue-900;
	.border-informational-active:active {
		border-color: @border-informational-active !important;
	}

	/* BORDER-INFORMATIONAL-SELECTED */

	@border-informational-selected: @blue-900;
	.border-informational-selected,
	.border-informational-selected-active:active,
	.border-informational-selected-hover:hover {
		border-color: @border-informational-selected !important;
	}

	/* BORDER-SUCCESS-DEFAULT */

	@border-success-default: @green-700;
	.border-success-default {
		border-color: @border-success-default !important;
	}

	/* BORDER-SUCCESS-HOVER */

	@border-success-hover: @green-800;
	.border-success-hover:hover {
		border-color: @border-success-hover !important;
	}

	/* BORDER-SUCCESS-ACTIVE */

	@border-success-active: @green-900;
	.border-success-active:active {
		border-color: @border-success-active !important;
	}

	/* BORDER-SUCCESS-SELECTED */

	@border-success-selected: @green-900;
	.border-success-selected,
	.border-success-selected-active:active,
	.border-success-selected-hover:hover {
		border-color: @border-success-selected !important;
	}

	/* BORDER-WARNING-DEFAULT */

	@border-warning-default: @orange-700;
	.border-warning-default {
		border-color: @border-warning-default !important;
	}

	/* BORDER-WARNING-HOVER */

	@border-warning-hover: @orange-800;
	.border-warning-hover:hover {
		border-color: @border-warning-hover !important;
	}

	/* BORDER-WARNING-ACTIVE */

	@border-warning-active: @orange-900;
	.border-warning-active:active {
		border-color: @border-warning-active !important;
	}

	/* BORDER-WARNING-SELECTED */

	@border-warning-selected: @orange-900;
	.border-warning-selected,
	.border-warning-selected-active:active,
	.border-warning-selected-hover:hover {
		border-color: @border-warning-selected !important;
	}

	/* DIVIDER-GENERIC-PRIMARY */

	@divider-generic-primary: @gray-200;
	.divider-generic-primary,
	.divider-generic-primary-active:active,
	.divider-generic-primary-hover:hover {
		border-color: @divider-generic-primary !important;
	}

	/* DIVIDER-GENERIC-SECONDARY */

	@divider-generic-secondary: @gray-300;
	.divider-generic-secondary,
	.divider-generic-secondary-active:active,
	.divider-generic-secondary-hover:hover {
		border-color: @divider-generic-secondary !important;
	}

	/* DIVIDER-GENERIC-TERTIARY */

	@divider-generic-tertiary: @gray-400;
	.divider-generic-tertiary,
	.divider-generic-tertiary-active:active,
	.divider-generic-tertiary-hover:hover {
		border-color: @divider-generic-tertiary !important;
	}

	/* TEXT-BRAND-DEFAULT */

	@text-brand-default: @blue-700;
	.text-brand-default {
		color: @text-brand-default !important;
	}

	/* TEXT-BRAND-HOVER */

	@text-brand-hover: @blue-800;
	.text-brand-hover:hover {
		color: @text-brand-hover !important;
	}

	/* TEXT-BRAND-ACTIVE */

	@text-brand-active: @blue-900;
	.text-brand-active:active {
		color: @text-brand-active !important;
	}

	/* TEXT-BRAND-SELECTED */

	@text-brand-selected: @blue-900;
	.text-brand-selected,
	.text-brand-selected-active:active,
	.text-brand-selected-hover:hover {
		color: @text-brand-selected !important;
	}

	/* TEXT-DANGER-DEFAULT */

	@text-danger-default: @red-700;
	.text-danger-default {
		color: @text-danger-default !important;
	}

	/* TEXT-DANGER-HOVER */

	@text-danger-hover: @red-800;
	.text-danger-hover:hover {
		color: @text-danger-hover !important;
	}

	/* TEXT-DANGER-ACTIVE */

	@text-danger-active: @red-900;
	.text-danger-active:active {
		color: @text-danger-active !important;
	}

	/* TEXT-DANGER-SELECTED */

	@text-danger-selected: @red-900;
	.text-danger-selected,
	.text-danger-selected-active:active,
	.text-danger-selected-hover:hover {
		color: @text-danger-selected !important;
	}

	/* TEXT-GENERIC-PRIMARY */

	@text-generic-primary: @gray-1000;
	.text-generic-primary,
	.text-generic-primary-active:active,
	.text-generic-primary-hover:hover {
		color: @text-generic-primary !important;
	}

	/* TEXT-GENERIC-SECONDARY */

	@text-generic-secondary: @gray-900;
	.text-generic-secondary,
	.text-generic-secondary-active:active,
	.text-generic-secondary-hover:hover {
		color: @text-generic-secondary !important;
	}

	/* TEXT-GENERIC-TERTIARY */

	@text-generic-tertiary: @gray-800;
	.text-generic-tertiary,
	.text-generic-tertiary-active:active,
	.text-generic-tertiary-hover:hover {
		color: @text-generic-tertiary !important;
	}

	/* TEXT-GENERIC-QUATERNARY */

	@text-generic-quaternary: @gray-700;
	.text-generic-quaternary,
	.text-generic-quaternary-active:active,
	.text-generic-quaternary-hover:hover {
		color: @text-generic-quaternary !important;
	}

	/* TEXT-GENERIC-QUINARY */

	@text-generic-quinary: @gray-600;
	.text-generic-quinary,
	.text-generic-quinary-active:active,
	.text-generic-quinary-hover:hover {
		color: @text-generic-quinary !important;
	}

	/* TEXT-GENERIC-INVERSE */

	@text-generic-inverse: @pure-white;
	.text-generic-inverse,
	.text-generic-inverse-active:active,
	.text-generic-inverse-hover:hover {
		color: @text-generic-inverse !important;
	}

	/* TEXT-INFORMATIONAL-DEFAULT */

	@text-informational-default: @blue-700;
	.text-informational-default {
		color: @text-informational-default !important;
	}

	/* TEXT-INFORMATIONAL-HOVER */

	@text-informational-hover: @blue-800;
	.text-informational-hover:hover {
		color: @text-informational-hover !important;
	}

	/* TEXT-INFORMATIONAL-ACTIVE */

	@text-informational-active: @blue-900;
	.text-informational-active:active {
		color: @text-informational-active !important;
	}

	/* TEXT-INFORMATIONAL-SELECTED */

	@text-informational-selected: @blue-900;
	.text-informational-selected,
	.text-informational-selected-active:active,
	.text-informational-selected-hover:hover {
		color: @text-informational-selected !important;
	}

	/* TEXT-INPUT-BODY */

	@text-input-body: @gray-1000;
	.text-input-body,
	.text-input-body-active:active,
	.text-input-body-hover:hover {
		color: @text-input-body !important;
	}

	/* TEXT-INPUT-LABEL */

	@text-input-label: @gray-900;
	.text-input-label,
	.text-input-label-active:active,
	.text-input-label-hover:hover {
		color: @text-input-label !important;
	}

	/* TEXT-INPUT-HELPER */

	@text-input-helper: @gray-800;
	.text-input-helper,
	.text-input-helper-active:active,
	.text-input-helper-hover:hover {
		color: @text-input-helper !important;
	}

	/* TEXT-SUCCESS-DEFAULT */

	@text-success-default: @green-700;
	.text-success-default {
		color: @text-success-default !important;
	}

	/* TEXT-SUCCESS-HOVER */

	@text-success-hover: @green-800;
	.text-success-hover:hover {
		color: @text-success-hover !important;
	}

	/* TEXT-SUCCESS-ACTIVE */

	@text-success-active: @green-900;
	.text-success-active:active {
		color: @text-success-active !important;
	}

	/* TEXT-SUCCESS-SELECTED */

	@text-success-selected: @green-900;
	.text-success-selected,
	.text-success-selected-active:active,
	.text-success-selected-hover:hover {
		color: @text-success-selected !important;
	}

	/* TEXT-WARNING-DEFAULT */

	@text-warning-default: @orange-700;
	.text-warning-default {
		color: @text-warning-default !important;
	}

	/* TEXT-WARNING-HOVER */

	@text-warning-hover: @orange-800;
	.text-warning-hover:hover {
		color: @text-warning-hover !important;
	}

	/* TEXT-WARNING-ACTIVE */

	@text-warning-active: @orange-900;
	.text-warning-active:active {
		color: @text-warning-active !important;
	}

	/* TEXT-WARNING-SELECTED */

	@text-warning-selected: @orange-900;
	.text-warning-selected,
	.text-warning-selected-active:active,
	.text-warning-selected-hover:hover {
		color: @text-warning-selected !important;
	}

	/* COLOR UTILS */

	@disabled-opacity: 0.4;

	.disabled, .disabled-item {
		opacity: @disabled-opacity !important;
	}

	@focus-box-shadow: 0 0 0 2px @pure-white, 0 0 0 4px @action-primary-brand-focus;

	@error-box-shadow: 0 0 0 2px @pure-white, 0 0 0 4px @action-primary-danger-focus;

}