/* flat UI 2 colors */

.text-belizehole
{color:#2980b9}
.text-nephritis
{color:#27ae60}

.bg-turquoise
{color:#fff;background-color:#1abc9c}
.bg-emerald
{color:#fff;background-color:#2ecc71}
.bg-peterriver
{color:#fff;background-color:#3498db}
.bg-amethyst
{color:#fff;background-color:#9b59b6}
.bg-wetasphalt
{color:#fff;background-color:#34495e}
.bg-greensea
{color:#fff;background-color:#16a085}
.bg-nephritis
{color:#fff;background-color:#27ae60}
.bg-belizehole
{color:#fff;background-color:#2980b9}
.bg-wisteria
{color:#fff;background-color:#8e44ad}
.bg-midnightblue
{color:#fff;background-color:#2c3e50}
.bg-sunflower
{color:#fff;background-color:#f1c40f}
.bg-carrot
{color:#fff;background-color:#e67e22}
.bg-alizarin
{color:#fff;background-color:#e74c3c}
.bg-clouds
{color:#000;background-color:#ecf0f1}
.bg-concrete
{color:#fff;background-color:#95a5a6}
.bg-orange
{color:#fff;background-color:#f39c12}
.bg-pumpkin
{color:#fff;background-color:#d35400}
.bg-pomegranate
{color:#fff;background-color:#c0392b}
.bg-silver
{color:#000;background-color:#bdc3c7}
.bg-asbestos
{color:#fff;background-color:#7f8c8d}
.bg-header
{color:#000;background-color:#f8f8f8}

.grad-carrot
{color:#fff;background-image: linear-gradient(#e67e22,#d35400);}
.grad-peter
{color:#fff;background-image: linear-gradient(#3498db,#2980b9);}
.grad-emerald
{color:#fff;background-image: linear-gradient(#2ecc71,#27ae60);}
.grad-asphalt
{color:#fff;background-image: linear-gradient(#34495e,#2c3e50);}
.grad-amethyst
{color:#fff;background-image: linear-gradient(#9b59b6,#8e44ad);}
.grad-clouds
{background-image: linear-gradient(#ecf0f1,#bdc3c7);}



.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}

/* Maybe even support hover opacity shifts */
.opacity-0h5 {
  opacity:0!important;
  transition: opacity .25s ease-in-out!important;
  -moz-transition: opacity .25s ease-in-out!important;
  -webkit-transition: opacity .25s ease-in-out!important;
}
.opacity-0h5:hover {
  opacity:1!important;
}

input[type="text"], input[type="email"] {height: 38px; font-size: 1rem;}