/* ------------------------------------------------------------------------------
 *
 *  # Color system
 *
 *  Keep all color classes in a separate file as it's quite heavy and still optional
 *
 *  Version: 1.1
 *  Latest update: Feb 5, 2016
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
 *
 *  # Components
 *
 *  Common less file with imports of plugins and pages
 *
 *  Version: 1.0
 *  Latest update: Feb 5, 2016
 *
 * ---------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------
*
*  # Custom color system
*
*  Custom color system styles, includes background, border and text colors
*
*  Version: 1.1
*  Latest update: Oct 20, 2015
*
* ---------------------------------------------------------------------------- */



.bg-uni {
  background-color: #F81B24;
  border-color: #F81B24;
  color: #fff;
}
.bg-uni-300 {
  background-color: #E57373;
  border-color: #E57373;
  color: #fff;
}
.bg-uni-400 {
  background-color: #EF5350;
  border-color: #EF5350;
  color: #fff;
}
.bg-uni-600 {
  background-color: #E53935;
  border-color: #E53935;
  color: #fff;
}
.bg-uni-700 {
  background-color: #D32F2F;
  border-color: #D32F2F;
  color: #fff;
}
.bg-uni-800 {
  background-color: #C1272D;
  border-color: #C1272D;
  color: #fff;
}

.bg-white {
  background-color: #fff;
  color: #333333;
}

.alpha-uni {
  background-color: #FFEBEE;
  border-color: #E53935;
}

.border-uni {
  border-color: #F81B24;
}
.border-uni-300 {
  border-color: #E57373;
}
.border-uni-400 {
  border-color: #EF5350;
}
.border-uni-600 {
  border-color: #E53935;
}
.border-uni-700 {
  border-color: #D32F2F;
}
.border-uni-800 {
  border-color: #C1272D;
}


.border-white {
  border-color: #fff;
}
.border-default {
  border-color: #ddd;
}
.border-top-uni {
  border-top-color: #F81B24;
}
.border-top-uni-300 {
  border-top-color: #E57373;
}
.border-top-uni-400 {
  border-top-color: #EF5350;
}
.border-top-uni-600 {
  border-top-color: #E53935;
}
.border-top-uni-700 {
  border-top-color: #D32F2F;
}
.border-top-uni-800 {
  border-top-color: #C1272D;
}


.border-top-white {
  border-top-color: #fff;
}

.border-bottom-uni {
  border-bottom-color: #F81B24;
}
.border-bottom-uni-300 {
  border-bottom-color: #E57373;
}
.border-bottom-uni-400 {
  border-bottom-color: #EF5350;
}
.border-bottom-uni-600 {
  border-bottom-color: #E53935;
}
.border-bottom-uni-700 {
  border-bottom-color: #D32F2F;
}
.border-bottom-uni-800 {
  border-bottom-color: #C1272D;
}


.border-bottom-white {
  border-bottom-color: #fff;
}
.border-left-uni {
  border-left-color: #F81B24;
}
.border-left-uni-300 {
  border-left-color: #E57373;
}
.border-left-uni-400 {
  border-left-color: #EF5350;
}
.border-left-uni-600 {
  border-left-color: #E53935;
}
.border-left-uni-700 {
  border-left-color: #D32F2F;
}
.border-left-uni-800 {
  border-left-color: #C1272D;
}

.border-left-white {
  border-left-color: #fff;
}
.border-right-uni {
  border-right-color: #F81B24;
}
.border-right-uni-300 {
  border-right-color: #E57373;
}
.border-right-uni-400 {
  border-right-color: #EF5350;
}
.border-right-uni-600 {
  border-right-color: #E53935;
}
.border-right-uni-700 {
  border-right-color: #D32F2F;
}
.border-right-uni-800 {
  border-right-color: #C1272D;
}


.border-right-white {
  border-right-color: #fff;
}

.text-uni,
.text-uni:hover,
.text-uni:focus {
  color: #F81B24 !important;
}
.text-uni-300,
.text-uni-300:hover,
.text-uni-300:focus {
  color: #E57373 !important;
}
.text-uni-400,
.text-uni-400:hover,
.text-uni-400:focus {
  color: #EF5350 !important;
}
.text-uni-600,
.text-uni-600:hover,
.text-uni-600:focus {
  color: #E53935 !important;
}
.text-uni-700,
.text-uni-700:hover,
.text-uni-700:focus {
  color: #D32F2F !important;
}
.text-uni-800,
.text-uni-800:hover,
.text-uni-800:focus {
  color: #C1272D !important;
}


.text-white,
.text-white:hover,
.text-white:focus {
  color: #fff!important;
}
.text-default,
.text-default:hover,
.text-default:focus {
  color: #333333 !important;
}