@charset "utf-8";
/*       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;
}

.pt128 {
  padding-top: 128px !important;
}

.pt92 {
  padding-top: 92px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb128 {
  padding-bottom: 128px !important;
}

.pb92 {
  padding-bottom: 92px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

/* Grid of unequally tall elements */
.grid > [class*="col-md"] {
  display: inline-block;
  float: none;
  vertical-align: top;
  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;
}

/* Extra Styles */
img.shadow {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

h1.text-muted, h2.text-muted, h3.text-muted {
  margin-top: 10px;
}

/* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
.navbar.navbar-default.navbar-static-top {
  margin-bottom: 0;
}

/* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
html, body, #wrapwrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

#wrapwrap {
  display: table;
  width: 100%;
}

header, #wrap, footer {
  display: table-row;
}

footer {
  height: 100%;
  background: #eff8f8;
  background: rgba(100, 200, 200, 0.1);
}

#footer_container {
  padding-top: 24px;
  padding-bottom: 12px;
}

/* ----- BOOTSTRAP FIX ----- */
.col-md-12 {
  float: left;
  width: 100%;
}

/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
.oe_structure.oe_editable.oe_empty:empty, .oe_editable[data-oe-type=html]:empty, .oe_structure.oe_editable.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child {
  background-image: url("/website/static/src/img/drag_here.png");
}

.oe_structure.oe_empty:empty, [data-oe-type=html]:empty, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child {
  background-image: url("/website/static/src/img/edit_here.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 220px !important;
}

.oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child {
  position: static;
}

.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child:before, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child:before {
  content: "Press The Top-Left Edit Button";
  text-align: center;
  display: block;
  padding-top: 160px;
  padding-bottom: 30px;
  color: grey;
  font-size: 24px;
}

.oe_structure.oe_editable.oe_empty:empty:before, .oe_editable[data-oe-type=html]:empty:before, .oe_structure.oe_editable.oe_empty > .oe_drop_zone.oe_insert:only-child:before, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child:before {
  content: "Drag Building Blocks Here";
}

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

/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
.nav-hierarchy {
  padding-left: 16px;
}

#themes-list .well {
  padding: 0 0 20px 0;
}

/* -- Hack for removing double scrollbar from mobile preview -- */
div#mobile-preview.modal {
  overflow: hidden;
  overflow-y: hidden;
}

ul.nav-stacked > li > a {
  padding: 2px 15px;
}

#customize-menu .dropdown-header {
  text-transform: uppercase;
}

/* ---- PUBLISH ---- */
.css_unpublish, .css_publish {
  display: none;
}

.css_published .css_unpublish, .css_unpublished .css_publish {
  display: block;
}

[data-publish='off'] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* ---- END of PUBLISH ---- */
::-moz-selection {
  background: rgba(150, 150, 220, 0.3);
}

::selection {
  background: rgba(150, 150, 220, 0.3);
}

.logo-img {
  width: 220px;
}

.oe_demo {
  position: relative;
}
.oe_demo img {
  width: 100%;
}
.oe_demo div {
  position: absolute;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.85;
  bottom: 0px;
  width: 100%;
  padding: 7px;
  color: white;
  font-weight: bold;
}
.oe_demo div a {
  color: white;
}

/* ---- SNIPPETS --- */
.carousel-inner .item {
  height: 100%;
  background-size: 100%;
}

.carousel.oe_small .carousel-inner {
  height: 200px;
}
.carousel.oe_medium .carousel-inner {
  height: 300px;
}
.carousel.oe_big .carousel-inner {
  height: 450px;
}
.carousel .carousel-caption h1, .carousel .carousel-caption h2, .carousel .carousel-caption h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.carousel .carousel-image {
  right: 10%;
  left: 50%;
  top: 5%;
  bottom: 5%;
  position: absolute;
  text-align: center;
}
.carousel .carousel-image img {
  height: 100%;
  margin: 0 auto;
}
.carousel .item.text_image .carousel-caption {
  left: auto;
  right: auto;
  bottom: 10%;
  text-align: left;
  padding: 20px;
  background: rgba(0, 0, 0, 0.4);
}
.carousel .item.text_only .carousel-image {
  display: none !important;
}
.carousel .item.text_only .carousel-caption {
  left: 10%;
  right: 10%;
  top: 10%;
  text-align: center;
}
.carousel .item.image_text .carousel-caption {
  left: auto;
  text-align: left;
  right: 10%;
  bottom: 10%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.4);
}
.carousel .item.image_text .carousel-image {
  right: 50%;
  left: 10%;
}
.carousel .carousel-control {
  cursor: pointer;
}
.carousel .carousel-control span {
  top: 50%;
  position: absolute;
  margin-top: -8px;
}
.carousel .carousel-control.left span {
  left: 10px;
}
.carousel .carousel-control.right span {
  right: 10px;
}

/* Parallax Theme */
.parallax_quote {
  background: center center no-repeat fixed;
  background-size: contain;
}
.parallax_quote .carousel-indicators li {
  border: 1px solid grey;
}
.parallax_quote .carousel-indicators .active {
  background-color: grey;
}

.parallax {
  position: relative;
  background-size: 100%;
}
.parallax.oe_small {
  height: 200px;
}
.parallax.oe_medium {
  height: 300px;
}
.parallax.oe_big {
  height: 450px;
}

/* Background */
.oe_dark {
  background: #eff8f8;
  background: rgba(100, 200, 200, 0.14);
  -webkit-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
  -moz-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
  box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset;
}

.oe_black {
  background-color: rgba(0, 0, 0, 0.9);
}

.oe_green {
  background-color: rgba(0, 128, 0, 0.8);
}

.oe_red {
  background-color: rgba(255, 0, 0, 0.8);
}

.oe_img_bg {
  height: 100%;
  background-size: 100%;
}

.texttop {
  vertical-align: top;
}

table.well tr th {
  text-align: right;
  padding-right: 10px;
}
table.well tr td {
  padding-right: 5px;
}

.logo-img {
  width: 220px;
}

.oe_demo {
  position: relative;
}
.oe_demo img {
  width: 100%;
}
.oe_demo div {
  position: absolute;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.85;
  bottom: 0px;
  width: 100%;
  padding: 7px;
  color: white;
  font-weight: bold;
}
.oe_demo div a {
  color: white;
}