odoo_source/addons/website/static/src/css/website.css

@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;
}

img.img-responsive, .img.img-responsive, span.fa.img-responsive, iframe.img-responsive, div.media_iframe_video.img-responsive {
  max-width: 100%;
}
img.img-responsive-50, .img.img-responsive-50, span.fa.img-responsive-50, iframe.img-responsive-50, div.media_iframe_video.img-responsive-50 {
  max-width: 50%;
}
img.img-responsive-25, .img.img-responsive-25, span.fa.img-responsive-25, iframe.img-responsive-25, div.media_iframe_video.img-responsive-25 {
  max-width: 25%;
}

img.padding-small, .img.padding-small, span.fa.padding-small, iframe.padding-small {
  padding: 4px;
}
img.padding-medium, .img.padding-medium, span.fa.padding-medium, iframe.padding-medium {
  padding: 8px;
}
img.padding-large, .img.padding-large, span.fa.padding-large, iframe.padding-large {
  padding: 16px;
}
img.padding-xl, .img.padding-xl, span.fa.padding-xl, iframe.padding-xl {
  padding: 32px;
}

div.media_iframe_video.padding-small iframe {
  padding: 4px;
}
div.media_iframe_video.padding-medium iframe {
  padding: 8px;
}
div.media_iframe_video.padding-large iframe {
  padding: 16px;
}
div.media_iframe_video.padding-xl iframe {
  padding: 32px;
}

ul {
  list-style-type: disc;
}

li > ul {
  list-style-type: circle;
}

li > * > li > ul {
  list-style-type: square;
}

li > * > li > * > li > ul {
  list-style-type: disc;
}

li > * > li > * > li > * > li > ul {
  list-style-type: circle;
}

li > * > li > * > li > * > li > * > li > ul {
  list-style-type: square;
}

li > * > li > * > li > * > li > * > li > * > li > ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li > ol {
  list-style-type: lower-alpha;
}

li > * > li > ol {
  list-style-type: lower-greek;
}

li > * > li > * > li > ol {
  list-style-type: decimal;
}

li > * > li > * > li > * > li > ol {
  list-style-type: lower-alpha;
}

li > * > li > * > li > * > li > * > li > ol {
  list-style-type: lower-greek;
}

li > * > li > * > li > * > li > * > li > * > li > ol {
  list-style-type: decimal;
}

li > p {
  margin: 0;
}

.o_ul_toggle_self, .o_ul_toggle_next {
  display: none;
}

.o_ul_folded .o_close {
  display: none !important;
}
.o_ul_folded .o_ul_toggle_self, .o_ul_folded .o_ul_toggle_next {
  display: inline-block;
  line-height: inherit;
  float: left;
  position: relative;
  margin-left: -1em;
  z-index: 1;
  top: -0.15em;
  left: 0.2em;
  font-size: 1.4em;
  text-decoration: none;
}
.o_ul_folded .o_ul_toggle_self:before, .o_ul_folded .o_ul_toggle_next:before {
  content: "";
}
.o_ul_folded .o_ul_toggle_self .o_open, .o_ul_folded .o_ul_toggle_next .o_open {
  left: 0em;
}
.o_ul_folded .o_ul_toggle_self .o_open:before, .o_ul_folded .o_ul_toggle_next .o_open:before {
  content: "";
}

/* Extra Styles */
img.shadow {
  -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-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;
}

hr {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#wrapwrap p:empty:after {
  content: "⁠";
}

/* ----- Editor (for public user, like forum) ----- */
.note-toolbar {
  margin-left: 0 !important;
}

/* ----- Snippets Styles ----- */
.para_large {
  font-size: 120%;
}

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

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

/* ----- BOOTSTRAP FIX ----- */
.container .container, .readable .container {
  padding-left: 0;
  padding-right: 0;
  width: auto;
}

/* ----- 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 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

#wrapwrap {
  display: table;
  table-layout: fixed;
  width: 100%;
}
#wrapwrap > * {
  display: table-row;
}
#wrapwrap > main {
  height: 100%;
}
#wrapwrap > footer {
  height: 100%;
  background: #eff8f8;
  background: rgba(200, 200, 200, 0.1);
}

body > nav.navbar {
  width: 100%;
  position: absolute;
  z-index: 10000;
}

nav.navbar + #wrapwrap {
  padding-top: 34px;
}

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

@-moz-document url-prefix() {
  .table .img-responsive {
    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;
}

/* -- Hack for removing double scrollbar from mobile preview -- */
div#mobile-preview.modal {
  overflow: 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'] > *:not(.css_options) {
  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%;
}

.carousel, .parallax, .blockquote {
  overflow: hidden;
}

