html, body {
    font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: rgb(66, 43, 92);
}

select#category, select#category option {
    font-family: 'Roboto Condensed', sans-serif;
}

.navbar {
    z-index: 999;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #f1f1f1;
}

.navbar .nav-item .nav-link {
    color:rgb(66, 43, 92);
}

footer {
    padding-top: 30px;
}

hr {
    color:#dfdfdf;
}

#cover{
    background-size: cover;
    background-repeat:no-repeat;
    background-position: center center;
    background-color: rgb(255, 255, 255);
    top: 0;
    bottom: 0;
    width: 100%;
    max-height: 100vh;
    overflow: hidden;
    color:white !important;
}

#cover h1 {
    color:white;
}

.overlay{
    background: linear-gradient(90deg, rgba(150, 0, 187, 0.9) 0%, rgba(255, 255, 255, 0) 90%);
    background-size: cover;
    background-repeat:no-repeat;
    background-position: center center;
    top: 0;
    bottom: 0;
    width: 100%;
    max-height: 100vh;
    position:absolute;
}

.overlay.live {
    background: linear-gradient(90deg, rgba(212, 24, 24, 0.9) 0%, rgba(62, 9, 255, 0) 90%);
}
  
#cover .item {
    position: relative;
    height: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cover.with-tapa .item {
    background-color: rgba(0, 0, 0, 0.9);
}

#cover .caption-center {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    max-width: 80%;
    max-height: 50%;
    z-index: 10;
    margin: auto;
    text-align: center;
    width: 100%;
}

.video-container-full {
    position: absolute;    
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color:black;
}
.video-container-full video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.container.lot, .container-fluid.lot{
    margin-top:70px;
}


.l-price-currency, .l-myprice-currency {
    font-size: 0.5em;
}

.container.page {
    margin-top:90px;
}

.container-video {
    position: relative;
    overflow: hidden;
}

.container-video-layer {
    position: absolute;
    z-index: 100;
    width: 35%;
    right: 0;
}

.container-video-layer-relative {
    position:relative;
    width: 100%;
}

/*
.container-video-layer-col {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(62, 9, 255, 0) 0%, rgb(129, 11, 11) 90%);
    float: right;
    height:1543px;
}

.container-video-layer-col hr {
    background: rgb(255, 255, 255);
    background:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(129, 11, 11) 100%);
}
*/


/**
 * CAROUSEL CONTROL
 */
.carrousel-controls {
    margin: 20px 0;
}


/**
 * COMPARTIR
 */
.row-shared {
    margin:20px 0px;
}

.table.bids td {
    border-bottom-color: rgba(129, 11, 11, 0.3);
}

.container-video {
   /* background-color: rgb(129, 11, 11)*/
}

.carrousel-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; 
    justify-content:flex-start ;
}

.carrousel-list {
    display: flex;
	flex-wrap: nowrap;
}

.carrousel-item {
	text-align: center;
    flex: 0 0 100px;
    margin: 10px;
}

.carrousel-item.active img {
    border:2px solid lime;
}

.btn:focus,.btn:active {
    outline: none !important;
    box-shadow: none !important;
}


/**
 * FORM
 */
.form-icon-require {
    color:rgb(165, 64, 31);
    font-size: 0.6em;
}

.error-message {
    color:red;
    font-size: 0.9em;
    margin-top:2px;
}

.table.bidbit thead tr th  {
    border-bottom-color: red;
}

.text-gradient {
    background: -webkit-linear-gradient(rgb(248, 55, 255), rgb(255, 0, 106));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
}

img.grayscale {
    filter: grayscale(100%);
}

.text-bidbit {
    color:rgb(255, 0, 106);
}

/** CAROUSEL GALLERY **/
.carousel-inner {
    min-height: 200px;
}

.mycard {
    border-color:white;
}

/** BOX INFO **/
.box-info {
    padding:8px;
    border-left:4px solid black;
}

.box-info.danger {
    border-left-color: red;
}

.row-win {
    background-color: rgb(136, 255, 24);
}

.row-win h6 {
    font-weight: bold;
    font-weight: 700;
}

