@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700&display=swap');

html, body {/*height: 100%; */position: relative;}
body {font-family: 'Red Hat Display', sans-serif !important; font-weight: 400 !important}

a {color: #3966FF }

.link:link { text-decoration: none; }
.link:visited { text-decoration: none; }
.link:hover { text-decoration: none; }
.link:active { text-decoration: none; }

.bg-home {background-image: url(../images/bg-home.jpg); background-repeat: no-repeat; background-size: cover; margin-top: 82px}
header {padding: 6rem 0}
.bg-light {background-color: #FFFFFF !important;}
.nav-link {color: #000000 !important; font-size: 15px !important; padding: 10px 18px !important;}
.nav-link.active {font-weight: 600}
.nav-link.azul {color: #3966FF !important}
.nav-link:hover {color: #3966ff !important;}
.btn.btn-secondary {color: #707070 !important; border: 2px solid #707070; border-radius: 0; background-color: transparent; font-weight: 600; font-size: 13px !important;}
.btn.btn-secondary:hover {color: #FFFFFF !important; background-color: #707070 !important;}
.btn.btn-delete {color: #FFFFFF !important; border: 2px solid #FF5252; border-radius: 0; background-color: #FF5252; font-weight: 600; font-size: 13px !important;}
.btn.btn-delete:hover {color: #FFFFFF !important}
.btn {padding: 9px 30px !important;}
.btn.btn-primary {color: #FFFFFF !important; border: 2px solid #3966FF; border-radius: 0; background-color: #3966FF; font-weight: 600; font-size: 13px !important;}
.btn.btn-success {color: #FFFFFF !important; border: 2px solid #20C598; border-radius: 0; background-color: #20C598; font-weight: 600; font-size: 13px !important;}
h1 {font-weight: 400 !important; font-size: 45px !important;}
.w600 {font-weight: 600 !important}
.w400 {font-weight: 400 !important}
.w700 {font-weight: 700 !important}
.bg-grey {background-color: rgb(210 210 210 / 47%) !important;}
.bg-grey-light {background-color: #F7F7F9}
.bg-gris {background-color: #D2D2D2}
h2 {font-weight: 400 !important; font-size: 20px !important;}
.line::before {content: ''; position: absolute; background-color: #20C598; width: 100%; height: 4px; right: 0;
    bottom: -10px; z-index: 999;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border: 0 !important; border: 0 !important;
    background-color: rgb(57 102 255 / 75%) !important;border-radius: 0; color: #FFFFFF !important;}
.nav-tabs {border-bottom: 0 !important;}
.number-tr {top: -35px; left: 10px; color: #ffffff; font-weight: 600;}
.triangle {width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 0; border-color: #3967ff transparent transparent transparent;
line-height: 0px; _border-color: #3967ff #000000 #000000 #000000;}
footer p {font-size: 11px;}
.nav-tabs .nav-link {border: 0 !important; border-radius: 0 !important; padding: 5px 12px !important; font-size: 11px !important; font-weight: 400; letter-spacing: 2px; color: #323232 !important;
}
.azul-light {background-color: rgb(57 102 255 / 75%) !important}
label {font-size: 13px; font-weight: 500;}
.mt100 {margin-top: 108px}
.mt90 {margin-top: 98px}
select.form-select {min-height: 45px; border: 0; background-color: #F7F7F9; font-size: 13px;}
.img-card {background-repeat: no-repeat; background-size: cover; background-position: center}
.tag {background-color: #9C9C9C; line-height: 20px; padding: 1px 10px; width: fit-content; color: #FFFFFF; font-weight: 600; font-size: 11px; letter-spacing: 2px}
.bg-verde {background-color: #20C598;}
.usuario {list-style: auto; font-size: 14px;}
.usuario li::marker {color: #3966FF; font-weight: 600;}
.bg-rojo {background-color: #FF0000;}
.usuario li {margin-bottom: 25px; padding-left: 7px;}
.card {border: 0 !important; background-color: #F7F7F9 !important;}
.card-title {font-weight: 600; line-height: 26px;}
p.card-text {font-size: 14px;}
.font11 {font-size: 11px; letter-spacing: 2px;}
p {font-size: 13px; line-height: 18px;}
.bg-azul {background-color: #3966FF}
.azul {color: #3966FF}
.gris {color: #7A7A7A !important}
.red {color: #FF0000}
.bg-white {background-color: #FFFFFF}
.bg-green {background-color: #20C598}
.bg-yellow {background-color: #FDDC52}
.bg-active {background-color: #FF0000;}
.bg-open {background-color: #20C598;}
.bg-future {background-color: #3966FF;}
.bg-closed {background-color: #9C9C9C;}
.bg-inactive {background-color: #FDDC52;}
.white {color: #FFFFFF}
.negro {color: #000000 !important}
.number {font-weight: 600; font-size: 28px; line-height: 28px;}
.small {font-size: 11px !important; font-weight: 500;}
.txt-cierre {font-size: 12px; letter-spacing: 2px;}
.navbar-light .navbar-toggler {border-color: transparent !important;}
.navbar {background-color: #FFFFFF;}
.slide-remates {background-color: #FFFFFF; min-height: 260px;margin: 0 3%;}
.bottom30 {bottom: 30px}
.bg-black {background-color: #000000 !important; border: 1px solid #000000 !important}
.modal-content {border-radius: 0 !important;  border: 0 !important;}
.modal-header {border: 0 !important; padding-bottom: 0 !important;}
::selection {background-color: #000000; color: #FFFFFF;}
.btn-close {opacity: 1 !important}
.form-control {border-radius: 0 !important; border: 0 !important; background-color: #F7F7F9 !important; min-height: 45px;}
.form-control:disabled, .form-control[readonly] {
  background-color: #BCBCBC !important;
  opacity: 1;
}
label {font-size: 13px !important; padding: 0 !important;}
.font9 {font-size: 9px}
.font13 {font-size: 13px}
.font12 {font-size: 12px}
.font14 {font-size: 14px}
.font16 {font-size: 16px; line-height: 20px;}
.font18 {font-size: 18px}
.font23 {font-size: 23px; line-height: 29px;}
.font34 {font-size: 34px}
.font50 {font-size: 50px}
.font40 {font-size: 40px}
.verde {color: #20C598}
.rojo {color: #FF0000}
.mh170 {min-height: 135px}
.slide-vivo {margin: 0 12px;}
.modal-footer {display:block !important; justify-content: center !important; border: 0 !important; padding-bottom: 10% !important;}
.modal-body {padding: 3% 13% !important;}
.form-check-input {border: 0 !important; background-color: #ebebeb !important;}
.form-check-input:checked[type=radio] {background-image: none !important; background-color: #3966FF !important;  border: 4px solid #EBEBEB !important;
}
.form-check-input:focus {box-shadow: none !important}
.form-registro {display: none}
.form-control-border {min-height: 41px; background-color: transparent !important; border: 1px solid #9B9B9B !important;
}
form .clearfix.error > label,
form .clearfix.error .help-block,
form .clearfix.error .help-inline,
form .help-block.error {
  color: #b94a48;
}
form .clearfix.error input,
form .clearfix.error textarea {
  color: #b94a48;
  border-color: #ee5f5b;
}
form .clearfix.error input:focus,
form .clearfix.error textarea:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
form .clearfix.error .input-prepend .add-on,
form .clearfix.error .input-append .add-on {
  color: #b94a48;
  background-color: #fce6e6;
  border-color: #b94a48;
}
.circle-insc {background-color: #3966ff; width: 65px; height: 65px; border-radius: 50%; line-height: 65px; text-align: center; color: #FFFFFF; font-weight: 600; font-size: 21px;}
input.form-control.form-control-border {padding: 2px 15px; font-size: 24px; font-weight: 600; color: #3966ff;}
.table>:not(:first-child) {border-top: 0;}
.bg-grey-table {background-color: #F7F7F9; border-color: #F7F7F9; border-top: 4px solid #FFFFFF;}
.table>thead {background-color: rgb(57 102 255 / 25%) !important; font-size: 13px; color:white}
.table>:not(:first-child) {border-top: 3px solid #FFFFFF !important;}
.flecha::before {content: '>'; position: absolute; right: 15px; top: 15px; font-size: 26px;
    color: #A4A4A4;}
.form-check-input.border-check {background-color: #FFFFFF !important; border: 1px solid #707070 !important;
    width: 0.8em; height: 0.8em; margin-top: 0.4em;}
.responsive .slide-vivo {opacity: 0.4;}
.responsive .slide-vivo.active {opacity: 1;}
.sala-active {background-color: #20C598 !important}

.hide {
  display: none;
}
.show {
  display: block;
}

.modal-backdrop {
  opacity: 0.5;
  background-color: gray;
}

.modal .popover,
.modal .twipsy {
  z-index: 12000;
}

.twipsy {
  display: block;
  position: absolute;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  z-index: 1000;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.twipsy.fade.in {
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.twipsy.above .twipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #1c1c1c;
}
.twipsy.left .twipsy-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #1c1c1c;
}
.twipsy.below .twipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #1c1c1c;
}
.twipsy.right .twipsy-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #1c1c1c;
}
.twipsy-inner {
  padding: 3px 8px;
  background-color: #1c1c1c;
  color: white;
  text-align: center;
  max-width: 200px;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.twipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover {
  position:fixed;
  top: 0;
  left: 0;
  z-index: 12000 !important;
  padding: 5px;
  display: none;
}

.modal-popover {
  position:relative;
  top: 0;
  left: 0;
  z-index: 12000 !important;
  padding: 5px;
  display: none;
}

.popover.above .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #1c1c1c;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #1c1c1c;
}
.popover.below .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #1c1c1c;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #1c1c1c;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover .inner {
  background: #1c1c1c;
  background: rgba(0, 0, 0, 0.8);
  padding: 3px;
  overflow: hidden;
  width: 280px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover .title {
  background-color: #f5f5f5;
  padding: 9px 15px;
  line-height: 1;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #eee;
  font-size: 11pt;
}
.popover .content {
  background-color: #ffffff;
  padding: 14px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover .content p,
.popover .content ul,
.popover .content ol {
  margin-bottom: 0;
}

.no-link {
    color: inherit !important;
    text-decoration: none;
    line-height: inherit;
    font-weight: inherit;
}

ul {
 margin: 0;
 padding: 0;
 border: 0;
 font-weight: normal;
 font-style: normal;
 font-size: 100%;
 line-height: 1;
 font-family: inherit;
}
 
#bidtaker {
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px #000000 inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  margin-bottom: 20px;
  min-height: 20px;
  padding: 19px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
  border-color: #666666;
  border-color: rgba(102, 102, 102, 0.5);
  height: 239px;
  margin-bottom: 10px;
  padding: 0;
  text-align: center;
  width: auto;
}
#bidtaker blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
#bidtaker h5 {
  border: none;
  color: #999;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: -8px;
  padding-bottom: 11px;
  color: #ccc;
}

#bidtaker div#actual-bid,
#bidtaker div#no-actual-bid {
  padding-top: 6px;
}
#bidtaker div#actual-bid h5 span,
#bidtaker div#no-actual-bid h5 span {
  color: #FFCC00;
  font-size: 17px;
  margin-left: 10px;
}
#bidtaker div#no-actual-bid {
  display: none;
}
#bidtaker div#actual-price {
  color: #33CC00;
  font-size: 48px;
  font-weight: bold;
  min-height: 48px;
}
#bidtaker div#increment {
  padding: 5px;
}
#bidtaker div#increment span {
  font-size: 18px;
  margin-left: 14px;
}
#bidtaker div#make-bid {
  padding: 14px;
}
#bidtaker div#make-bid form {
  margin: 0 auto;
  width: 220px;
}
#bidtaker div#make-bid form div {
  border: none;
}
#bidtaker div#make-bid form .clearfix {
  margin: 0;
}
#bidtaker div#make-bid form .clearfix label {
  color: white;
  margin-right: 5px;
  padding-top: 10px;
  width: auto;
}
#bidtaker div#make-bid form .clearfix label,
#bidtaker div#make-bid form .clearfix .input input {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
#bidtaker div#make-bid form .clearfix .input {
  margin: 0;
}
#bidtaker div#make-bid form .clearfix .input .input-append input {
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;
  border-color: #57a957;
  border-color: rgba(87, 169, 87, 0.8);
  color: #006600;
  height: 28px;
}
#bidtaker div#make-bid form .clearfix .input .input-append input:focus {
  border-color: #57a957;
  border-color: rgba(87, 169, 87, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(87, 169, 87, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(87, 169, 87, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(87, 169, 87, 0.6);
}
#bidtaker div#make-bid form .clearfix .input .input-append .add-on {
  background: none;
  border: none;
  padding: 0;
}
#bidtaker div#make-bid form .clearfix .input .input-append .add-on a {
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;
  width: auto;
}
#bidtaker div#make-bid button {
  font-weight: bold;
  width: 212px;
}
#bidtaker div#make-bid button:disabled {
  color: #666;
}
#bidtaker div#auto-bid {
  padding-bottom: 5px;
  padding-top: 2px;
}
#bidtaker div#auto-bid a:first-child {
  color: #33CC00;
  font-weight: bold;
  position: relative;
  top: -2px;
}
#bidtaker div#auto-bid a img {
  margin-bottom: -6px;
  margin-left: 4px;
}
#submit-bid + br {
  clear: both;
}
#bid-feedback {
  position: relative;
  padding: 7px 15px;
  margin-bottom: 18px;
  color: #3d3d3d;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  margin-bottom: 0;
}
#bid-feedback.danger,
#bid-feedback.danger:hover,
#bid-feedback.error,
#bid-feedback.error:hover,
#bid-feedback.success,
#bid-feedback.success:hover,
#bid-feedback.info,
#bid-feedback.info:hover {
  color: #ffffff;
}
#bid-feedback .close {
  font-family: Arial, sans-serif;
  line-height: 18px;
}
#bid-feedback.danger,
#bid-feedback.error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#bid-feedback.success {
  background-color: #57a957;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#bid-feedback.info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#bid-feedback .close {
  margin-top: 1px;
  *margin-top: 0;
}
#bid-feedback a {
  font-weight: bold;
  color: #3d3d3d;
}
#bid-feedback.danger p a,
#bid-feedback.error p a,
#bid-feedback.success p a,
#bid-feedback.info p a {
  color: #ffffff;
}
#bid-feedback h5 {
  line-height: 18px;
}
#bid-feedback p {
  margin-bottom: 0;
}
#bid-feedback div {
  margin-top: 5px;
  margin-bottom: 2px;
  line-height: 28px;
}
#bid-feedback .btn {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
#bid-feedback.block-message {
  background-image: none;
  background-color: #fdf5d9;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  padding: 14px;
  border-color: #fceec1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#bid-feedback.block-message ul,
#bid-feedback.block-message p {
  margin-right: 30px;
}
#bid-feedback.block-message ul {
  margin-bottom: 0;
}
#bid-feedback.block-message li {
  color: #3d3d3d;
}
#bid-feedback.block-message .alert-actions {
  margin-top: 5px;
}
#bid-feedback.block-message.error,
#bid-feedback.block-message.success,
#bid-feedback.block-message.info {
  color: #3d3d3d;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#bid-feedback.block-message.error {
  background-color: #fddfde;
  border-color: #fbc7c6;
}
#bid-feedback.block-message.success {
  background-color: #d1eed1;
  border-color: #bfe7bf;
}
#bid-feedback.block-message.info {
  background-color: #ddf4fb;
  border-color: #c6edf9;
}
#bid-feedback.block-message.danger p a,
#bid-feedback.block-message.error p a,
#bid-feedback.block-message.success p a,
#bid-feedback.block-message.info p a {
  color: #3d3d3d;
}
#bids-table {
  border: 1px solid #666;
  font-size: 18px;
  margin: 0;
}
#bids-table th,
#bids-table td {
  padding: 3px 3px 2px;
}
#bids-table th,
#bids-table td.user-id {
  font-weight: bold;
}
#bids-table th,
#bids-table td {
  text-align: center;
}
#bids-table td {
  border-top-color: #666;
  padding: 5px;
}
#bids-table td.user-id {
  color: #FFCC00;
}
#bids-table tfoot td {
  font-size: 13px;
  text-align: right;
}
#bids-table tfoot td a {
  color: #ccc;
}

#bid-modal {
  color: #9c9c9c;
  /*margin-left: -220px;*/
  left:30%;
  width: 520px;
  height: 660px;
  top: 15%;
  overflow: hidden;
}

#bid-modal #modal-body-spinner {
  margin: 50px 0;
  text-align: center;
}
#bid-modal #modal-body-container {
  display: none;
  height: 510px;
  overflow: auto;
}
#bid-modal #bidtaker {
  background: black;
  border-color: #c2c2c2;
  height: auto;
  padding: 4px 0px;
}
#bid-modal #bidtaker h5 {
  color: #9c9c9c;
}
#bid-modal #bidtaker div {
  border-bottom: none;
  border-top-color: #c2c2c2;
}
#bid-modal #bidtaker div:first-child {
  border-top: none;
}
#bid-modal #bidtaker div#make-bid form .clearfix label {
  color: #9c9c9c;
}
#bid-modal #bidtaker div#make-bid form .clearfix .input .help-block {
  clear: both;
}
#bid-modal #bids-table {
  color: #9c9c9c;
}
#bid-modal #bids-table th,
#bid-modal #bids-table th abbr {
  font-size: 16px;
  font-weight: bold;
}
#bid-modal #bids-table td {
  font-size: 15px;
}
#bid-modal #bids-table tfoot td a {
  color: #0099CC;
}
#bid-modal #bids-history {
  margin-top: 10px;
}
#bid-modal .modal-footer {
  height: 30px;
  position: relative;
}
#bid-modal .modal-footer .close-modal {
  left: 50%;
  margin-left: -44px;
  position: absolute;
}
#submit-bid + br {
  clear: both;
}
#bid-feedback .close {
  margin-top: 1px;
  *margin-top: 0;
}
#bid-feedback a {
  font-weight: bold;
  color: #3d3d3d;
}
#bid-feedback.danger p a,
#bid-feedback.error p a,
#bid-feedback.success p a,
#bid-feedback.info p a {
  color: #ffffff;
}
#bid-feedback h5 {
  line-height: 18px;
}
#bid-feedback p {
  margin-bottom: 0;
}
#bid-feedback div {
  margin-top: 5px;
  margin-bottom: 2px;
  line-height: 28px;
}
#bid-feedback .btn {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
#bid-feedback.block-message {
  background-image: none;
  background-color: #fdf5d9;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  padding: 14px;
  border-color: #fceec1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#bid-feedback.block-message ul,
