.gutters {
  padding-left: 2em;
  padding-right: 2em;
}

.body-content {
  font-size: 13px;
}

/* More spacing for Spanish tickers */
.body-content.sp {
  padding-left: 0px!important;
  padding-right: 0px!important;
}

#containerTickerPrompt {
  padding-top: 0.33em;
  padding-bottom: 0.33em;
  text-align: center;
  background-color: #ffdd1a;
}

#containerTickerPrompt .pipe {
  /*font-size: 20px;*/
  color: #000!important;
  margin-left: 0.10em;
  margin-right: 0.1em;
}

#tickerPromptDialog {
  text-align: left;
  color: #000;
}


/* defined in main.css; added font-size for ticker */
.vtg-layout-main {
  font-size: 15px;
}


#display-options-container {
  text-align: left;
  margin-bottom: 1em;
}

#display-options-container .inline-column {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

.displaying,
.change-to {
  display: inline-block!important;
  width: 70px!important;
  white-space: nowrap;
}


/* Current conversion */
.cc-block {
  display: inline-block;
  width: 82px;
  text-align: left;
  margin-bottom: 0em;
  white-space: nowrap;
}

.cc-block span {
  display: inherit;
  width: 42px;
}

.cc-block .img {
  width: 34px;
  text-align: left;
  vertical-align: text-bottom;
  padding-top: 0px;
}


/* not sure about these two... */
.ticker-options-separation {
  margin-right: 65px;
}

.ticker-options-separation.sp {
  margin-right: 50px!important;
}



.ticker {
  width: 100%;
  margin-top: 0em;
  margin-bottom: 0em;
}

.ticker thead {
  text-align: center;
  vertical-align: bottom;
  white-space: nowrap;
  height: 54px;
  line-height: 1.2em;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}

.ticker tbody {
  text-align: left;
  font-size: 12px;
}

.ticker .lf {
  text-align: left; 
}

.ticker .ct {
  text-align: center; 
}

.ticker td {
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  height: 31px;
}

.ticker thead td {
  padding-top: 4px;
  padding-bottom: 4px;
}

.ticker.region td {
  height: 1.85em;
  background-color: #ff0000;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.ticker .fd a:visited { color: #990000!important; text-decoration: none; }
.ticker .fd a:visited:hover { color: #990000!important; text-decoration: none; }

.popover {
  min-width: 315px;
}


.ticker .p button {
  background-color: transparent;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  font-size: inherit;
}

/* ---------------------------------------------------------------------------- */

.ticker .st {
  width: 120px;
}

.ticker .st.reduced-again,
.ticker .st.encore-reduit,
.ticker .st.rebajado-nuevo,
.ticker .st.reduzido-novamente {
  background-color: #0099FF!important;
}

.ticker .st.no-supplement,
.ticker .st.pas-supplement,
.ticker .st.no-cobro-extra,
.ticker .st.sem-suplemento {
  background-color: #0099FF!important;
}

/* green background */
.ticker .st.daily-special,
.ticker .st.offre-du-jour,
.ticker .st.oferta-dia,
.ticker .st.promoccedilaria {
  background-color: forestgreen!important;
}

/* yellow background */
.ticker .st.sold-out,
.ticker .st.epuise,
.ticker .st.agotado,
.ticker .st.esgotado {
  color: #666;
  background-color: #ffdd1a!important;
}

/* ---------------------------------------------------------------------------- */

.affix {
  top: 0;
  width: 1040px;  /* matches div.row div.col-xs-12's width of 980px */
  z-index: 9999;
  box-shadow: 0 5px 5px -3px #666;
}

/* for hiding FAB elements */
.hidden {
  display: none;
}