@import 'bootstrap'
.order__amount
  &[data-currency-symbol]:after
    content: " " attr(data-currency-symbol)
.order__ammount-wrapper
  font-size: 1.5em
  padding: .25em 0
.dots
  overflow: hidden
  height: 80px
  display: block
.well
  margin-top: 10px

body
  padding-top: 112px


//NAVBAR
#main
  min-height: 350px
  padding-bottom: 40px
.navbar-bg
  position: absolute
  width: 50%
  background: black
  height: 56px

#main-navbar
  .navbar-nav > li > a
    padding: 8px 12px
    &.s_link
      padding: 6px 4px
      font-size: 24px
  .navbar-nav.nav-offset-brand
    font-size: 1.2em
    font-weight: bold
#submenu-navbar
  .navbar-nav > li > a
    padding: 18px 10px
    font-size: 0.98em
    background-color: #f8f8f8
#submenu-navbar .navbar-nav > li.active > a
  color: $gray
  background-color: #e7e7e7
.navbar-brand
  float: left
  padding: 0
  position: absolute
  @media (max-width: $screen-xs-max)
    position: relative
    min-height: 93px
    margin: 0 10px
  z-index: $zindex-navbar + 1
@media (min-width: $screen-sm-min)
  .nav-offset-brand
    padding-left: 171px
.navbar-default
  background-color: #f8f8f8
.navbar-fixed-top
  border: 0
  box-shadow: 0 0 5px $gray
.page-header
  margin: 20px 0
.navbar-right > li > a
  padding: 8px 7px !important

//TABLES
#custom_table
  td
    vertical-align: middle
  .progress
    margin-bottom: 0px
  .name
    text-overflow: ellipsis
    overflow: hidden

//STICKY FOOTER STYLES
html
  position: relative
  min-height: 100%
body
  padding-bottom: 10px
  margin-bottom: 145px
  a:hover
    text-decoration: none
.footer
  position: absolute
  bottom: 0
  width: 100%
  height: 171px
@media (max-width: $screen-xs-max)
  body
    padding-bottom: 5px
    margin-bottom: 0
  .footer
    position: relative
    bottom: -5px
    height: auto
    margin-top: 10px

//COOKIES
.cc-cookies
  padding: 10px 10%
  background: rgba(0, 0, 0, 0.8)
  font-size: 0.85em
  color: white
  position: fixed
  line-height: 1.7em
  a
    color: white
  .cc-cookie-accept
    margin-left: 15px
    color: white
    background: $button2_hvr
    padding: 2px 5px
    +transition(all 0.5s)
    &:hover
      background: $button2_bdr

.navbar-inverse
  background-color: #000
textarea#order_address
  height: 100px
#etalage
  margin: 0 auto
  float: none
  .etalage_magnifier
    @extend .hidden-xs
#etalage_zoom
  position: absolute
  left: 0
  right: 0
  overflow: hidden
.etalage_description
  color: white
  background-color: black
  left: 15px !important
  padding-left: 10px !important
  width: 617px !important
  text-shadow: 0 0 3px black
  font-weight: bold
@media (max-width: $screen-xs-max)
  .etalage_thumb_active
    .etalage_thumb_image
      opacity: 1 !important
  .etalage_magnifier
    opacity: 0 !important
#etalage
  list-style-type: none !important

a.thumbnail
  h3
    overflow: hidden
    white-space: nowrap
    font-size: 18px
    text-overflow: ellipsis
h1
  font-family: $font-family-comfortaa
  //text-transform: uppercase
  font-size: 2.5em
.page-header > h3
  font-family: $font-family-phones
.price_highlight
  font-size: 1.2em
.i-asterisk
  position: absolute
  top: 18px
  left: 18px
.ml-30
  margin-left: 30px
.ml-10
  margin-left: 10px
.mr-30
  margin-right: 30px
.mb-20
  margin-bottom: 20px
.fs-18
  font-size: 18px !important
.m-0-10
  margin: 0 10px
.mr-10
  margin-right: 10px

.pr_price.label.label-primary
  position: absolute
  right: 1.5%
  top: 15px
  box-shadow: 1px 1px 5px $gray

//CLASSES RICH EDITOR ACTIVEADMIN
.div_editor
  img
    @extend .img-thumbnail
    @extend .img-responsive
    padding: 0
    &.left
      @extend .pull-left
      margin: 0 1.5em 1.5em 0
    &.right
      @extend .pull-right
      margin: 0 0 1.5em 1.5em
  p
    margin: 0 0 1.5em
  .small
    font-size: .8em
    margin-bottom: 1.875em
    line-height: 1.875em

  .large
    font-size: 1.2em
    line-height: 2.5em
    margin-bottom: 1.25em

  .hide
    display: none

  .quiet
    color: #666

  .loud
    color: #000

  .highlight
    background: #ff0

  .added
    background: #060
    color: #fff

  .removed
    background: #900
    color: #fff

  .first
    margin-left: 0
    padding-left: 0

  .last
    margin-right: 0
    padding-right: 0

  .top
    margin-top: 0
    padding-top: 0

  .bottom
    margin-bottom: 0
    padding-bottom: 0

.js-unexpanded
  display: none