body {
  margin: 0;
  font-family: Asap-Bold, 'Asap Bold', Asap, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: white;
}
html,
body,
* {
  color: #414141 /*0a0a0a*/;
  font-weight: 600;
}
#root {
  height: 100vh;
}
.App {
  height: 100%;
  width: 100%;
  text-align: center;
}
.AppLogoHelper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.AppLogo {
  vertical-align: middle;
}
.AuctionMain,
.Screens {
  background-color: rgba(230, 233, 236, 1);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.AuctionCard {
  position: absolute;
  background-color: white;
  border-width: 0;
  box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
}
.ScreensList {
  left: 35vw;
  top: 45vh;
  width: 30vw;
  height: 10vh;
}
.ScreensSelect {
  width: 30vw;
  height: 10vh;
  font-size: 2vh;
  border: 0;
  background-color: transparent;
  padding: 0 2vw;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('/assets/br_down.png');
  background-repeat: no-repeat;
  background-position: 28vw;
}
.AuctionLogoContainer {
  left: 3vw;
  top: 6vh;
}
.AuctionLogo {
  width: 37vw;
  height: 15vh;
  object-fit: contain;
}
.AuctionTitle {
  left: 42vw;
  top: 6vh;
  width: 55vw;
  height: 15vh;
  text-align: left;
}
.AuctionTitleProcedure {
  position: relative;
  display: inline-block;
  left: 0;
  top: 1vh;
  width: 16.33vw;
  height: 2vh;
  margin: 0 0 0 2vw;
  text-align: left;
}
.AuctionTitleLotCode {
  position: relative;
  display: inline-block;
  left: 0;
  top: 1vh;
  width: 16.34vw;
  height: 2vh;
  margin: 0 1vw 0 1vw;
  text-align: center;
}
.AuctionTitleIvgCode {
  position: relative;
  display: inline-block;
  left: 0;
  top: 1vh;
  width: 16.33vw;
  height: 2vh;
  margin: 0 2vw 0 0;
  text-align: right;
}
.AuctionTitleProcedure span,
.AuctionTitleLotCode span,
.AuctionTitleIvgCode span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.AuctionTitleLine1 {
  position: relative;
  left: 0;
  top: 2vh;
  width: 51vw;
  height: 5vh;
  margin: 0 2vw;
}
.AuctionTitleLine2 {
  position: relative;
  left: 0;
  top: 2vh;
  width: 51vw;
  height: 5vh;
  margin: 0 2vw;
}
.AuctionTitleLine1 span,
.AuctionTitleLine2 span {
  display: block;
  height: 100%;
  line-height: 5vh;
  font-size: 3.5vh;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.AuctionImage {
  left: 3vw;
  top: 24vh;
  width: 37vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.AuctionPrices {
  left: 42vw;
  top: 24vh;
  width: 55vw;
  height: 27vh;
}
.AuctionPricesBasePrice,
.AuctionPricesMinPrice,
.AuctionPricesValue {
  position: relative;
  left: 0;
  top: 2vh;
  height: 10vh;
}
.AuctionPricesBasePrice span,
.AuctionPricesMinPrice span,
.AuctionPricesValue span {
  height: 100%;
  line-height: 10vh;
  font-weight: 700;
  float: left;
  text-align: left;
}
.AuctionPricesBasePrice .Label,
.AuctionPricesBasePrice .Value,
.AuctionPricesMinPrice .Label,
.AuctionPricesMinPrice .Value,
.AuctionPricesValue .Label,
.AuctionPricesValue .Value {
  height: 10vh;
  margin: 0 2vw;
}
.AuctionPricesBasePrice .Label,
.AuctionPricesMinPrice .Label,
.AuctionPricesValue .Label {
  width: 24vw;
  font-size: 3.5vh;
}
.AuctionPricesBasePrice .Value,
.AuctionPricesMinPrice .Value,
.AuctionPricesValue .Value {
  width: 23vw;
  font-size: 5vh;
}
.AuctionPricesDisclaimer {
  position: relative;
  left: 0;
  top: 4vh;
  height: 2vh;
  width: 55vw;
  margin: 0 2vw;
}
.AuctionPricesDisclaimer span {
  height: 100%;
  line-height: 2vh;
  font-size: 1.5vh;
  float: left;
  text-align: left;
}
.AuctionBids {
  left: 42vw;
  top: 54vh;
  width: 55vw;
  height: 26vh;
}
.AuctionCurrentBestBidInactive,
.AuctionBidsMinRaise,
.AuctionBidsRaiseTimeSec {
  position: relative;
  left: 0;
  height: 8vh;
}
.AuctionCurrentBestBidInactive span,
.AuctionBidsMinRaise span,
.AuctionBidsRaiseTimeSec span {
  height: 100%;
  line-height: 8vh;
  font-weight: 700;
  float: left;
  text-align: left;
}
.AuctionCurrentBestBidInactive .Label,
.AuctionCurrentBestBidInactive .Value,
.AuctionBidsMinRaise .Label,
.AuctionBidsMinRaise .Value,
.AuctionBidsRaiseTimeSec .Label,
.AuctionBidsRaiseTimeSec .Value {
  height: 8vh;
  margin: 0 2vw;
}
.AuctionCurrentBestBidInactive .Label,
.AuctionBidsMinRaise .Label,
.AuctionBidsRaiseTimeSec .Label {
  width: 24vw;
  font-size: 3.5vh;
}
.AuctionCurrentBestBidInactive .Value,
.AuctionBidsMinRaise .Value,
.AuctionBidsRaiseTimeSec .Value {
  width: 23vw;
  font-size: 5vh;
}
.AuctionBidsReservePrice span {
  height: 100%;
  line-height: 2vh;
  font-weight: 700;
  float: left;
  text-align: center;
  color: #43962a;
}
.AuctionBidsReservePrice .Value {
  width: 100%;
  font-size: 2vh;
  margin-top: 10px;
}
.AuctionStatus {
  left: 3vw;
  top: 83vh;
  width: 94vw;
  height: 16vh;
}
.AuctionStatus span {
  height: 100%;
  line-height: 17vh;
  font-size: 8vh;
  font-weight: 700;
  color: #43962a;
}
.AuctionCurrentBestBid {
  left: 42vw;
  top: 24vh;
  width: 55vw;
  height: 23.5vh;
}
.AuctionCurrentBestBidLine1 {
  position: relative;
  left: 0;
  width: 51vw;
  height: 13vh;
  margin: 0 2vw;
  transition: all 0.1s ease-in-out;
}
.AuctionCurrentBestBidLine2 {
  position: relative;
  left: 0;
  top: 0;
  width: 51vw;
  height: 5vh;
  margin: 0 2vw;
}
.AuctionCurrentBestBidLine1 span {
  height: 100%;
  width: 100%;
  line-height: 14vh;
  font-size: 8vh;
  font-weight: 700;
  color: #9b2263;
}
.AuctionCurrentBestBidLine2 span {
  height: 100%;
  width: 100%;
  line-height: 5vh;
  font-size: 3.5vh;
}
.AuctionCurrentBestBid div.badge {
  position: absolute;
  top: 2vh;
  right: 2vh;
  background-color: #9b2263;
  color: white;
  border-radius: 1.5vh;
  height: 6vh;
  line-height: 6vh;
  font-size: 3.5vh;
  padding: 0.5vh 0.5vw;
  vertical-align: text-bottom;
  transition: all 0.1s ease-in-out;
}
.AuctionMinBid {
  left: 42vw;
  top: 50.5vh;
  width: 55vw;
  height: 23.5vh;
}
.AuctionMinBidLine1 {
  position: relative;
  left: 0;
  top: 2vh;
  width: 51vw;
  height: 13vh;
  margin: 0 2vw;
}
.AuctionMinBidLine2 {
  position: relative;
  left: 0;
  top: 0;
  width: 51vw;
  height: 5vh;
  margin: 0 2vw;
}
.AuctionMinBidLine1 span {
  height: 100%;
  width: 100%;
  line-height: 14vh;
  font-size: 8vh;
  font-weight: 700;
  color: #43962a;
}
.AuctionMinBidLine2 span {
  height: 100%;
  width: 100%;
  line-height: 5vh;
  font-size: 3.5vh;
}
.AuctionMinRaise {
  left: 3vw;
  top: 77vh;
  width: 37vw;
  height: 17vh;
}
.AuctionMinRaiseLine1 {
  position: relative;
  left: 0;
  top: 2vh;
  width: 33vw;
  height: 8vh;
  margin: 0 2vw;
}
.AuctionMinRaiseLine2 {
  position: relative;
  left: 0;
  top: 2vh;
  width: 33vw;
  height: 5vh;
  margin: 0 2vw;
}
.AuctionMinRaiseLine1 span {
  height: 100%;
  width: 100%;
  line-height: 8vh;
  font-size: 5vh;
  font-weight: 700;
}
.AuctionMinRaiseLine2 span {
  height: 100%;
  width: 100%;
  line-height: 5vh;
  font-size: 3.5vh;
}
.AuctionCountdown {
  left: 42vw;
  top: 77vh;
  width: 55vw;
  height: 17vh;
}
.AuctionCountdownLine1 {
  position: relative;
  left: 0;
  top: 2vh;
  width: 51vw;
  height: 8vh;
  margin: 0 2vw;
}
.AuctionCountdownLine2 {
  position: relative;
  left: 0;
  top: 2vh;
  width: 51vw;
  height: 5vh;
  margin: 0 2vw;
}
.AuctionCountdownLine1 span {
  height: 100%;
  width: 100%;
  line-height: 10vh;
  font-size: 8vh;
  font-weight: 700;
}
.AuctionCountdownLine2 span {
  height: 100%;
  width: 100%;
  line-height: 5vh;
  font-size: 3.5vh;
}

.AuctionPaused {
  left: 42vw;
  top: 77vh;
  width: 55vw;
  height: 17vh;
}
.AuctionPaused span {
  position: relative;
  left: 0;
  top: 4.5vh;
  width: 51vw;
  height: 8vh;
  margin: 0 2vw;
  line-height: 8vh;
  font-size: 8vh;
  font-weight: 700;
}

.AuctionWinningBid {
  left: 42vw;
  top: 24vh;
  width: 55vw;
  height: 27vh;
}
.AuctionWinningBidLine1 {
  position: relative;
  left: 0;
  top: 2vh;
  width: 51vw;
  height: 16.5vh;
  margin: 0 2vw;
}
.AuctionWinningBidLine2 {
  position: relative;
  left: 0;
  top: 0;
  width: 51vw;
  height: 5vh;
  margin: 0 2vw;
}
.AuctionWinningBidLine1 span {
  height: 100%;
  width: 100%;
  line-height: 17.5vh;
  font-size: 8vh;
  font-weight: 700;
  color: #43962a;
}
.AuctionWinningBidLine2 span {
  height: 100%;
  width: 100%;
  line-height: 5vh;
  font-size: 3.5vh;
}
.AuctionBidsRecap {
  left: 42vw;
  top: 54vh;
  width: 55vw;
  height: 20vh;
}
.AuctionBidsRecapPaper,
.AuctionBidsRecapOnline {
  position: relative;
  left: 0;
  top: 2vh;
  height: 8vh;
}
.AuctionBidsRecapPaper span,
.AuctionBidsRecapOnline span {
  height: 100%;
  line-height: 8vh;
  font-weight: 700;
  float: left;
  text-align: left;
}
.AuctionBidsRecapPaper .Label,
.AuctionBidsRecapPaper .Value,
.AuctionBidsRecapOnline .Label,
.AuctionBidsRecapOnline .Value {
  height: 8vh;
  margin: 0 2vw;
}
.AuctionBidsRecapPaper .Label,
.AuctionBidsRecapOnline .Label {
  width: 22vw;
  font-size: 3.5vh;
}
.AuctionBidsRecapPaper .Value,
.AuctionBidsRecapOnline .Value {
  width: 25vw;
  font-size: 5vh;
}

/* COLORS */
.red {
  color: red;
}
.emphasis {
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
}
.hidden {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}