﻿
/* hack to style the auction module for now*/

.SubHead + td {
   
	vertical-align: middle;
   
}

.am_EditTable{
	background: #fff;
	border:none !important;
	margin-bottom: 0 !important;
}

.am_EditTable td{
	padding: 0 0.7em 0.5em;
	
}
.auc-bid-table td{
	padding: 0.5em 0.7em;
}

.auc-bid-table .auc-detail-bidding-row td{
	padding-bottom: 1.1em;
}



.am_EditTable .NormalRed{
	font-weight: normal;
}

.am_EditTable td.SubHead{
	width: 0;
	border: none !important;	
}

.am_EditTableHeader{
	
	border: none !important;
	
}

.am_EditTable input{
	padding: 8px !important; 
	display:inline-block;
	border: solid 1px #888 !important;
}
.am_EditTable input[type=text]{
	min-width: 6em;
}

.am_EditTable input[type=submit]{
	position:relative;
	border: none !important;
	top:-2px;
}

/* Back button */
.btn-back{
	text-align: right;
}




*[id*=AM_LotsBid_tblMainLayoutTable] {
    width: 100%;
}

#bidModuleInsert .normal {
    font-size: 1em !important;
}
/* end hack */



/* Lot detail block */
.auc-lot-detail-data {
    margin-top: 1em;
}

.date{
	padding-bottom: 0.7em;
}
.date, .section {
    font-weight: bold; /* bold font the headers */
    margin-bottom: 2px;
}

.info {
    margin-bottom: 1em; /* space out the information blocks */
}

.info .fav , .info .detailMoreFromLinks {
   font-weight: 300;
   margin-bottom: 0.5em;
   margin-left: 1em;
}

.info .detailFavoriteTagLinks div{
	 margin-bottom: 0.5em;
}

.info .section{
	padding-bottom: 0.5em;
}
.info .head{
	font-weight: 300;
	display:inline-block;
	min-width: 10em;

}

.auc-lot-prices .head{
	margin-left: 1em;
}
.info .value{
	display:inline-block;
	margin-left: 0.5em;
}
/* Class should be changed */
.info .col-12{
	
}

.text {
    margin-left: 1em;
}

.fav img {
    display: inline; /* Display the image on the same line as the "Add to Favourites" text */
    margin-bottom: 2px;
}

.fav p {
    display: inline;
    cursor: pointer;
}


.btwgPrint {
    float: left;
}
.btwgPrint a{
    color: #444;
    font-size: 16px;
}

.btwgMagnify {
    /*color: #000;
    background-color: #fff;*/
    font-size: 24pt;
    float: left;
    position: absolute;
    z-index: 5;

    /* This flips the magnifying glass horizontally */
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.detailMoreFromLinks {
}
.detailMoreFromLinks img {
    display: inline;
}
.detailMoreFromLinks a:link, .detailMoreFromLinks a:hover, .detailMoreFromLinks a:visited {
    text-decoration: none;
}

/* Old carrousel overrrule */
.carousel-inner{
	margin: 1em 0;
	display:flex;
	flex-wrap:wrap;
	gap: 1em;
}

@media screen and (min-width: 768px){
	.carousel-inner{
		margin: 1.9em 0 1em;
	}
	
}

.carousel{
	
	padding-top: 0.5em;
	
}


.carousel-inner .item-wrap{
	
	flex-basis: calc(50% - 0.5em);
	position:relative;
	
}


@media screen and (min-width: 768px){
	
	.carousel-inner{
		gap: 3em;
	}
	
	.carousel-inner .item-wrap{
	
		flex-basis: calc(50% - 1.5em);

	}
	
}


.carousel-inner .fa-search{
	
	display:inline-block;
	position: absolute;
	top:0;
	right:0;
	padding: 0.3em;
	font-size: 1.5em;
	color: #888;
	text-shadow: 0 0 3px #fff;
	
	
}
.carousel-inner a:hover .fa-search{
	color: #000;
}

/*
@media screen and (min-width: 1200px){
	
	.carousel-inner a{
		flex-basis: calc(100% - 1em);
	}
	
}*/

/* 2023 added */

.auc-lot-details p{
	
	margin:0;
}


/* Lightbox */
.modal .ratio {
	background: transparent !important;
	--bs-aspect-ratio: 95%;
	
}
.modal .ratio .mh-100 {
    max-height: 100vh !important;
}
.modal .btn-close{
	background: #fff !important;
	opacity: 1;
	margin: 0.5vw;
}
.modal .btn-close svg{
	fill: #000;
}

.modal .carousel-control-next-icon,
.modal .carousel-control-prev-icon{
	background-color: #fff;
	display:inline-block; 
	background-image: none;
	
}

.modal .carousel-control-prev-icon:after,
.modal .carousel-control-next-icon:after{
	
	display:inline-block;
	font-size: 2em;
	line-height: 1.5rem;
	color: #000;
}

.modal .carousel-control-prev-icon:after{
	content: "‹";
	
}

.modal .carousel-control-next-icon:after{
	content: "›";
	
}