#bid-feedback.block-message p {
  margin-right: 30px;
}
#bid-feedback.block-message ul {
  margin-bottom: 0;
}
#bid-feedback.block-message li {
  color: #3d3d3d;
}
#bid-feedback.block-message .alert-actions {
  margin-top: 5px;
}
#bid-feedback.block-message.error,
#bid-feedback.block-message.success,
#bid-feedback.block-message.info {
  color: #3d3d3d;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#bid-feedback.block-message.error {
  background-color: #fddfde;
  border-color: #fbc7c6;
}
#bid-feedback.block-message.success {
  background-color: #d1eed1;
  border-color: #bfe7bf;
}
#bid-feedback.block-message.info {
  background-color: #ddf4fb;
  border-color: #c6edf9;
}
#bid-feedback.block-message.danger p a,
#bid-feedback.block-message.error p a,
#bid-feedback.block-message.success p a,
#bid-feedback.block-message.info p a {
  color: #3d3d3d;
}
#bids-table {
  border: 1px solid #666;
  font-size: 18px;
  margin: 0;
}
#bids-table th,
#bids-table td {
  padding: 5px 5px 4px;
}
#bids-table th,
#bids-table td.user-id {
  font-weight: bold;
}
#bids-table th,
#bids-table td {
  text-align: center;
}
#bids-table td {
  border-top-color: #666;
  padding: 5px;
}
#bids-table td.user-id {
  color: #FFCC00;
}
#bids-table tfoot td {
  font-size: 13px;
  text-align: right;
}
#bids-table tfoot td a {
  color: #ccc;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}