.navbar .navbar-toggler {
    background-color: transparent;
    border: none;
}

.navbar-toggler-icon {
    color:white !important;
    border-color: white !important;
}

.mylink {
    color: rgb(129, 207, 12)
}

.mylink:hover {
    color: rgb(153, 255, 0)
}

.myBtnOperation {
    color:white
}


.myPriceToBid .lot-myprice {
    font-size: 0.5em;
}

.lot-currency-price {
    font-size: 0.5em !important;
}

.lot-you-win {
    background: rgb(209,255,184);
    background: linear-gradient(180deg, rgb(255, 255, 255) 75%, rgb(0, 102, 51) 100%);
    border: 1px solid rgb(0, 255, 128) !important;
}

.lot-you-loose {
    background: rgb(209,255,184);
    background: linear-gradient(180deg, rgb(255, 255, 255) 75%, rgb(211, 0, 0) 100%);
    border: 1px solid rgb(255, 0, 0) !important;
}

.lot-you-win .myBids table td h6 , .lot-you-loose .myBids table td h6{
    color:white !important
}

.my-card-big.lot-you-win {
    background: rgb(209,255,184);
    background: linear-gradient(45deg, rgb(255, 255, 255) 76%, rgb(0, 102, 51) 100%);
}

.my-card-big.lot-you-win .myBids table td h6 , .my-card-big.lot-you-loose .myBids table td h6{
    color:inherit !important
}

.container-btn {
    position: relative;
}

.pb {
    background-color: rgb(0, 102, 51);
}

.container-btn .progress{
    position:absolute;
    left:0;
    top:0;
    width: 100%;  
    height: 38px;
    background-color: #dc3545;
}

.container-btn.disabled .myBtnToBid {
    color: #ffc107 !important;
}

.container-btn.disabled .progress {
    background-color: transparent;
    border:1px solid #ffc107;
}

.myBtnOperation.btn-outline-warning {
    color: #ffc107 !important
}

.myBtnToBid {
    position: relative;
    width: 100%;
    z-index: 100;
    color:white;
}

.myBtnToBid:hover {
    color:yellow;
}

.my-favorite-on-image {
    position:absolute;
    margin: 2px 0 0 4px;
}

.text-mybid {
    font-size: 0.7em;
    font-weight: bold;
    color:rgb(0, 247, 255);
}

.bidbit-image-zoom a {
    display: block;
    overflow: hidden;
}

.bidbit-image-zoom a img {
    transition: all .4s ease-in-out;
}

.bidbit-image-zoom a:hover img {
    transform: scale(1.1);
}

.bidbit-image-zoom a:hover {
    cursor: pointer; 
}

.bidbit-image-zoom .img-zoom {
    position: relative;
    width: auto;
}

.bidbit-image-zoom .img-zoom::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z' fill='%23666666'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    background-color: #f5f5f5;
    border-radius: 50%;
    box-shadow: 5px 5px 5px rgba(0,0,0,.1);
    padding: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    position: absolute;
    transition: all .4s ease-in-out;
    opacity: .6;
}


.table-striped > tbody > tr:first-child td:first-child {
    border-top-left-radius: 10px;
}

.table-striped > tbody > tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

.table-striped > tbody > tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
    border-bottom: 0;
}

.table-striped > tbody > tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
    border-bottom: 0;
}

.table-striped>:not(caption)> *> * {
    background-color: #f5f5f5;
}

/* Modal Login */

.loginModal {
    position: fixed;
    top: 50%;
    top: -500%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    height: auto;
    background-color: #ffffff;
    z-index: 1000;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 120px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 120px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 120px 0px rgba(0,0,0,0.4);
    transition: all .8s ease-in-out;
    padding: 25px 20px;
}

.loginModal.show {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loginModal .loginModal_close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.loginModal .loginModal_close svg {
    width: 30px;
    height: 30px;
}

@media screen and (max-width: 991px) {
    .loginModal {
        width: 60%;
        height: auto;
    }
}

@media screen and (max-width: 991px) {
    .loginModal {
        width: 90%;
        height: auto;
    }
}