@media (max-width: 480px)
{
  body .container {
    padding-top: 20px;
  }

}

#plh_photoInfo {
}

#plh_photoInfo span {
  width: 100px;
  height: 100px;
  float: left;
}


.btn-group>.btn:active,
.btn-group>.btn.active {
  border-bottom: 1px solid black;
}

.login-logo {
  opacity: 0.5;
  filter: "alpha(opacity=50)";
}

.lane1 .logo {
  margin-top: 0px !important;
  background: url('../../assets/images/logos/lane1.png');
  width: 105px;
  height: 35px;
  overflow: hidden;
}

.lane1 .login-logo {
  margin-top: 5px !important;
  background: url('../../assets/images/logos/lane1.png');
  width: 105px;
  height: 35px;
  overflow: hidden;
}


.acces .login-logo {
  background: url('../../assets/images/logos/acces.png');
  width: 150px;
  height: 30px;
  margin-top: 10px;
}

.acces .logo {
  margin-top: 5px;
  background: url('../../assets/images/logos/acces.png');
  width: 150px;
  height: 30px;
  overflow: hidden;
  background-repeat: no-repeat;
  display: block;
}



@media (min-width: 0px) and (max-width: 380px) {
  .lane1 .logo {
    width: 30px;
  }
}

@media (min-width: 0px) and (max-width: 420px) {
  .acces .logo {
    width: 30px;
  }
}


.acces #main-navbar .navbar-inner {
  background: #2291fc; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(-180deg, #2291fc, #49b0d7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-180deg, #2291fc, #49b0d7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-180deg, #2291fc, #49b0d7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-180deg, #2291fc, #49b0d7); /* Standard syntax */
}


.control-group.success .checkbox.no-color{
  color:initial;
}


.label.ph {
  cursor: pointer;
}


/* auction page */

.auctions input[type=checkbox] {
  margin-top: 0px;
  margin-right: 5px;
}

.auctions tr.delete {
  height: 0px;
  -webkit-transition: height .7s ease-in-out;
  transition: height .7s ease-in-out;
}

.auctions tr .cellWrap {
  max-height: 1000px;
}

.auctions tr.delete td {
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-transition: padding-top .7s, padding-top .7s, padding-bottom .7s, max-height .7s ease-in-out;
  transition: padding-top .7s, padding-bottom .7s, max-height .7s ease-in-out;
}

.auctions tr.delete .cellWrap {
  overflow-y: hidden;
  max-height: 0px;
  -webkit-transition: max-height .7s ease-in-out;
  transition: max-height .7s ease-in-out;
}

.auctions .note {
  display: inline-block;
  width: 210px;
  border: 1px solid #aaa;
  padding: 4px;
  min-height: 18px;
}

.relative {
 position: relative;
}

.auctions tr .reserve,
.auction .reserve
{
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background: #800;
  opacity: 0.8;
  text-align: center;
  padding: 5px;
  color: #fff;
  font-size: 17px;
}

.auctions tr.reserve-reached .reserve,
.auction.reserve-reached .reserve  {
  background: #006600;
}

.auctions .higestBidder, .auctions .overBidded,
.auction .higestBidder, .auction .overBidded {
  position: absolute;
  top: 4px;
  right: 4px;
  background: #070;
  padding: 3px 8px 3px 8px;
  border: 1px solid black;
  color: #ff0;
  display: none;
}

.auctions .leader .higestBidder,
.auction.leader .higestBidder {
  background: #070;
  color: #ff0;
  display: block;
}

.auctions .overbidded .overBidded,
.auction.overbidded .overBidded {
  background: #a00;
  color: #770;
  display: block;
}


.auctions img {
  min-width: 300px;
  min-height: 231px;
}



.time_left {
  text-align:center;
  font-family: Lucida Grande;
  font-size: 170%;
  color: sandybrown;
}

.time_left_title {
  text-align: center;
  font-weight: bold;
  color: rgb(85, 85, 85);
}


.marked_status, .marked_date, .sold_date, .delivered_date {
  text-align:center;
  font-size: 110%;
  margin-bottom: 5px;
  color: #555;
  font-weight: bold;
}

.table td.bidCount {
  vertical-align: middle;
  width: 200px;
  text-align: center;
}

.highBid {
  font-weight: bold;
  color: rgb(85, 85, 85);
}

.missingAccountInfo .bidCount.highLightWhenMissingInfo {
  background: #ff0;
}

.wonBy {
  text-align: center;
  font-weight: bold;
  color: rgb(85, 85, 85);
}

.buyNowPrice {
  text-align:center;
  font-family: 'Lucida Grande';
  font-size: 170%;
}


.visibleWhenRunning,
.visibleWhenEdit,
.visibleWhenReserve,
.visibleWhenComplete,
.visibleWhenMarked,
.visibleWhenSold,
.visibleWhenDelivered,
.visibleSinceEdit,
.visibleSinceComplete,
.visibleSinceMarked,
.visibleSinceSold,
.visibleSinceDelivered,
.visibleWhenBid,
.visibleWhenDeleted,
.visibleWhenWinner
{
  display: none;
}