#auditorium-wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px #000000 inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  min-height: 20px;
  padding: 19px;
  background-color: #222;
  background-position: top left;
  background-repeat: no-repeat, repeat-y;
  border: none;
  color: white;
  padding: 15px 16px;
  position: relative;
  width: 908px;
}
#auditorium-wrapper:before,
#auditorium-wrapper:after {
  display: table;
  content: "";
  zoom: 1;
}
#auditorium-wrapper:after {
  clear: both;
}
#auditorium-wrapper blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
#auditorium-wrapper h2 {
  border-bottom-color: #666;
  color: #999;
  font-size: 26px;
  line-height: 1.55;
  margin-bottom: 8px;
}
#auditorium-wrapper h2 .auction-title {
  font-size: 14px;
  margin-left: 6px;
  position: relative;
  top: -2px;
}
#auditorium-wrapper h5 {
  border-bottom: 1px solid #666;
  color: #999;
  line-height: 20px;
  margin-bottom: 7px;
  padding-bottom: 11px;
}

#auditorium-wrapper h5#users-count {
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px #000000 inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  margin-bottom: 20px;
  min-height: 20px;
  padding: 19px;
  background-color: #333;
  border: 1px solid #666;
  line-height: 17px;
  padding: 4px 10px;
  margin-left: 20px;
  margin-bottom: 14px;
  color: #ccc;
  font-size: 12px;
}
#auditorium-wrapper h5#users-count blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
#auditorium-wrapper h5#users-count span {
  color: white;
}
#auditorium-wrapper h5#users-count b {
  color: #FC0;
  margin: 0 4px;
}
#auditorium-wrapper #auditorium-spinner {
  left: 423px;
  position: absolute;
  top: 283px;
}
#auditorium-wrapper #auditorium-content {
  display: none;
}
#auditorium-wrapper #lots {
  border-right: 1px solid #666;
  float: left;
  height: 632px;
  overflow: hidden;
  padding-right: 9px;
  width: 146px;
}
#auditorium-wrapper #lots h2 {
  border-bottom: none;
  margin-bottom: 0;
}
#auditorium-wrapper #lots .lots-paginator {
  border-bottom: 1px solid #666;
  border-top: 1px solid #666;
  clear: both;
  padding-top: 8px;
}
#auditorium-wrapper #lots .lots-paginator p {
  color: #ccc;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
}
#auditorium-wrapper #lots .lots-paginator p .lots-prev {
  float: left;
}
#auditorium-wrapper #lots .lots-paginator p .lots-next {
  float: right;
}
#auditorium-wrapper #lots .lots-list-container {
  position: relative;
  width: 9999999px;
}
#auditorium-wrapper #lots .lots-list-container .lots-list {
  float: left;
  list-style: none;
  margin: 8px 10px 0 0;
  width: 145px;
}
#auditorium-wrapper #lots .lots-list-container .lots-list li {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
  border-top: 1px solid #656565;
  border-top: 1px solid rgba(101, 101, 101, 0.5);
  border-left: 1px solid #656565;
  border-left: 1px solid rgba(101, 101, 101, 0.5);
  height: 90px;
  margin-bottom: 7px;
  padding: 2px 3px;
  width: 138px;
}
#auditorium-wrapper #lots .lots-list-container .lots-list li:hover {
  background-color: #666666;
  background-color: rgba(102, 102, 102, 0.5);
}
#auditorium-wrapper #lots .lots-list-container .lots-list li.closed {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
  color: black;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