@media (max-width: 400px) {
  section, .parallax, .row, .hr, .blockquote {
    height: auto !important;
  }
}
.carousel-inner {
  height: 100%;
}
.carousel-inner .item {
  height: 100%;
  background-size: cover;
}

.carousel .carousel-control {
  cursor: pointer;
}
.carousel .carousel-control span {
  top: 50%;
  position: absolute;
  margin-top: -8px;
}
.carousel .carousel-control.left {
  left: -10px;
}
.carousel .carousel-control.left * {
  position: absolute;
  top: 50%;
  z-index: 5;
  right: 50%;
}
.carousel .carousel-control.right {
  right: -10px;
}
.carousel .carousel-control.right * {
  position: absolute;
  top: 50%;
  z-index: 5;
  left: 50%;
}

.quotecarousel {
  padding-bottom: 16px;
}

.hr {
  padding: 4px 0;
}

.o_image_floating {
  width: 40%;
  margin: 4px;
}
.o_image_floating div.o_container {
  position: relative;
}
.o_image_floating div.o_container mark {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(86, 61, 124, 0.25);
}
.o_image_floating div.o_container mark a {
  color: white;
}
.o_image_floating.o_hide_link div.o_container mark {
  display: none;
}
.o_image_floating.o_margin_s {
  margin-bottom: 4px;
}
.o_image_floating.o_margin_s.pull-right {
  margin-left: 8px;
}
.o_image_floating.o_margin_s.pull-left {
  margin-right: 8px;
}
.o_image_floating.o_margin_m {
  margin-bottom: 8px;
}
.o_image_floating.o_margin_m.pull-right {
  margin-left: 12px;
}
.o_image_floating.o_margin_m.pull-left {
  margin-right: 12px;
}
.o_image_floating.o_margin_l {
  margin-bottom: 12px;
}
.o_image_floating.o_margin_l.pull-right {
  margin-left: 16px;
}
.o_image_floating.o_margin_l.pull-left {
  margin-right: 16px;
}
.o_image_floating.o_margin_xl {
  margin-bottom: 24px;
}
.o_image_floating.o_margin_xl.pull-right {
  margin-left: 32px;
}
.o_image_floating.o_margin_xl.pull-left {
  margin-right: 32px;
}

/* gallery */
.o_gallery.o_grid .img, .o_gallery.o_masonry .img {
  width: 100%;
}
.o_gallery.o_grid.o_spc-none div.row {
  margin: 0;
}
.o_gallery.o_grid.o_spc-none div.row > * {
  padding: 0;
}
.o_gallery.o_grid.o_spc-small div.row {
  margin: 5px 0;
}
.o_gallery.o_grid.o_spc-small div.row > * {
  padding: 0 5px;
}
.o_gallery.o_grid.o_spc-medium div.row {
  margin: 10px 0;
}
.o_gallery.o_grid.o_spc-medium div.row > * {
  padding: 0 10px;
}
.o_gallery.o_grid.o_spc-big div.row {
  margin: 15px 0;
}
.o_gallery.o_grid.o_spc-big div.row > * {
  padding: 0 15px;
}
.o_gallery.o_masonry.o_spc-none div.col {
  padding: 0;
}
.o_gallery.o_masonry.o_spc-none div.col > img {
  margin: 0 !important;
}
.o_gallery.o_masonry.o_spc-small div.col {
  padding: 0 5px;
}
.o_gallery.o_masonry.o_spc-small div.col > img {
  margin: 5px 0 !important;
}
.o_gallery.o_masonry.o_spc-medium div.col {
  padding: 0 10px;
}
.o_gallery.o_masonry.o_spc-medium div.col > img {
  margin: 10px 0 !important;
}
.o_gallery.o_masonry.o_spc-big div.col {
  padding: 0 15px;
}
.o_gallery.o_masonry.o_spc-big div.col > img {
  margin: 15px 0 !important;
}
.o_gallery.o_grid.size-auto .row {
  height: auto;
}
.o_gallery.o_grid.size-small .row {
  height: 100px;
}
.o_gallery.o_grid.size-medium .row {
  height: 250px;
}
.o_gallery.o_grid.size-big .row {
  height: 400px;
}
.o_gallery.o_grid.size-small .img, .o_gallery.o_grid.size-medium .img, .o_gallery.o_grid.size-big .img {
  height: 100%;
}
.o_gallery.o_nomode.o_spc-none .img {
  padding: 0;
}
.o_gallery.o_nomode.o_spc-small .img {
  padding: 5px;
}
.o_gallery.o_nomode.o_spc-medium .img {
  padding: 10px;
}
.o_gallery.o_nomode.o_spc-big .img {
  padding: 15px;
}
.o_gallery.o_slideshow .carousel ul.carousel-indicators li {
  border: 1px solid #aaa;
}
.o_gallery .carousel-inner .item img {
  max-width: none;
}

