/* 
  Ensure that you load this file in application.css after bootstrap (backword slash to escape)
*/

body {font-size:14px;}

/* Gliphicons Icon Path */

[class^="icon-"], [class*=" icon-"] {background-image: url("../assets/glyphicons-halflings.png");}

.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: url(/assets/glyphicons-halflings-white.png); }

/* This will compact the alert boxes */  
.alert .close {top: -5px;}
.alert p {margin: 0px;}

h1 { font-size: 32px; font-size: 2.00rem}
h2 { font-size: 28px; font-size: 1.80rem}
h3 { font-size: 24px; font-size: 1.60rem}
h4 { font-size: 20px; font-size: 1.50rem}
h5 { font-size: 16px; font-size: 1.40rem}
h6 { font-size: 14px; font-size: 1.30rem}