/*!
 * Customisation Variables CSS
 */
body {
  color: #666666 !important;
  background-color: #e7ecf1 !important; }

.primary-bg-default {
  background-color: #2a567e !important; }

.primary-bg-tint {
  background-color: #597b9b !important; }

.primary-text-default {
  color: #2a567e !important; }

.primary-text-tint {
  color: #89a1b8 !important; }

.primary-border-tint {
  color: #89a1b8 !important; }

.secondary-bg-default {
  background-color: #4fbbed !important; }

.secondary-text-default {
  color: #4fbbed !important; }

.colour-bg-red {
  background-color: #e12327 !important; }

.colour-text-red {
  color: #e12327 !important; }

.red {
  color: #D81111  !important; }

.colour-bg-lightblue {
  background-color: #4fbbed !important; }

.colour-text-lightblue {
  color: #4fbbed !important; }

.colour-bg-green {
  background-color: #84c446 !important; }

.colour-text-green {
  color: #84c446 !important; }

.colour-bg-yellow {
  background-color: #f9b719 !important; }

.colour-text-yellow {
  color: #f9b719 !important; }

.colour-legend-used {
  background-color: #4fbbed !important; }

.colour-legend-bonded {
  background-color: #f9b719 !important; }

.colour-legend-residue {
  background-color: #cccccc !important; }

.blue-text-22 {
  color: #2A567E;
  font-size: 22px; }

.grey-text-18 {
  color: #797979;
  font-size: 18px; }

.blue2 {
  color: #41688C; }

.blue3 {
  color: #2A567E; }

.blue4 {
  color: rgba(42, 86, 126, 0.63); }

.blue-36 {
  color: #41688C;
  font-size: 36px; }

.check-box {
  color: #2A567E;
  font-size: 24px; }

.blue-text-60 {
  color: #37517e;
  font-size: 60px; }

.lightblue-background {
  background: #4fbbed !important; }

.blue-background, .blue {
  background: #2A567E !important; }

.gray-background {
  background-color: #e7ecf1;
  width: 97% !important;
  height: 600px; }

.gray {
  color: #808080; }

.black {
  color: #000000; }

.gray1 {
  color: #333333 !important; }

.gray2 {
  color: #666666 !important; }

.gray3 {
  color: #CCCCCC; }

.grey-text-20 {
  color: #666666 !important;
  font-size: 20px; }

.gray-line {
  border-top: 1px solid #cccccc !important; }

.white {
  color: white !important; }

.no-color {
  background-color: transparent !important; }

.light-blue {
  color: #89A1B8; }

/*** Have to check if are used on protlets JSP ***/
.blue-text-20 {
  color: #2A567E;
  font-size: 20px; }

.blue-text-24 {
  color: #2A567E;
  font-size: 24px !important; }

.blue-text-28 {
  color: #41688C;
  font-size: 28px; }

.blue-text-34 {
  color: #41688C;
  font-size: 34px;
  line-height: 1; }

.blue-text-36 {
  color: #41688C;
  font-size: 36px; }

.blue-text-36 {
  color: #41688C;
  font-size: 36px; }

.blue-text-230 {
  color: #CFD9E2;
  font-size: 170px; }

.blue-text-300 {
  color: #CFD9E2;
  font-size: 300px; }

.green-text {
  color: #84C446; }

.font-size-38-yellow {
  color: #F9B719;
  font-size: 38px; }

.font-size-38-green {
  color: #84C446;
  font-size: 38px; }

.grey-text-24 {
  color: #666666;
  font-size: 24px; }

.light-blue-text-24 {
  color: #89a1b8;
  font-size: 24px; }

.font-size-16 {
  font-size: 16px;
  color: #666666; }

.font-size-36 {
  font-size: 36px; }

/*** Have to check if are used on protlets JSP ***/
.light-blue-background {
  background-color: #89A1B8; }

/* Font-Size */
.text-16 {
  font-size: 16px; }

.text-18 {
  font-size: 18px; }

.text-20 {
  font-size: 18px; }

.text-22 {
  font-size: 22px; }

.text-24 {
  font-size: 24px !important; }

.text-28 {
  font-size: 28px; }

.text-30 {
  font-size: 30px !important; }

.text-36 {
  font-size: 36px; }

.font-40 {
  font-size: 40px !important; }

.text-60 {
  font-size: 60px; }

.font-80, .text-80 {
  font-size: 80px !important; }

/*.linux.gecko .text-20 {
	font-size: 17px;
	}
.linux.gecko .text-18 {
	font-size: 16px;
}*/
.background-gray {
  background-color: #999999 !important; }

.blue-text2-24 {
  color: #37517e !important;
  font-size: 24px !important; }

.text-23 {
  font-size: 23px; }

.blue-icon {
  color: #FFFFFF !important;
  font-size: 20px !important;
  border-radius: 50%;
  padding: 9px 10px 8px 10px;
  float: right; }

.newHomeBlue {
  background-color: #29B0C3; }

.newHomeRed {
  background-color: #EB0017; }

.newHomeDarkBlue {
  background-color: #262836; }

.newHomeText {
  color: #262836;
  font-size: 30px;
  line-height: 1.1;
  vertical-align: middle; }