@charset "utf-8";

/*	/////////////////////////////////////////////////////////////////////////
	mhs colors
	defined colors with gradations (IF ALLOWED)
	SYNTAX: color-NAME-PERCENT[-bg]
	
	for easy handling you can call colors ".color-NAME" (IF COLOR IS 100%)
	EXAMPLE: .color-blue instead of .color-blue-100
	
	Available colors: blue, red, black, grey, blue-light, green, yellow
	///////////////////////////////////////////////////////////////////////*/

/* ==== BLUE - only available as 100% ==== */
.color-blue, .color-blue-100{
	color			:#003a8d;
	color			:rgb(0,58,141);
}
.color-blue-bg, .color-blue-bg-100{
	background-color:#003a8d;
	background-color:rgb(0,58,141);
	color			:#FFF ;
}


/* ==== RED - only available as 100% ==== */
.color-red, .color-red-100{
	color			:#d22630;
	color			:rgb(210,38,48);
}
.color-red-bg, .color-red-bg-100{
	background-color:#d22630;
	background-color:rgb(210,38,48);
}


/* ==== BLACK ==== */
.color-black, .color-black-100{
	color			:#000;
	color			:rgb(0,0,0);
}
.color-black-bg, .color-black-bg-100{
	background-color:#000;
	background-color:rgb(0,0,0);
}
.color-black-80{
	color			:#333;
	color			:rgba(0,0,0, 0.8);
}
.color-black-bg-80{
	background-color:#333;
	background-color:rgba(0,0,0, 0.8);
}
.color-black-60{
	color			:#666;
	color			:rgba(0,0,0, 0.6);
}
.color-black-bg-60{
	background-color:#666;
	background-color:rgba(0,0,0, 0.6);
}
.color-black-40{
	color			:#999;
	color			:rgba(0,0,0, 0.4);
}
.color-black-bg-40{
	background-color:#999;
	background-color:rgba(0,0,0, 0.4);
}
.color-black-20{
	color			:#CCC;
	color			:rgba(0,0,0, 0.2);
}
.color-black-bg-20{
	background-color:#CCC;
	background-color:rgba(0,0,0, 0.2);
}


/* ==== GREY ==== */
.color-grey, .color-grey-100{
	color			:#B4B4B4;
	color			:rgb(180,180,180);
}
.color-grey-bg, .color-grey-bg-100{
	background-color:#B4B4B4;
	background-color:rgb(180,180,180);
}
.color-grey-80{
	color			:#C3C3C3;
	color			:rgba(0,0,0, 0.8);
}
.color-grey-bg-80{
	background-color:#C3C3C3;
	background-color:rgba(0,0,0, 0.8);
}
.color-grey-60{
	color			:#D2D2D2;
	color			:rgba(0,0,0, 0.6);
}
.color-grey-bg-60{
	background-color:#D2D2D2;
	background-color:rgba(0,0,0, 0.6);
}
.color-grey-40{
	color			:#E1E1E1;
	color			:rgba(0,0,0, 0.4);
}
.color-grey-bg-40{
	background-color:#E1E1E1;
	background-color:rgba(0,0,0, 0.4);
}
.color-grey-20{
	color			:#F0F0F0;
	color			:rgba(0,0,0, 0.2);
}
.color-grey-bg-20{
	background-color:#F0F0F0;
	background-color:rgba(0,0,0, 0.2);
}


/* ==== BLUE LIGHT ==== */
.color-blue-light, .color-blue-light-100{
	color			:#6CACE4;
	color			:rgb(108,172,228);
}
.color-blue-light-bg, .color-blue-light-bg-100{
	background-color:#6CACE4;
	background-color:rgb(108,172,228);
}
.color-blue-light-80{
	color			:#89bde9;
	color			:rgba(108,172,228, 0.8);
}
.color-blue-light-bg-80{
	background-color:#89bde9;
	background-color:rgba(108,172,228, 0.8);
}
.color-blue-light-60{
	color			:#a7cdef;
	color			:rgba(108,172,228, 0.6);
}
.color-blue-light-bg-60{
	background-color:#a7cdef;
	background-color:rgba(108,172,228, 0.6);
}
.color-blue-light-40{
	color			:#c4def4;
	color			:rgba(108,172,228, 0.4);
}
.color-blue-light-bg-40{
	background-color:#c4def4;
	background-color:rgba(108,172,228, 0.4);
}
.color-blue-light-20{
	color:			#e2eefa;
	color			:rgba(108,172,228, 0.2);
}
.color-blue-light-bg-20{
	background-color:#e2eefa;
	background-color:rgba(108,172,228, 0.2);
}


/* ==== GREEN ==== */
.color-green, .color-green-100{
	color			:#a9c47f;
	color			:rgb(169,196,127);
}
.color-green-bg, .color-green-bg-100{
	background-color:#a9c47f;
	background-color:rgb(169,196,127);
}
.color-green-80{
	color			:#bad099;
	color			:rgba(169,196,127, 0.8);
}
.color-green-bg-80{
	background-color:#bad099;
	background-color:rgba(169,196,127, 0.8);
}
.color-green-60{
	color			:#cbdcb2;
	color			:rgba(169,196,127, 0.6);
}
.color-green-bg-60{
	background-color:#cbdcb2;
	background-color:rgba(169,196,127, 0.6);
}
.color-green-40{
	color			:#dde7cc;
	color			:rgba(169,196,127, 0.4);
}
.color-green-bg-40{
	background-color:#dde7cc;
	background-color:rgba(169,196,127, 0.4);
}
.color-green-20{
	color			:#eef3e5;
	color			:rgba(169,196,127, 0.2);
}
.color-green-bg-20{
	background-color:#eef3e5;
	background-color:rgba(169,196,127, 0.2);
}


/* ==== YELLOW ==== */
.color-yellow, .color-yellow-100{
	color			:#fcbf28;
	color			:rgb(255,184,28);
}
.color-yellow-bg, .color-yellow-bg-100{
	background-color:#fcbf28;
	background-color:rgb(255,184,28);
}
.color-yellow-80{
	color			:#ffc649;
	color			:rgba(255,184,28, 0.8);
}
.color-yellow-bg-80{
	background-color:#ffc649;
	background-color:rgba(255,184,28, 0.8);
}
.color-yellow-60{
	color			:#ffd477;
	color			:rgba(255,184,28, 0.6);
}
.color-yellow-bg-60{
	background-color:#ffd477;
	background-color:rgba(255,184,28, 0.6);
}
.color-yellow-40{
	color			:#ffe3a4;
	color			:rgba(255,184,28, 0.4);
}
.color-yellow-bg-40{
	background-color:#ffe3a4;
	background-color:rgba(255,184,28, 0.4);
}
.color-yellow-20{
	color			:#fff1d2;
	color			:rgba(255,184,28, 0.2);
}
.color-yellow-bg-20{
	background-color:#fff1d2;
	background-color:rgba(255,184,28, 0.2);
}

/*	/////////////////////////////////////////////////////////////////////////
	colors - end
	///////////////////////////////////////////////////////////////////////*/