@import url('global.css');

body {
	width: 100%;
}

.list-group-item {
	color: var(--lb-text-color-primary);
}

.loading-wrapper {
	width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.5);
}

.nav {
	--bs-nav-link-color: var(--lb-text-color-primary);
	--bs-nav-link-hover-color: var(--lb-text-color-primary);
	--bs-nav-link-disabled-color: #6c757d;
}

.nav-pills {
	--bs-nav-pills-border-radius: var(--lb-border-radius, 0.375rem);
	--bs-nav-pills-link-active-color: var(--lb-text-color-primary);
	--bs-nav-pills-link-active-bg: rgba(var(--lb-color-primary-rgb), 0.2);
	justify-content: stretch;
}

.nav-pills .nav-item {
	flex-grow: 1;
}

.nav-pills .nav-link {
	background: rgba(var(--lb-color-primary-rgb), 0.1);
	border: 0;
	border-radius: var(--lb-border-radius, 0.375rem);
	width: 100%;
}

.ficha_tr {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.5rem;
}

#clock {
	position: absolute;
	background-color: white;
	z-index: 20;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.product_lot {
	grid-row: 1;
}

.product_img {
	grid-row: 2;
}

.product_desc {
	grid-row: 4;

	display: flex;
	flex-direction: column;
	justify-content: stretch;
}

.tr_user_info {
	grid-row: 3;
}

.tr_user_streaming {
	grid-row: 5;

	display: flex;
	flex-direction: column;
	justify-content: stretch;
}

.tr_user_auction_lots {
	grid-row: 7;
	grid-column: 1 / 2;
	overflow: hidden;
}

.tr_user_awards_messages {
	grid-row: 6;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
}

@media (min-width: 992px) {
	.ficha_tr {
		grid-template-columns: 1fr 1fr;
	}

	.product_img {
		grid-column: 1 / 2;
		grid-row: 2 / 4;
	}

	.product_desc {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	.tr_user_info {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}

	.tr_user_streaming {
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	}

	.tr_user_auction_lots {
		grid-column: 1 / 3;
		grid-row: 5 / 6;
	}

	.tr_user_awards_messages {
		grid-column: 2 / 3;
		grid-row: 4 / 5;
	}

}

@media (min-width: 1200px) {
	.ficha_tr {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.tr_user_streaming {
		grid-column: 3 / 4;
		grid-row: 2 / 4;
	}

	.tr_user_auction_lots {
		grid-row: 4 / 5;
	}

	.tr_user_awards_messages {
		grid-column: 3 / 4;
	}
}

/*
|--------------------------------------------------------------------------
| tr_user_info
|--------------------------------------------------------------------------
*/
.actual_descripcion {
	flex: 1;
}

.prices>.block-price {
	display: flex;
	gap: 5px;
}

.prices>.block-price>p:first-of-type {
	flex: 1;
}

.pactual {
	font-weight: var(--font-bold);
}

.input-puja {
	font-size: 18pt;
}

.input-puja input {
	border-right: 0;
}

.input-puja .input-group-text {
	background: transparent;
    border-left: 0;
    border-right: 0;
}

.autocomplete-suggestions {
	padding: 0.5rem;
}

.autocomplete-suggestion {
	padding: 0.25rem 0;
}

/*
|--------------------------------------------------------------------------
| Fair warning
|--------------------------------------------------------------------------
*/


#fairwarning {
	position: absolute;
	background: #bd0a0a;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	text-align: center;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	color: #fff;
	font-weight: var(--font-extra-light);
	font-size: 22pt;
}

.parpadea {

	animation-name: parpadeo;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name: parpadeo;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@-webkit-keyframes parpadeo {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@keyframes parpadeo {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

/*
|--------------------------------------------------------------------------
| Cuenta atras
|--------------------------------------------------------------------------
*/
.count_down_msg {
	position: absolute;
	top: 0;
	background: rgb(219, 219, 219);
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.count_down_msg .final_auction {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.3;
}

.count_down_msg p {
	font-weight: bold;
	font-size: clamp(3.75rem, 3.3894rem + 1.6026vw, 5.3125rem);
	line-height: 1;
	color: #c30e16;
}

@media (min-width: 992px) {
	.count_down_msg {
		flex-direction: column;
	}
}

/*
|--------------------------------------------------------------------------
| tr_user_streaming
|--------------------------------------------------------------------------
*/
.pujas_model {
	display: flex;
	justify-content: space-between;
}

.tab-streming-bids {
	--lines: 10;
	--heightEachLine: 32px;
	height: calc(var(--lines) * var(--heightEachLine));
	overflow-y: auto;
	padding-right: 0.5rem;
	flex-grow: 1;
}


/*
|--------------------------------------------------------------------------
| auctions lots
|--------------------------------------------------------------------------
*/
.header_aucions_lots {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(var(--lb-color-primary-rgb), 0.2);
	margin-bottom: 0.5rem;
}

.carrousel-lot-card img {
	border-radius: 0;
	height: 140px;
}

.carrousel-lot-card.actual-lot .card-lot-title {
	color: var(--lb-color-secondary);
}

.lots-carrousel .slick-slide {
	margin: 0 1.15rem;
}

.lots-carrousel .slick-list {
	margin: 0 -1rem;
}

.tab-awards-messages {
	--lines: 10;
	--heightEachLine: 29.86px;
	height: calc(var(--lines) * var(--heightEachLine));
	overflow-y: auto;
	line-height: 1.4;
	flex-grow: 1;
}

/*
|--------------------------------------------------------------------------
| Streaming
|--------------------------------------------------------------------------
*/
#nav-streaming {
	margin: -0.25rem;

	display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}

.delay {
	font-size: 13px;
}

/*
|--------------------------------------------------------------------------
| Modals
|--------------------------------------------------------------------------
*/
.panel .btn-danger {
	color: #fff;
}

.insert_msg {
	margin-bottom: 1rem;
}

/*
|--------------------------------------------------------------------------
| Header
|--------------------------------------------------------------------------
*/
header {
	border-bottom: 1px solid var(--lb-color-secondary);
}


.navbar > .navbar-container > * {
	padding-bottom: 0;
	margin-bottom: 0;
}

header .navbar-brand {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
}

header .navbar-brand img {
	object-fit: contain;
	height: 100%;
}

header .navbar-brand img.logo {
	width: 50%;
	margin: auto
}

@media(min-width: 768px) {
	header .navbar-brand img.logo {
		width: 100%;
		object-position: left;
	}
}


/*
|--------------------------------------------------------------------------
| tr_user_info
|--------------------------------------------------------------------------
*/
.input-puja input {
	border-right: 0;
	font-size: 24px;
	/*font size in pixels*/

}

.input-puja .input-group-text {
	background: transparent;
    border-left: 0;
    border-right: 0;
	font-size: 24px;
}

.tr_user_streaming iframe{
	max-width: 100%;
}