/*       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;
}

/* 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;
}

header a.navbar-brand.logo {
  padding: 0 15px;
}
header a.navbar-brand img {
  max-height: 50px;
}

/* ----- Snippets Styles ----- */
.readable {
  font-size: 120%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* ----- EDITOR ----- */
.css_non_editable_mode_hidden {
  display: none;
}

/* ----- BOOTSTRAP FIX ----- */
.container .container {
  padding-left: 0;
  padding-right: 0;
}

/* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
.navbar.navbar-static-top {
  margin-bottom: 0;
}
.navbar.navbar-static-top ul.nav > li.divider {
  margin-top: 15px;
  padding-top: 20px;
  border-right: 1px solid grey;
}

/* ----- 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, main, footer {
  display: table-row;
}

footer {
  height: 100%;
  background: #eff8f8;
  background: rgba(200, 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") !important;
}

.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: none;
  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: " ";
  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" !important;
}

.css_editable_display {
  display: none;
}

/* ---- 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_published .btn-danger, .css_published .css_publish {
  display: none;
}

.css_unpublished .btn-success, .css_unpublished .css_unpublish {
  display: none;
}

[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 --- */
.oe_img_bg {
  background-size: 100%;
}

[data-snippet-id], .colmd, .hr, .blockquote {
  overflow: hidden;
}

@media (max-width: 400px) {
  [data-snippet-id]:not([data-snippet-id="carousel"]) {
    height: auto !important;
  }
}
.carousel-inner {
  height: 100%;
}
.carousel-inner .item {
  height: 100%;
  background-size: cover;
}

.carousel .carousel-caption {
  position: absolute;
  right: 50%;
  left: 50%;
  bottom: 20px;
}
.carousel .carousel-caption > div {
  position: absolute;
  text-align: left;
  padding: 20px;
  background: rgba(0, 0, 0, 0.4);
  bottom: 20px;
}
.carousel .carousel-caption h1, .carousel .carousel-caption h2, .carousel .carousel-caption h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.carousel .carousel-image {
  top: 5%;
  bottom: 5%;
  position: absolute;
  max-height: 90%;
  margin: 0 auto;
}
.carousel .item.text_only .carousel-image {
  display: none !important;
}
.carousel .item.text_only .carousel-caption {
  left: 10%;
  right: 10%;
  top: 10%;
  bottom: auto;
}
.carousel .item.text_only .carousel-caption > div {
  text-align: center;
  background: transparent;
  bottom: auto;
  width: 100%;
}
.carousel .item.text_image .carousel-caption {
  left: 10%;
}
.carousel .item.text_image .carousel-caption > div {
  right: 50%;
  margin-right: -20%;
  max-width: 550px;
}
.carousel .item.text_image .carousel-image {
  right: 10%;
  left: 50%;
}
.carousel .item.image_text .carousel-caption {
  right: 10%;
}
.carousel .item.image_text .carousel-caption > div {
  left: 50%;
  margin-left: -20%;
  max-width: 550px;
}
.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;
}

.quotecarousel {
  padding-bottom: 16px;
}

/* Parallax Theme */
div.carousel[data-snippet-id="slider"] .carousel-indicators li {
  border: 1px solid grey;
}
div.carousel[data-snippet-id="slider"] .carousel-indicators .active {
  background-color: grey;
}

.parallax {
  position: relative;
  background-size: cover;
  display: table;
  width: 100%;
  min-height: 100px;
}
.parallax.oe_small {
  min-height: 200px;
}
.parallax.oe_medium {
  min-height: 300px;
}
.parallax.oe_big {
  min-height: 450px;
}
.parallax > div {
  display: table-cell;
  vertical-align: middle;
  padding: 32px 0;
}

/* Background */
.oe_dark {
  background: #eff8f8;
  background: rgba(200, 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);
  color: white;
}

.oe_green {
  background-color: #169c78;
  color: white;
}
.oe_green .text-muted {
  color: #dddddd;
}

.oe_blue_light {
  background-color: #41b6ab;
  color: white;
}
.oe_blue_light .text-muted {
  color: #dddddd;
}

.oe_blue {
  background-color: #34495e;
  color: white;
}

.oe_orange {
  background-color: #f05442;
  color: white;
}
.oe_orange .text-muted {
  color: #dddddd;
}

.oe_purple {
  background-color: #b163a3;
  color: white;
}
.oe_purple .text-muted {
  color: #dddddd;
}

.oe_red {
  background-color: #9c1b31;
  color: white;
}
.oe_red .text-muted {
  color: #dddddd;
}

/* Misc */
.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;
}

address .fa.fa-mobile-phone {
  margin: 0 3px 0 2px;
}
address .fa.fa-file-text-o {
  margin-right: 1px;
}

span[data-oe-type="monetary"] {
  white-space: nowrap;
}

.oe_template_fallback {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

.oe_website_login_container {
  width: 400px;
  margin: 40px auto;
}