.bids .visibleWhenBid {
  display: block;
}
.winner .visibleWhenWinner {
  display: block;
}

/* edit */
.edit .visibleWhenEdit,
.edit .visibleSinceEdit
{
  display: block;
}

/* running */
.running .visibleWhenRunning,
.running .visibleSinceEdit,
.running .visibleSinceRunning
{
  display: block;
}

/* reserve */
.reserve .visibleWhenReserve,
.reserve .visibleSinceEdit,
.reserve .visibleSinceRunning,
.reserve .visibleSinceReserve
{
  display: block;
}

/* complete */
.complete .visibleWhenComplete,
.complete .visibleSinceEdit,
.complete .visibleSinceRunning,
.complete .visibleSinceReserve,
.complete .visibleSinceComplete
{
  display: block;
}

/* marked */
.marked .visibleWhenMarked,
.marked .visibleSinceEdit,
.marked .visibleSinceRunning,
.marked .visibleSinceReserve,
.marked .visibleSinceComplete,
.marked .visibleSinceMarked
{
  display: block;
}

/* sold */
.sold .visibleWhenSold,
.sold .visibleSinceEdit,
.sold .visibleSinceRunning,
.sold .visibleSinceReserve,
.sold .visibleSinceComplete,
.sold .visibleSinceMarked,
.sold .visibleSinceSold
{
  display: block;
}

/* delivered */
.delivered .visibleWhenDelivered,
.delivered .visibleSinceEdit,
.delivered .visibleSinceRunning,
.delivered .visibleSinceReserve,
.delivered .visibleSinceComplete,
.delivered .visibleSinceMarked,
.delivered .visibleSinceSold,
.delivered .visibleSinceDelivered
{
  display: block;
}

.deleted .invisibleWhenDeleted {
  display: none !important;
}

.deleted .visibleWhenDeleted {
  display: block;
}

/* auction detail page */

.auction .completed {
  display: none;
}

.auction .bid-form {
  display: none;
}

.auction .bidCount {
  display:none;
}

.auction .time {
  color: sandybrown;
}

.auction .time .title {
  white-space: nowrap;
  text-align: center;
  font-weight: bold;
  color: rgb(85, 85, 85);
  padding-right: 10px;
}

.auction .time .value {
  font-family: Lucida Grande;
  font-size: 145%;
}

.auction.running .bid-form {
  display: inherit;
}

.auction.running .time {
  display: inherit;
}

.auction .current-bid button {
  background: #999;
}

.auction.leader .current-bid button {
  background: #999;
}

.auction.normal .current-bid input {
  width: 147px;
  background: none repeat scroll 0% 0% white;
  font-size: 20px;
  color: #000;
}

.auction.bids .bidCount {
  display: block;
}

.auction.blind .current-bid input {
  width: 170px;
  background: none repeat scroll 0% 0% white;
  font-size: 20px;
  color: #000;
}

.auction.complete .completed,
.auction.marked .completed {
  display: inherit;
}

.auction.normal.leader .current-bid button {
  background-color: #0d0;
}



/* conditions */

.conditions .actions {
  margin: 40px;
  text-align: center;
}

.conditions .index span {
  display: inline-block;
  width: 60px;
}

.conditions ul {
  list-style-type:none;
}

.conditions ul.root {
  margin: 0px;
}

.conditions .box {
  overflow-y: scroll;
  height: 260px;
}

tr.bid td div {
  max-height:0;
  transition: max-height 1s ease-in-out;
  overflow: hidden;
}
tr.bid.open td div {
  max-height: 57px;
}

@media (max-width: 979px) and (min-width: 768px) {
  .form-horizontal .controls {
    margin-left: 140px !important;
  }
  .form-horizontal .control-label {
    width: 130px !important;
  }
}

#group-by-form {
  margin: 20px 30px;
}

.plotplaceholder {
  float:left;
  width:90%;
  height: 250px;
  margin-bottom: 30px;
}
.rollup {
  float: left;
  width: 10%;
}
.rollup>h4 {
  padding-left: 25px;
}
.rollup>div {
  margin: 10px 10px;
  text-align: center;
  line-height: 80px;
  font-size: 16px;
  font-weight: bold;
}

.circle
{
  width: 80px;
  height: 80px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  margin:5px;
}
.count
{
  line-height: 80px;
  color:white;
  margin-left:30px;
  font-size:25px;
}


body textarea {
  border: 1px solid #bbb;
  background: transparent;
  resize: none;
}





.material-switch > input[type="checkbox"] {
  display: none;
}

.material-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 40px;
}

.material-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position:absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}
.material-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}


.grd4 {
  width: 60px;
  float: left;
  display: block;
}

.grd2 {
  width: 120px;
  float: left;
  display: block;
}


.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #fff;
  position: fixed;
  z-index: 12000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

ul.infoUl {
  list-style-type: none;
  margin: 0;
}

li.infoLi {
  zoom:  1;
  color: black;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; cursor: pointer; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.carfax {
  cursor: pointer;
}

.carfax.unavailable {
  display: none;
}

.fee-template {
  display: none;
}

input::-webkit-inner-spin-button {
  display: none;
}