#auditorium-wrapper #lots .lots-list-container .lots-list li.closed a {
  color: black;
}
#auditorium-wrapper #lots .lots-list-container .lots-list li.active {
  background-color: #339900;
  background-color: rgba(51, 153, 0, 0.5);
  color: white;
}
#auditorium-wrapper #lots .lots-list-container .lots-list li.active a {
  color: white;
}
#auditorium-wrapper #lots .lots-list-container .lots-list li a {
  color: #666;
  display: block;
  height: 100%;
  text-decoration: none;
}
#auditorium-wrapper #lots .lots-list-container .lots-list li .lot-list-num {
  font-size: 25px;
  font-weight: bold;
  left: 14px;
  position: relative;
  top: 32px;
}
#auditorium-wrapper #lots .lots-list-container .lots-list li .lot-list-image {
  float: right;
}
#auditorium-wrapper .content {
  border-left: 1px solid #000;
  float: left;
  padding-left: 8px;
  width: 743px;
}
#auditorium-wrapper .content #lot-images-slider {
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  border: 1px solid #000000;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 1px #000000 inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  margin-bottom: 20px;
  min-height: 20px;
  padding: 19px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
  height: 230px;
  margin-bottom: 12px;
  padding: 4px;
  width: 330px;
}
#auditorium-wrapper .content #lot-images-slider blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
#auditorium-wrapper .content #lot-images-slider > .nivoSlider {
  height: 230px;
  width: 330px;
}
#auditorium-wrapper .content #lot-images-slider #countdown {
  background-color: #B70707;
  display: none;
  font-size: 180px;
  font-weight: bold;
  line-height: 210px;
  text-align: center;
  height: 230px;
}
#auditorium-wrapper .content dl {
  margin: 0;
}
#auditorium-wrapper .content dl dt {
  font-size: 14px;
  height: 36px;
  width: 121px;
}
#auditorium-wrapper .content dl dd {
  color: white;
  text-transform: none;
  width: 340px;
}
#auditorium-wrapper .content hr {
  border-top: 1px solid #000000;
  border-top: 1px solid rgba(0, 0, 0, 0.82);
  border-bottom: 1px solid #666;
}
#auditorium-wrapper .content .col-right {
  color: #ccc;
  width: 383px;
}
#auditorium-wrapper .content .col-right h5 {
  border: none;
  color: #ccc;
  font-size: 13px;
  margin-bottom: -5px;
}
#auditorium-wrapper .content .alert-message {
  margin-bottom: 0;
}
#auditorium-wrapper .content .about {
  border: 1px solid #666;
  padding: 13px;
}
#auditorium-wrapper .content .about p {
  line-height: 16px;
  margin-bottom: 17px;
}
#auditorium-wrapper .content .about p.right {
  margin-bottom: 0;
  margin-top: -6px;
  text-align: right;
}
#auditorium-wrapper .content .about p.right a {
  color: white;
}
#auditorium-wrapper .content #auction-controls {
  font-weight: bold;
  width: 100%;
}
#auditorium-wrapper .content #presential-users #users-container .user {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #999999;
  background-color: rgba(153, 153, 153, 0.55);
  border: 1px solid;
  border-bottom-color: #474747;
  border-left-color: #6B6B6B;
  border-top-color: #6B6B6B;
  border-right-color: #474747;
  color: #CCCCCC;
  display: inline;
  float: left;
  font-size: 23px;
  font-weight: bold;
  height: 39px;
  line-height: 1.7;
  margin: 0 5px 5px 0;
  text-align: center;
  width: 39px;
}
#auditorium-wrapper .content #presential-users #users-container .user:hover,
#auditorium-wrapper .content #presential-users #users-container .user.selected {
  background-color: #339900;
  background-color: rgba(51, 153, 0, 0.55);
  color: white;
  cursor: pointer;
}