.o_gallery.o_slideshow > .container {
  height: 100%;
}

.o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel {
  height: 100%;
}
.o_gallery.o_slideshow .carousel .item, .modal-body.o_slideshow .carousel .item {
  padding-bottom: 64px;
}
.o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img {
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators {
  display: block;
  height: auto;
  padding: 0;
  border-width: 0;
  position: absolute;
  bottom: 0;
}
.o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > * {
  list-style-image: none;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 0px 5px 5px;
  padding: 0;
  border: 1px solid #aaa;
  text-indent: initial;
  background-size: cover;
  background-color: #fff;
  border-radius: 0;
}
.o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active) {
  opacity: 0.8;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.o_gallery.o_slideshow .carousel .carousel-control.left, .o_gallery.o_slideshow .carousel .carousel-control.right, .modal-body.o_slideshow .carousel .carousel-control.left, .modal-body.o_slideshow .carousel .carousel-control.right {
  background-image: none;
  background-color: transparent;
}

/* Parallax Theme */
div.carousel .carousel-indicators li {
  border: 1px solid grey;
}
div.carousel .carousel-indicators .active {
  background-color: grey;
}
div.carousel span.carousel-img img, div.carousel div.carousel-content {
  max-height: 95%;
  padding: 10px;
}
div.carousel div.carousel-content {
  background-color: black;
  color: white;
  background: rgba(0, 0, 0, 0.3);
}

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

/* Background (kept for 8.0 compatibility) */
.oe_dark {
  background: #eff8f8;
  background: rgba(200, 200, 200, 0.14);
}

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

.oe_green {
  background-color: #169C78;
  color: white;
}
.oe_green .text-muted {
  color: #ddd;
}

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

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

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

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

.oe_red {
  background-color: #9C1b31;
  color: white;
}
.oe_red .text-muted {
  color: #ddd;
}

/* 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 {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}

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

.oe_website_spinner {
  width: 121px;
}
.oe_website_spinner input {
  text-align: center;
}

div.media_iframe_video {
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}
div.media_iframe_video iframe {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  margin: 0 auto;
  margin-left: -50%;
}
div.media_iframe_video .media_iframe_video_size {
  padding-bottom: 66.5%;
  position: relative;
  width: 100%;
  height: 0;
}
div.media_iframe_video .css_editable_mode_display {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 2;
}

/* Mobile view */
@media (max-width: 768px) {
  img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
  }
}
/* Fix: backward compatibility saas-3 */
div.carousel .container > .carousel-caption {
  position: absolute;
  right: 50%;
  left: 50%;
  bottom: 20px;
}
div.carousel .container > .carousel-caption > div {
  position: absolute;
  text-align: left;
  padding: 20px;
  background: rgba(0, 0, 0, 0.4);
  bottom: 20px;
}
div.carousel .container > .carousel-image {
  top: 5%;
  bottom: 5%;
  position: absolute;
  max-height: 90%;
  margin: 0 auto;
}
div.carousel .item.text_image .container > .carousel-caption {
  left: 10%;
}
div.carousel .item.text_image .container > .carousel-caption > div {
  right: 50%;
  margin-right: -20%;
  max-width: 550px;
}
div.carousel .item.text_image .container > .carousel-image {
  right: 10%;
  left: 50%;
}
div.carousel .item.image_text .container > .carousel-caption {
  right: 10%;
}
div.carousel .item.image_text .container > .carousel-caption > div {
  left: 50%;
  margin-left: -20%;
  max-width: 550px;
}
div.carousel .item.image_text .container > .carousel-image {
  right: 50%;
  left: 10%;
}
div.carousel .item.text_only .container > .carousel-caption {
  left: 10%;
  right: 10%;
  top: 10%;
  bottom: auto;
}
div.carousel .item.text_only .container > .carousel-caption > div {
  text-align: center;
  background: transparent;
  bottom: auto;
  width: 100%;
}
div.carousel .item.text_only .container > .carousel-image {
  display: none !important;
}

/* ---- Menu nav bar ---- {{{ */
#oe_main_menu_navbar {
  min-height: 34px;
  z-index: 1001;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 0px;
}
#oe_main_menu_navbar li a, #oe_main_menu_navbar li button {
  padding: 4px 8px 4px 8px;
  margin-top: 2px;
  font-size: 13px;
}
#oe_main_menu_navbar .navbar-nav.navbar-right:last-child {
  margin-right: 0 !important;
}