/*  Color Variable  */
/*  Font Variable  */
/* h1 */
/* h2 */
/* h3 */
/* h4 */
/*  Font-family  Variable  */
/*  Mixin and Inheritance */
.transition, .discount-price {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out; }

.ellips {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }

.box-shadow {
  box-shadow: 0 3px 20px #000;
  -webkit-box-shadow: 0 3px 20px #000; }

.login-wrapper {
  max-width: 472px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }
  .login-wrapper form {
    padding: 0 15px; }
  .login-wrapper .btn {
    min-width: 175px; }

.login-logo {
  margin-bottom: 50px;
  padding: 0 15px; }

.forget-link {
  color: #5C2D91; }

.forget-wrap h2 {
  margin-bottom: 30px;
  padding-top: 5px; }
.forget-wrap p {
  margin-bottom: 20px; }
  .forget-wrap p span {
    display: block; }
.forget-wrap button, .forget-wrap .btn {
  min-width: 180px;
  margin-left: 15px; }

.resetWrap h2 {
  padding-bottom: 15px;
  padding-top: 5px; }
.resetWrap button, .resetWrap .btn {
  min-width: 185px; }

@media all and (max-width: 767px) {
  .login-wrapper {
    position: static;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%); } }
.content-wrap {
  /*position: relative;*/
  padding-bottom: 20px; }

.content {
  padding-top: 20px; }

.content-bottom {
  margin-top: 5px; }

.big-text {
  font-size: 24px; }

.big-text2 {
  font-size: 30px; }

.big-lg-text {
  font-size: 60px; }

.auction-btn {
  /*width: 80%; height: 142px;
  margin:-95px auto 15px auto;
  background: $grey;*/
  color: #fff;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  margin-top: 5px; }
  .auction-btn.btn-primary {
    background: #93278F;
    color: #fff;
    border-color: #93278F; }
    .auction-btn.btn-primary:hover, .auction-btn.btn-primary:active {
      background: #5C2D91;
      color: #fff;
      border-color: #5C2D91; }
  .auction-btn.disable {
    color: #fff !important; }
  .auction-btn .fa-gavel {
    font-size: 35px;
    padding: 5px 0; }

.status-wrap {
  margin-bottom: 15px;
  line-height: 24px; }
  .status-wrap span {
    display: inline-block;
    vertical-align: top; }
  .status-wrap .status {
    font-size: 24px;
    color: #5C2D91; }

.discount-price {
  background: #AAAAAA;
  height: 100%;
  max-height: 185px;
  text-align: center;
  font-size: 100px;
  color: #fff;
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 5px; }
  .discount-price:hover, .discount-price.active {
    background: #5C2D91; }
  .discount-price.strike:before {
    position: absolute;
    left: -15px;
    top: 50%;
    content: "";
    margin-top: -1px;
    width: 100%;
    width: calc(100% + 30px);
    height: 2px;
    background: #E6E6E6; }

.bid-rs {
  border: 1px solid #AAAAAA;
  padding: 15px;
  height: 150px;
  font-size: 100px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .bid-rs.grey-box {
    border-radius: 5px; }
  .bid-rs.active, .bid-rs:hover {
    background: #FEDEFC; }
    .bid-rs.active .online-txt, .bid-rs:hover .online-txt {
      display: block; }
  .bid-rs .bid-cur {
    font-weight: 200;
    margin-left: 8px; }
  .bid-rs .online-txt {
    margin-left: 15px; }

.online-txt {
  display: none;
  font-size: 12px;
  color: #5C2D91; }

.grey-box {
  background: #E6E6E6;
  border: 1px solid #AAAAAA;
  padding: 10px; }

.search-form-row button, .search-form-row input, .search-form-row .btn {
  /*height: 30px; padding:5px 10px;*/
  /*line-height: 18px;*/
  margin-bottom: 10px; }

.search-wrap {
  position: relative; }
  .search-wrap input {
    width: 100%;
    padding-left: 32px; }
  .search-wrap button {
    position: absolute;
    left: 3px;
    top: 17px;
    border: none;
    background: none;
    color: #AAAAAA;
    font-size: 14px; }
    .search-wrap button i {
      margin-top: 3px; }

.search-table-car {
  max-height: 148px;
  overflow-y: auto; }
  .search-table-car table tr:hover td, .search-table-car table tr.active td {
    background: #ffc107 !important; }
  .search-table-car table td {
    /*padding-top: 7px; padding-bottom: 7px;*/
    line-height: 1.3;
    border-left: 1px solid #AAAAAA; }
    .search-table-car table td:first-child {
      text-align: center; }
    .search-table-car table td:nth-child(2) {
      text-align: left; }

/**/
.subtitle {
  font-size: 24px;
  margin-bottom: 12px; }

.current-status {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }
  .current-status .current-label {
    min-width: 56px; }
  .current-status .status-result {
    background: #007bff;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 18px;
    padding: .5px 1px;
    line-height: 30px; }

tr.active td {
  background: #FEDEFC !important; }

.order-num-box {
  text-align: center;
  margin-bottom: 30px; }
  .order-num-box .num-title {
    background: #e0d1f1;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
    padding: 6px 5px; }
  .order-num-box .numbox {
    background: #E6E6E6;
    border-radius: 0 0 5px 5px;
    padding: 20px 10px;
    font-size: 50px;
    word-break: break-all; }

@media all and (max-width: 1500px) {
  .back-menu {
    position: absolute;
    top: auto;
    bottom: 15px; } }
@media all and (max-width: 1299px) {
  .auction-btn {
    width: 100%; }

  /*.bid-rs {
    font-size: 36px; }*/
    .bid-rs .bid-cur {
      margin-right: 0; }

  .big-text {
    font-size: 24px; }

  .order-num-box .numbox {
    font-size: 24px; } }
@media all and (max-width: 1024px) {
  .big-text {
    font-size: 18px; }

  .big-lg-text {
    font-size: 20px; } }
@media all and (max-width: 767px) {
  .start-bidding {
    margin-right: 0;
    padding-right: 0;
    margin-left: 5px; }
    .start-bidding button {
      min-width: 110px; }

  .auction-btn {
    width: 142px;
    margin-top: 0; }

  .table-responsive, .bid-rs {
    margin-bottom: 20px; }

  .bid-rs {
    font-size: 24px; }
    .bid-rs .bid-cur {
      margin-left: 15px; }

  .order-num-box {
    margin-bottom: 20px; }

  .discount-price {
    margin-left: 0; } }
.yellow-bg {
  background: #ffdb6d;
  padding: 15px 15px 0 15px;
  margin-top: -16px; }

.yellow-box {
  background: #ffff1a; }
  .yellow-box td {
    background: #ffff1a; }

.grey-bg {
  background: #848484;
  color: #fff; }

.green-box {
  background: #43923e; }
  .green-box td {
    background: #43923e; }

.grey-price-box {
  padding: 15px 15px 0 15px; }

.grey-box-padding {
  padding: 15px 15px 0 15px;
  margin-bottom: 15px; }

.price-label-wrap {
  justify-content: space-between; }
  .price-label-wrap button {
    cursor: pointer; }

.price-label {
  font-size: 24px;
  text-align: center;
  padding-right: 25px;
  position: relative; }
  .price-label span {
    display: block;
    font-size: 18px; }
  .price-label:after {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -8px;
    width: 0;
    height: 0;
    content: "";
    border-left: 12px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; }

.price-label-wrap {
  text-align: center; }
  .price-label-wrap .btn {
    font-size: 16px;
    line-height: 1.1;
    padding: 5px 20px;
    font-size: 24px; }
    .price-label-wrap .btn .bid-num {
      display: block;
      border-bottom: 1px solid #AAAAAA;
      line-height: 1;
      padding-bottom: 3px;
      padding-top: 1px;
      margin-bottom: 1px;
      font-size: 16px; }

.title-bid {
  font-size: 24px;
  margin-bottom: 10px; }

.bidding-table td {
  text-align: left;
  border-left: 1px solid #AAAAAA;
  width: 25%;
  line-height: 1.3;
  padding: 8px 10px; }
  .bidding-table td label {
    display: block;
    color: #AAAAAA;
    font-size: 14px;
    margin-bottom: 2px; }
.bidding-table tr:first-child td {
  background: #fff; }

.bid-modal {
  color: #5C2D91; }
  .bid-modal .modal-loader {
    margin-bottom: 20px; }
  .bid-modal .bid-label {
    font-size: 24px; }
  .bid-modal .bid-amt {
    font-size: 44px; }
  .bid-modal .wait {
    margin-top: 40px;
    margin-bottom: 15px; }

.vehicle-slider .slick-slide img {
  min-height: 210px; }

.palm {
  border-top: 1px solid #AAAAAA;
  padding: 15px 0; }

.palm-bg {
  background: #E6E6E6;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #AAAAAA;
  max-height: 185px;
  display: flex;
  align-items: center;
  justify-content: center; }

.stop-bid-btn {
  display: flex;
  align-items: center;
  color: #fff;
  text-align: left;
  line-height: 1.5; }
  .stop-bid-btn i {
    margin-right: 5px; }

.discount-bid-palm-wrap .bid-rs, .discount-bid-palm-wrap .palm-bg {
  max-height: 160px; }

@media all and (min-width: 1200px) {
  .badge-image img {
    max-height: 210px;
    min-height: 210px; }

  .vehicle-slider .slick-slide img {
    max-height: 210px; } }
@media all and (max-width: 767px) {
  .content .grey-box {
    margin-bottom: 15px; }

  .badge-image {
    display: block; }
    .badge-image img {
      width: 100%; }

  .bid-row > .col-md-7 {
    -ms-flex-order: 1;
    order: 1; }
  .bid-row > .col-md-5 {
    -ms-flex-order: 2;
    order: 2; }

  .yellow-bg {
    margin-top: 0;
    padding-bottom: 15px;
    position: fixed;
    bottom: 0;
    z-index: 2; }
    .yellow-bg .bid-txt {
      display: none; }

  .price-label {
    padding-right: 0;
    font-size: 18px; }
    .price-label span {
      display: inline-block; }
    .price-label:after {
      display: none; }

  .price-label-wrap .col-md-4 {
    margin-bottom: 10px; }
  .price-label-wrap .btn {
    font-size: 16px;
    padding-left: 12px;
    padding-right: 12px; }
    .price-label-wrap .btn .bid-num {
      border-bottom: none; }

  .discount-price-wrap {
    margin-bottom: 15px; } }

/*# sourceMappingURL=style-front.css.map */