/*
  * jQuery Nivo Slider v2.7.1
  * http://nivo.dev7studios.com
  *
  * Copyright 2011, Gilbert Pellegrom
  * Free to use and abuse under the MIT license.
  * http://www.opensource.org/licenses/mit-license.php
  * 
  * March 2010
  */
 /* The Nivo Slider styles */
 .nivoSlider {
  position: relative;
}
.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
}
.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
}
/* Caption styles */
.nivo-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #000;
  color: #fff;
  opacity: 0.8;
  /* Overridden by captionOpacity setting */

  width: 100%;
  z-index: 8;
}
.nivo-caption p {
  padding: 5px;
  margin: 0;
}
.nivo-caption a {
  display: inline !important;
}
.nivo-html-caption {
  display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer;
}
.nivo-prevNav {
  left: 0px;
}
.nivo-nextNav {
  right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.nivo-controlNav a.active {
  font-weight: bold;
}

@media (max-width: 1200px) {
	.nav-link {font-size: 13px !important; padding: 10px 13px !important;}
	.font50 {font-size: 40px;}
}

@media (max-width: 990px) {
.font40 {font-size: 30px;}
.number {font-size: 23px; line-height: 23px;}
h5.card-title {font-size: 18px; line-height: 22px;}
p.card-text {font-size: 13px;}
.tag {font-size: 9px;}
.txt-cierre {font-size: 11px;}
.small {font-size: 10px !important;}
.flecha::before {display: none}
}

@media (max-width: 768px) {
.slick-prev {left: 0px !important; z-index: 9;}
.slick-next {right: 0px !important; z-index: 9;}
h1 {font-size: 40px !important;}
h5.card-title {font-size: 22px;}
.tag {font-size: 10px;}
.txt-cierre {font-size: 12px;}
.img-card {min-height: 340px;}
.w-100-mob {width: 100%}
.btn.btn-primary {font-size: 15px !important;}
.btn.btn-success {font-size: 15px !important;}
.mt100 {margin-top: 98px;}
.mt90 {margin-top: 88px}
}

@media (max-width: 600px) {
.font40 {font-size: 25px;}
.small {font-size: 11px !important;}
label {padding-left: 10px !important;}
.img-card {min-height: 240px;}
.tag {font-size: 10px; line-height: 19px;}
p.card-text {font-size: 14px;}
h1 {font-size: 25px !important;}
.line::before {bottom: -5px; height: 3px}
header {padding: 6rem 0;}
.bg-home {margin-top:0rem; background-image: url(../images/bg-home-mob.jpg)}
.navbar-brand img {width: 80%;}
.font23 {font-size: 19px; line-height: 22px;}
.font50 {font-size: 36px;}
.w-100mob {width: 100% !important}
}
 
@media (max-width: 575px) {
  .main { margin-top: 5rem !important; }
}

@media(max-width: 575px) {
  #bid-modal {
    left:0%;
    width: 380px;
    height: 660px;
    top: 0%;
    overflow: hidden;
  }
}

 .inline-inputs {
   color: #9c9c9c;
 }
 .inline-inputs span {
   padding: 0 2px 0 1px;
 }
 .input-prepend input,
 .input-append input {
   -webkit-border-radius: 0 3px 3px 0;
   -moz-border-radius: 0 3px 3px 0;
   border-radius: 0 3px 3px 0;
 }
 .input-prepend .add-on,
 .input-append .add-on {
   position: relative;
   background: #f5f5f5;
   border: 1px solid #ccc;
   z-index: 2;
   float: left;
   display: block;
   width: auto;
   min-width: 16px;
   height: 18px;
   padding: 4px 4px 4px 5px;
   margin-right: -1px;
   font-weight: normal;
   line-height: 18px;
   color: #c2c2c2;
   text-align: center;
   text-shadow: 0 1px 0 #ffffff;
   -webkit-border-radius: 3px 0 0 3px;
   -moz-border-radius: 3px 0 0 3px;
   border-radius: 3px 0 0 3px;
 }
 .input-prepend .active,
 .input-append .active {
   background: #a9dba9;
   border-color: #46a546;
 }
 .input-prepend .add-on {
   *margin-top: 1px;
   /* IE6-7 */
 
 }
 .input-append input {
   float: left;
   -webkit-border-radius: 3px 0 0 3px;
   -moz-border-radius: 3px 0 0 3px;
   border-radius: 3px 0 0 3px;
 }
 .input-append .add-on {
   -webkit-border-radius: 0 3px 3px 0;
   -moz-border-radius: 0 3px 3px 0;
   border-radius: 0 3px 3px 0;
   margin-right: 0;
   margin-left: -1px;
 }
 .inputs-list {
   margin: 0 0 5px;
   width: 100%;
 }
 .inputs-list li {
   display: block;
   padding: 0;
   width: 100%;
 }
 .inputs-list label {
   display: block;
   float: none;
   width: auto;
   padding: 0;
   margin-left: 20px;
   line-height: 18px;
   text-align: left;
   white-space: normal;
 }
 .inputs-list label strong {
   color: #9c9c9c;
 }
 .inputs-list label small {
   font-size: 11px;
   font-weight: normal;
 }
 .inputs-list .inputs-list {
   margin-left: 25px;
   margin-bottom: 10px;
   padding-top: 0;
 }
 .inputs-list:first-child {
   padding-top: 6px;
 }
 .inputs-list li + li {
   padding-top: 2px;
 }
 .inputs-list input[type=radio],
 .inputs-list input[type=checkbox] {
   margin-bottom: 0;
   margin-left: -20px;
   float: left;
 }
 
 @media (max-width: 575px) {
  .form-control {
    transition: none;
    font-size: 0.8rem;
  }
 }
 
 

 .media-grid {
  margin-left: -20px;
  margin-bottom: 0;
  zoom: 1;
}
.media-grid:before,
.media-grid:after {
  display: table;
  content: "";
  zoom: 1;
}
.media-grid:after {
  clear: both;
}
.media-grid li {
  display: inline;
}

.media-grid li ~ .media-grid-item {
  display: none;
}

.media-grid li a:not([href]):hover {
  border-color: #ddd;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
ul.columns {
   list-style-type: none;
}

ul.generic-item-list a.open_lot_picture {
  display: block;
  text-align: center;
  text-decoration: underline;
  font-size: 11px;
  position: absolute;
  left: 10%;
  top: 0;
}
ul.generic-item-list a.open_lot_picture img {
  margin-bottom: -5px;
  margin-right: 5px;
}