:root{
  --background-color-home-new: #00162E;
  --background-color-home-trans: rgb(0, 22, 46, .8);
  --text-color-home-new:#9B9B9B;
  --lotlinx-red:#D62113;
  --lotlinx-blue-highlight:#5CA5E5;
  --page-width:86%;
  --header-height:185px;
  --small-font-size:.8vw;
}

@font-face {
    font-family: 'MontserratWeb';
    src: url('montserrat400.eot');
    src: local('montserrat400'), local('montserrat400'),
    url('https://marketreports.lotlinx.com/fonts/montserrat400.eot?#iefix') format('embedded-opentype'),
    url('https://marketreports.lotlinx.com/fonts/montserrat400.woff') format('woff'),
    url('https://marketreports.lotlinx.com/fonts/montserrat400.ttf') format('truetype'),
    url('https://marketreports.lotlinx.com/fonts/montserrat400.svg#montserrat400') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-2212;
}

@font-face {
    font-family: 'MontserratWeb';
    src: url('montserrat700.eot');
    src: local('montserrat700'), local('montserrat700'),
    url('https://marketreports.lotlinx.com/fonts/montserrat700.eot?#iefix') format('embedded-opentype'),
    url('https://marketreports.lotlinx.com/fonts/montserrat700.woff') format('woff'),
    url('https://marketreports.lotlinx.com/fonts/montserrat700.ttf') format('truetype'),
    url('https://marketreports.lotlinx.com/fonts/montserrat700.svg#montserrat700') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-2212;
}

.ll_ticker-wrapper {
    float: left;
    width: 100%;
    /* height: 50px; */
    /* background-color: #000; */

    /* color: #ffffff; */
    font-family: "MontserratWeb,Open Sans";
    /* font-size: 12px; */
    /* font-weight: 700; */
    /* line-height: 26px; */
    /* overflow-y: hidden; */

}




.ll_ticker-wrapper .ticker-header-button-sales {
    height: 19px;
    background-image: linear-gradient(270deg, #4b9169 0%, #264935 100%);

    font-size: 8px;
    float: left;
    margin: 16px 20px 10px 10px;
    padding: 3px 15px;
    line-height: 12px;
}

.ll_ticker-wrapper .ticker-header-button-markets {
    height: 19px;
    background-image: linear-gradient(270deg, #e58525 0%, #d65f15 100%);

    font-size: 8px;
    float: left;
    margin: 16px 20px 10px 10px;
    padding: 3px 24px;
    line-height: 12px;
}

.ll_ticker-wrapper .ticker-data-arrow {
    width: 0;
    height: 0;
    float: left;
    padding: 0 1px;
    margin: 11px 3px 0 3px;
}

.ll_ticker-wrapper .ticker-data-arrow-up {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;

    border-bottom: 6px solid #32dd1c;
}

.ll_ticker-wrapper .ticker-data-arrow-down {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;

    border-top: 6px solid #dd1c22;
}

.ll_ticker-wrapper .ticker-static {
    float: left;

}

.ll_ticker-wrapper .ticker-data {
    float: left;
    padding: 12px;
}

.ll_ticker-wrapper .ticker-data-label {
    float: left;
    padding: 0 5px;
}

.ll_ticker-wrapper .ticker-data-label-info {
    color: #dd1c22;
}

.ll_ticker-wrapper .ticker-data-value {
    float: left;
    padding: 0 5px;
}


.ll_ticker-wrapper .ticker-data-percent {
    float: left;
    padding: 0 5px;
}

.ll_ticker-wrapper .ticker-dynamic-wrap {
    position: relative;
    top: 0;
    right: 0;
    overflow: hidden;
}

.ll_ticker-wrapper .ticker-dynamic {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    left: 0px;

}

.ll_ticker-wrapper .ticker-dynamic .ticker-data {
    display: inline-block;
    float: unset;
}

.ll_ticker-wrapper .ticker-dynamic .ticker-data-clickable {
    cursor: pointer;
}

/* New Styles */

#Ticker{
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 70px;
  width:100%;
}

#Ticker .SalesVolumeData{
  display: inline-block;
}

#Ticker .TickerItemsContainer{
  display: flex;
  flex-wrap: nowrap;
}

#Ticker .TickerItemsContainer .SalesVolumeData{
  min-width: 100px;
  display: inline-block;
  text-align: center;
}

#Ticker .SalesVolumeDataContainer{
  display: flex;
  justify-content: center;
  padding:0 20px;
  flex-basis: 100%;
}

#Ticker .TickerTitle {
  white-space: nowrap;
  height: 30px;
  font-size: 14px;
  padding:2px 15px;
}
#Ticker .TickerScrollContainer{
  overflow: hidden;
    padding:0 20px;
}
#Ticker .TickerTitle ,
#Ticker .ResultsDate,
#Ticker .TickerScrollContainer{
  display: flex;
  justify-content: center;
  align-items: center;
}
#Ticker .TickerItemsContainer{
  display: flex;
  position: relative;
}
#Ticker .TickerContainer{
  width:100%;
  display: flex;
  position: relative;
}
#Ticker .SalesVolumeData{
  white-space: nowrap;
  font-size: var(--small-font-size);
  padding:0 10px;
}
#Ticker .ResultsDate{
  white-space: nowrap;
  color: red;
  padding:0 20px;
  font-size: var(--small-font-size);
}
#Ticker #Markets{flex:auto;}
#Ticker #Volume{flex:40%; max-width: 40%;}

#Ticker .SalesVolumeData--title,
#Ticker .SalesVolumeData--total{
  color: var(--text-color-home-new);
  font-weight: bold;
}
#Ticker .SalesVolumeData--up::before{color: green; content:'\025B2';}
#Ticker .SalesVolumeData--down::before{color: red; content:'\025BC';}
#Ticker .SalesVolumeData--change{color: var(--text-color-home-new);}
.Ticker__disclaimer{font-size: 10px !important; padding:0 10px; position: absolute; bottom:-20px;}
#Markets{display: flex;}
#Volume{display: flex;}
#widgetLoader{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}
#Ticker2 .chw-widget{
  height: auto !important;
  display: inline-block;
  width:100%;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 2px;
  border: 2px solid var(--lotlinx-red);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--lotlinx-red) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  #Ticker{
    display: none;
  }
  #Ticker2 .chw-widget{
    height:0;
  }

}