/*       THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
 *
 * css for editor buttons, openerp widget included in the website and other
 * stuff must go to the editor.css 
 *
 */
/* ----- GENERIC LAYOUTING HELPERS ---- */
/* Vertical Spacing */
.mt128 {
  margin-top: 128px !important;
}

.mt92 {
  margin-top: 92px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mb128 {
  margin-bottom: 128px !important;
}

.mb92 {
  margin-bottom: 92px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

/* Grid of unequally tall elements */
.grid > [class*="col-md"] {
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-right: -4px;
  box-sizing: border-box;
}
.grid > [class*="col-md"].grid-align-top > [class*="col-md"] {
  vertical-align: top;
}
.grid > [class*="col-md"].grid-align-middle > [class*="col-md"] {
  vertical-align: middle;
}
.grid > [class*="col-md"].grid-align-bottom > [class*="col-md"] {
  vertical-align: bottom;
}

/* Table with two collumns aligned on the center */
.table-equalized {
  width: 100%;
}
.table-equalized td:first-child {
  width: 50%;
  text-align: right;
  padding-right: 1em;
  vertical-align: bottom;
}
.table-equalized td:last-child {
  width: 50%;
  text-align: left;
  vertical-align: bottom;
}

/* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
html, body {
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -300px;
  padding: 0 0 364px;
  box-sizing: border-box;
}

footer {
  box-sizing: border-box;
  height: 380px;
  background: #eff8f8;
  padding-top: 48px;
  padding-bottom: 48px;
}

/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
.navbar .nav > li > p {
  margin-bottom: 0px;
}

.navbar .nav > li a {
  text-shadow: none;
}

.nav > li a {
  display: block;
}

/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
header.navbar-fixed-top {
  position: static;
}

#myCarousel .item {
  min-height: 300px;
  color: white;
}

.dark {
  background: #eff8f8;
}
/* ----- BOOTSTRAP HACK FOR STICKY carousel-control ----- */
.carousel-control {
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  line-height: 30px;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
}
/* ----- BOOTSTRAP HACK FOR STICKY header tags ----- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 900;
}

.container>.navbar-header, .container>.navbar-collapse {
  margin-left: -15px;
}
.navbar-form {
  padding: 0;
  margin-top: 0;
}
.navbar-form .btn {
  margin-top: 3px;
  margin-bottom: -5px;
}
header {
  margin-bottom: 0px;
  min-height: 40px;
}
header .collapse ul {
  margin-top: 5px;
}
.navbar-nav>li>a {
  padding:10px 15px 10px;
}
/* -- Hack for nav header -- */
.nav > li.nav-header {
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #999999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}