:root {

}


/* .breadcrumb */
.breadcrumb {
	background-color: var(--var-breadcrumb-backgroundColor) !important;
}

/* .bidmate-search-box */
.form-group .form-control.bidmate-search-box {
	background-color: var(--var-searchBox-backgroundColor) !important;
	color: var(--var-searchBox-color) !important;
	border: var(--var-searchBox-border) !important;
}

.breadcrumb li,
.breadcrumb li i {
	color: var(--var-breadcrumb-li-color) !important;
}
.breadcrumb li a,
.breadcrumb li span.link {
	color: var(--var-breadcrumb-li-a-color) !important;
}

#navBar {
	width: 100%;
	background: var(--var-navbar-backgroundColor);
}

#navBar #header {
	width: calc(100% - 0px);
	background: var(--var-navbarHeader-backgroundColor);
	padding: 20px;
	margin: 0 auto;
}

#navBar .search-table {
	display: table;
	height: 75px;
	width: 100%;
}
#navBar .search-table .search-cell {
	display: table-cell;
	vertical-align: middle;
}
#navBar .search-table .search-cell .form-group {
	margin: 0px;
}
#navBar .search-table .search-cell .form-group input {
	font-size: 1.5em;
}
#navBar #nav {
	width: 100%;
	background: var(--var-navbarNav-backgroundColor);
	border-top: var(--var-navbarNav-borderTop);
	border-bottom: var(--var-navbarNav-borderBottom);
	min-height: 25px;
	position: relative;
	margin: 0 auto;
}

#navBar #nav.proof {
	text-align: center;
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#navBar #nav ul {
	padding: 10px;
	margin: 0px;
}

#navBar #nav ul li {
	display: inline-block;
	background: transparent;
	color: var(--var-navbarNav-color);
	padding: 5px;
	cursor: pointer;
	padding-left: 15px;
	padding-right: 15px;
}
#navBar #nav ul li.active {
	font-weight: var(--var-navbarNav-weightActive);
}

#navBar #nav ul li div:hover {
	opacity: 0.5;
	-webkit-animation-name: shake;
	animation-name: shake;
}

#navBar #nav ul.mobile-open,
#navBar #nav ul.mobile-open li {
	width: 100%;
	text-align: center;
}
#wrapper {
	width: calc(100% - 60px);
	max-width: 1234px;
	padding-bottom: 25px;
	margin: 0 auto;
	background: transparent;
	margin-top: 25px;
	min-height: 100vh;
}

.title {
	width: 100%;
	font-size: 3em;
	color: var(--var-title-color);
	margin-bottom: 25px;
}

.title i {
	color: var(--var-title-color-italic);
	cursor: pointer;
}
.panel,
.card-box {
	width: calc(100% - 6px);
}

.panel:not(.transparent),
.card-box {
	margin: 3px;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-radius: 5px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-right: 1px solid rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background: var(--var-panelCard-backgroundColor);
	color: var(--var-panelCard-color);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
}

.panel:not(.static),
.card-box:not(.static) {
	cursor: pointer;
}
.panel:not(.static):hover,
.card-box:not(.static):hover {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.8);
}
.panel .panel-heading {
	font-size: 2em;
	padding: 10px;
	padding-left: 20px;
}

.panel .panel-content {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	background: var(--var-panelCard-backgroundColor);
	background-size: cover;
}

.ratio-banner {
	padding-bottom: 20%;
}

body.is-outlet-body-wrapper .panel .panel-content.ratio-16_9 {
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-color: #e1e1e1 !important;
	padding-bottom: 78% !important;
}
.panel .panel-content.ratio-16_9,
.ratio-16_9 {
	padding-bottom: 56.25%;
}
.panel .panel-widescreen {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;

}
.panel .panel-widescreen:not(.custom) {
	background: var(--var-panel-panelWidescreen-notCustom-backgroundColor);
}

.panel .panel-widescreen.custom {
	background-size: auto auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.panel .panel-body {
	padding: 10px;
	background: var(--var-panelCard-backgroundColor);
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}


.panel.transparent .panel-body,
.panel.transparent .panel-footer {
	background: transparent !important;
}


.panel .panel-footer {
	padding: 10px;
	background: var(--var-panelCard-footer-backgroundColor);
	border-right: var(--var-panelCard-footer-borderValue);
	border-bottom: var(--var-panelCard-footer-borderValue);
	padding-left: 20px;
	padding-right: 20px;
}

.panel .panel-footer.danger {
	background: #FFBCB5;
}
.panel .panel-footer.bid {
	background: rgba(68,172,178,0.1)
}
.panel .panel-body b {
	display: block;
	font-size: 1.2em;
}
.card-box {
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
}
.card-box:not(.color) {
	background: rgba(68,172,178,0.2);
	color:  #333;
}

.card-box .card-wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	display: table;
}
.card-box .card-content {
	width: calc(100% - 10px);
	margin-left: 5px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	font-size:20px;
}

.card-box.icon-based i.mdi {
	font-size: 2em !important;
	display: block;
}
/*
.background-opacity-child div[class*="col-"]:nth-child(1) .card-box {
	background: rgba(32,142,148,1);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(2) .card-box {
	background: rgba(32,142,148,0.95);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(3) .card-box {
	background: rgba(32,142,148,0.9);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(4) .card-box {
	background: rgba(32,142,148,0.85);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(5) .card-box {
	background: rgba(32,142,148,0.80);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(6) .card-box {
	background: rgba(32,142,148,0.75);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(7) .card-box {
	background: rgba(32,142,148,0.7);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(8) .card-box {
	background: rgba(32,142,148,0.65);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(9) .card-box {
	background: rgba(32,142,148,0.6);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(10) .card-box {
	background: rgba(32,142,148,0.55);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(11) .card-box {
	background: rgba(32,142,148,0.5);
	color: #FFF;
}
.background-opacity-child div[class*="col-"]:nth-child(12) .card-box {
	background: rgba(32,142,148,0.45);
	color: #FFF;
}*/

ul.filterNav {
	position: absolute;
	right: 0px;
	top: 0px;
}

.category-card.category-card-invalid {
	opacity: 0.1;
	cursor: not-allowed;
}


.ribbon-container {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: -3px;
}

.ribbon-container .ribbon {
	font: 300 15px Sans-Serif;
	text-align: center;
	/*text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;*/
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	font-size: 14px;
	padding-left: 5px;
	background: #0a848a;
	color: #FFF;
}


.ribbon-container .ribbon.ribbon-danger {
	background: red;
}
.ribbon-container .ribbon.ribbon-warning {
	background: #F4A261;
}


.stripe-payment-notice-error {
	text-align: center;
	color: red;
	padding: 10px;
	background: rgba(255,0,0,0.2)
}
.info-row {
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
}

.info-row .info-col {
	display: inline-block;
}
.info-row .info-col:first-child {
	font-style: italic;
}
.info-row .info-col:last-child {
	font-weight: bold;
}
.info-row.second-right .info-col:last-child {
	text-align: right;
}
.info-row.second-right .info-col {
	display: inline-block;
	width: 45%;
}

.bid-place-title {
	font-size: 14px;
}

.options-selected .option-available:not(.option-selected) {
	opacity: 0.5;
}

.stripe-payment-wrapper {
	width: 100%;
	max-width: 410px;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 50px;
}

.stripe-payment-wrapper .StripeElement {
	margin: 3px;
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-radius: 5px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-right: 1px solid rgba(0,0,0,0.50);
	border-bottom: 1px solid rgba(0,0,0,0.50);
	border-top: 1px solid rgba(0,0,0,0.25);
	border-left: 1px solid rgba(0,0,0,0.25);
	background: #FFF;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	padding: 20px;
	margin-bottom: 15px;
}
#modal-overlay {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 20;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.5);
}

#modal-overlay.overlay-active {
	display: block;
}
p.link {
	cursor: pointer;
	color: var(--var-linkColor);
}

p.link.button {
	text-decoration: underline;
	width: 100%;
	padding: 6px;
	border: 1px solid var(--var-bidmate-dark);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

p.nl2br.b-block b {
	display: inline-block !important;
	font-size: inherit !important;
}
#modal-panel {
	position: absolute;
	left: calc(50% - 500px);
	top: 50px;
	padding: 25px;
	background: #FFF;
	width: 1000px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.35);
	border-right: 1px solid rgba(0,0,0,0.5);
	border-bottom: 2px solid rgba(0,0,0,0.75);
}

@media screen and (max-width: 400px) {
	#modal-panel.modal-panel-size-sm {
		width: 96% !important;
		left: 2% !important;
	}

	#modal-panel.modal-panel-size-sm .BM-modal-body {
		width: 90% !important;
		margin: 0 auto !important;
		padding-bottom: 25px !important;
	}
}
#modal-panel.modal-panel-size-sm {
	width: 400px;
	left: calc(50% - 200px);
}

#modal-panel.modal-panel-size-md {
	width: 600px;
	left: calc(50% - 300px);
}


@media screen and (max-width: 1050px) {

	#modal-panel {
		left: 10px;
		background: #FFF;
		width: calc(100% - 20px);
	}

}
#modal-container {
	width: 100vw;
	left: 0px;
	top: 0px;
	height: 100vh;
	display: table;
	position: absolute;
	background: blue;
}
#modal-content {
	width: 200px;
	height: 100vh;
	display: table;
	background: green;
}
#modal-body {
	width: 50px;
	height: 100px;
	display: table-cell;
	vertical-align: middle;
	background: red;
}

.BM-modal-header {
	position: relative;
	font-size: 28px;
	padding-bottom: 25px;
}
.BM-modal-header i.mdi {
	position: absolute;
	right: 0px;
	top: 0px;
}

.BM-modal-body {
	max-height: calc(100vh - 100px - 90px);
	overflow: auto;
}

.BM-confirm-bid-box {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 15px;
	background: #f5f6f6;
	margin-top: 25px;
}

.BM-confirm-bid-box.BM-you-are-overbid {
	background: red;
	color: #FFF;
}

.BM-confirm-bid-box h3 {

}

table.info-table {
	width: 100%;
}
table.info-table tbody tr td:last-child {
	font-weight: bold;
}
table.info-table tbody tr td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.icon-color i.mdi.mdi-check {
	color: green;
}
.icon-color i.mdi.mdi-close {
	color: red;
}

.panel-body.card-title {
	background: #f5f6f6;
	padding: 10px;
	margin-bottom: 0px;
}

.panel-body.card-title p {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.separator-top {
	margin-top: 25px;
	padding-top: 15px;
	border-top: 1px dashed #e1e1e1;
}

p.link.tight {
	margin: 0px;
	padding: 0px;
}
p.link.bold {
	font-weight: bold !important;
}

.panel-footer.object-state-ended {
	background: #F7A9A8;
	font-size: 20px;
}
.panel-footer.object-state-active {
	background:#CDEAC0;
	font-size: 20px;
}

.nav.nav-pills .nav-link {
	cursor: pointer;
}

.nl2br {
	white-space: pre-line;
}

.panel-body.tab-vertical {
	padding: 0px;
}

.panel-body.tab-vertical ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	width: 100%;
}

.panel-body.tab-vertical ul li {
	width: 100%;
	padding: 10px;
	padding-left: 20px;
	background: rgba(0,0,0,0.01);
	cursor: pointer;
}

.panel-body.tab-vertical.tab-vertical-50-50 ul li {
	width: 50%;
}
.panel-body.tab-vertical ul li:hover {
	background: rgba(68,172,178,0.4);
}

.panel-body.tab-vertical ul li.active {
	background: rgba(68,172,178,0.2);
}

.select-button-wrapper {
	position: relative;
}
.select-button-wrapper.disabled .select-button {
	opacity: 0.5;
	cursor: not-allowed;
}
.select-button-wrapper ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	background: #222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	position: absolute;
	left: -5px;
	top: 5px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
	max-height: 300px;
	overflow: auto;
	z-index: 1000000;
}
.select-button-wrapper ul li {
	width: 100%;
}
.select-button-wrapper ul li div {
	padding: 5px;
	padding-left: 15px;
}
.select-button-wrapper ul li div.disabled {
	cursor: not-allowed;
	color: rgba(255,255,255,0.4)
}
.select-button-wrapper ul li div.ok {
	cursor: pointer;
	color: #FFF;
}
.select-button-wrapper ul li div:hover {
	background: rgba(0,0,0,0.2);
}
.select-button .arrow-down {
	position: absolute;
	right: 10px;
	top: 1px;
	font-size: 28px;
	color: #888;
}

.select-button-wrapper.max-300P ul {
	width: 400px !important;
}

.select-button {
	width: 100%;
	display: block;
	background: #FFF;
	color: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px;
	padding-left: 15px;
	cursor: pointer;
	position: relative;
}
.select-button.small {
	padding-left: 8px !important;
}
.select-button-wrapper {
	position: relative;
}
.select-button-wrapper.disabled .select-button {
	opacity: 0.5;
	cursor: not-allowed;
}

span.link {
	color: #007bff;
	cursor: pointer;
}

.breadcrumb {
	margin-bottom: var(--var-box-margin-bottom) !important;
}

.margin-bottom-box {
	margin-bottom: var(--var-box-margin-bottom) !important;
}
.margin-top-box {
	margin-top: var(--var-box-margin-bottom) !important;
}

@media screen and (max-width: 500px) {

	ol.breadcrumb li.breadcrumb-item {
		width: 100%;
		padding-bottom: 10px;
		padding-top: 10px;
		border-top: 1px solid rgba(0,0,0,0.05);
	}

	ol.breadcrumb li.breadcrumb-item:first-child {
		margin-left: 4px;
		border-top: 0px !important;
		padding-top: 0px !important;
	}

	ol.breadcrumb li.breadcrumb-item:last-child {
		padding-bottom: 0px !important;
	}

	.breadcrumb-item+.breadcrumb-item::before {
		padding: 0px !important;
		content: "" !important;
	}

	.breadcrumb-item+.breadcrumb-item {
		padding-left: 0px !important;
	}

	.select-button-wrapper.max-300P ul {
		width: 100% !important;
	}
	#wrapper {
		width: calc(100% - 10px) !important;
	}

	body:not(.is-outlet-body-wrapper) #wrapper {
		margin-top: 5px !important;
	}

	body.is-outlet-body-wrapper #wrapper {
		/*margin-top: 15px !important;*/
	}

}

.event-table tr td {
	border: 0px !important;
}

.event-table tr {
	cursor: pointer;
}

.event-table-image {
	width: 170px;
	padding: 0px !important;
}
.event-table-info span {
	display: block;
}
.event-table-image img {
	width: 100%;
}

.event-table-info {
	text-align: left;
}

.proof-wrapper {
	max-width: 700px;
	margin: 0 auto;
}
#particle-js-wrapper {
	width: 100%;
	height: 150px;
	background-size: cover;
}
#particles-js {
	width: 100%;
	height: 150px;
	background-color: rgba(0,0,0,0.4);
	background-size: cover;
}
.proof-wrapper table {
	font-size: 14px;
}
.proof-wrapper table tr td {
	border: 0px;
}
.proof-wrapper table tr td:first-child {
	font-weight: bold;
	text-align: left;
}
.proof-wrapper table tr td:last-child {
	text-align: right;
}
ul.nav.nav-pills.bidmate li.nav-item .nav-link:not(.active) {
	color: var(--var-bidmate-dark);
	background: var(--bidmate-nav-link-color);
}
ul.nav.nav-pills.bidmate li.nav-item .nav-link.active {
	background-color: var(--bidmate-nav-link-color);
	color: #FFF;
}

.error-modal {
	text-align: center;
}

.error-modal i {
	font-size: 96px;
}


.b-separator b {
	display: block;
	margin-top: 25px;
	margin-bottom: 25px;
}

i.mdi.link {
	color: var(--var-bidmate-dark);
	cursor: pointer;
}

ul.navBarBottom {
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #FFF;
	font-size: 11px;
}
ul.navBarBottom li {
	display: inline-block;
	text-align: center;
	width: calc(25% - 5px);
	padding-top: 5px;
	padding-bottom: 5px;
}
ul.navBarBottom li.active {
	background: rgba(0,0,0,0.1);
	color: var(--var-bidmate-dark);
}

ul.navBarBottom li i.mdi {
	display: block;
	font-size: 18px;
}

p.proof-line-up {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}
p.proof-line-up small {
	display: block;
}

div.error-box {
	width: 100%;
	text-align: center;
	padding: 20px;
	font-size: 18px;
	color: red;
	background: rgba(255,0,0,0.05);
}
div.success-notice-box {
	width: 100%;
	text-align: center;
	padding: 20px;
	font-size: 18px;
	color: #43acb2;
}

.event-fixed-bottom-right {
	position: fixed;
	right: 15px;
	top: 15px;
	border: 2px solid #999;
	background: #FFF;
	line-height: 46px !important;
	cursor: pointer;
	opacity: 0.7;
	text-align: center;
	font-size: 32px;
	height: 50px;
	width: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.event-fixed-bottom-right.event-new-alert {
	border-color: #da654b;
	background: #FFF !important;
	color: #da654b;
	opacity: 1;
}


.event-alert-top-right {
	position: fixed;
	top: 17px;
	right: 17px;
	font-size: 14px;
	z-index: 10;
	display: block;
	width: 20px;
	height: 20px;
	background: #fff;
	text-align: center;
	-webkit-border-radius:10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	color: #da654b;
}

p.small-notice {
	font-size: 12px;
}

.bid-pagination {
	font-size: 24px;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-top: 10px;
	position:relative;
}

.bid-pagination small {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0px;
	left: 0px;
	font-size: 11px;
}
.bid-pagination i.mdi.bid-pag-left {
	margin-right: 25px;
	cursor: pointer;
}
.bid-pagination i.mdi.bid-pag-right {
	margin-left: 25px;
	cursor: pointer;
}

.bid-pagination i.mdi.not-allowed {
	opacity: 0.2;
	cursor: not-allowed;
}

.more-objects-separator-title {
	display: block;
	width: 100%;
	padding-left: 3px;
	padding-top: 25px;
	font-size: 20px;
	padding-bottom: 15px;
}

.loading-box-waiting-trans {
	position: fixed;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
	height: 80px;
	width: 80px;
}

.loading-box-waiting-trans-wrapper {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background: #FFF;
	z-index: 1000;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-ring.small {
	zoom: 0.15;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid var(--var-bidmate-dark);
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: var(--var-bidmate-dark) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#footer {
	position: relative;
	bottom: 0px;
	left: 1px;
	width: calc(100% - 2px);
	height: auto;
	background: transparent;
}

#footer .footer-wrapper span {
	display: inline-block;
	margin-left: 25px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

#footer .footer-wrapper.social span {
	font-size: 24px;
}

#footer .footer-wrapper span:first-child {
	margin-left: 8px !important;
}
#footer .footer-wrapper span:hover {
	color: var(--var-bidmate-dark)
}
#footer .footer-wrapper {
	width: 100%;
	background: #555;
	color: #FFF;
}
#footer .footer-wrapper .footer-wrapper-inner {
	width: calc(100% - 60px);
	max-width: 1234px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 auto;
	border-bottom: 0px solid #444;
}

#footer .footer-wrapper:last-child {
	border-bottom: 0px solid #CCC;
}

.panel.category-card .custom.contact {
	/*background: var(--var-bidmate-dark)*/
	background: #e1e1e1;
}

.panel-footer.bid-object-row {
	height: 97px;
	overflow: hidden;
	padding: 0px !important;
	background: transparent;
	width: 100%;
}

.bid-object-row-inner {
	display: table;
	width: 100%;
	height: 97px;
	overflow-x: hidden;
}

.bid-object-row-inner span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	font-size:20px;
	color: var(--var-bidmate-dark);
	font-weight: bold;
	max-height: 75px;
	overflow-y: hidden;
}

.panel.category-card .button-link {
	color: var(--var-bidmate-dark);
	display: block;
	width: 100%;
	font-weight: bold;
	margin: 0px !important;
}

.panel.category-card .custom i.mdi {
	position: absolute;
	left: calc(50% - 48px);
	top: calc(50% - 73px);
	font-size: 96px;
	color: #555;
}

.panel .panel-widescreen.panel-employee {
	background-size: cover;
	padding-bottom: 100% !important;
	background-position: center center;
	background-repeat: no-repeat;
}
.panel .panel-widescreen.panel-employee.panel-employee-tobias {

}
.store-price-splash {
	font-size: 16px;
	line-height: 16px;
	margin: 0px;
	margin-top: 10px;
	color: #666;
	text-decoration: line-through;
}
.reservation-price-splash {
	font-size: 20px;
	line-height: 20px;
	color: #ec514a;
	margin: 0px;
}

ol.breadcrumb.bidmate-dark {
	background: var(--var-bidmate-dark);
}
ol.breadcrumb.bidmate-dark li.breadcrumb-item.active {
	color: #FFF;
}

.profile-top-right {
	position: absolute;
	right: 20px;
	top: 0px;
	font-size: 24px;
	color: #FFF;
}
.profile-top-right span {
	font-size: 10px;
	display: block;
}
.profile-top-right i.mdi {
	display: block;
	line-height: 20px !important;
}

.email-verification-needed-state-box {
	width: 100%;
	background: #555;
	font-size: 12px;
	line-height: 100%;
	color: #FFF;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 25px;
}

i.mdi.positive-center {
	font-size: 96px;
	color: var(--var-bidmate-dark);
	display: block;
}

.pointer {
	cursor: pointer;
}

i.mdi.negative-center {
	font-size: 96px;
	color: red;
	display: block;
}

.youtube-overlay {
	position: absolute; color: #FFF; left: calc(50% - 39px); top: calc(50% - 36px); font-size: 48px; background-color: rgba(0,0,0,0.5); padding-left: 15px; padding-right: 15px;-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.circle-avatar-big {
	width: 100%;
	max-width: 150px;
	margin: 0 auto;
}
.circle-avatar {
	position: relative;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding-bottom: 100%;
	background: #e1e1e1;
}

.panel-body-universe-logo {
	width: 100%;
	height: 20px;
	margin-top: 15px;
	background: transparent;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.panel .panel-body.tight-padding {
	padding: 10px;
}

div.speech-bubble {
	background: var(--speech-bubble-gradient-from);
	/*background: -moz-linear-gradient(top, var(--speech-bubble-gradient-from) 0%, var(--speech-bubble-gradient-to) 100%);
	background: -webkit-linear-gradient(top, var(--speech-bubble-gradient-from) 0%, var(--speech-bubble-gradient-to) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--speech-bubble-gradient-from)), color-stop(1, var(--speech-bubble-gradient-to)));
	background: -o-linear-gradient(top, var(--speech-bubble-gradient-from) 0%, var(--speech-bubble-gradient-to) 100%);
	background: -ms-linear-gradient(top, var(--speech-bubble-gradient-from) 0%, var(--speech-bubble-gradient-to) 100%);
	background: linear-gradient(top, var(--speech-bubble-gradient-from) 0%, var(--speech-bubble-gradient-to) 100%);*/
	margin: 0 auto;
	width: 250px;
	padding: 10px;
	max-width: 90%;
	text-align: center;
	position: relative;
	box-shadow: var(--speech-bubble-color) 2px 2px 2px;
	border-radius: 10px;
	color: var(--speech-bubble-color);
	margin-bottom: 30px;
}
div.speech-bubble span {
	display: block;
	font-size: 42px;
	font-weight: 800;
}
div.speech-bubble small {
	display: block;
	font-size: 12px;
	color: var(--speech-bubble-small-color);
	text-decoration: line-through;
}


.discounted-line-through {
	text-decoration: line-through;
	color: #555;
}
.discounted-highlight {
	color: #cc2500;
	font-weight: bold;
}
div.speech-bubble---:after {
	content: "";
	position: absolute;
	box-shadow: rgba(204,37,0,1) 2px 2px 2px ;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	bottom: -10px;
	left: 20px;
	border-width: 10px;
	border-style: solid;
	border-color: transparent #F5F100 #F5F100 transparent;
}
/*
div.speech-bubble:after {
	content: "";
	position: absolute;
	background: red;
	top: calc(50% - 25px);
	left: -20px;
	width: 20px;
	height: 50px;
	-webkit-border-top-left-radius: 50%;
	-webkit-border-bottom-left-radius: 50%;
	-moz-border-radius-topleft: 50%;
	-moz-border-radius-bottomleft: 50%;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}*/

.speech-bubble .save-info {
	text-decoration: none !important; font-size: 18px !important; color: var(--speech-bubble-small-color); font-weight: bold;
}
.speech-bubble .save-info p {
	margin: 0px !important;
}

.hole-in-right {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	background: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 10px 10px 2px -9px rgba(0,0,0,0.26);
	-moz-box-shadow: inset 10px 10px 2px -9px rgba(0,0,0,0.26);
	box-shadow: inset 10px 10px 2px -9px rgba(0,0,0,0.26);
}

.card-price {
	display: inline-block;

	width: auto;
	height: 38px;

	background-color: #6ab070;
	-webkit-border-radius: 3px 4px 4px 3px;
	-moz-border-radius: 3px 4px 4px 3px;
	border-radius: 3px 4px 4px 3px;

	border-left: 1px solid #6ab070;

	/* This makes room for the triangle */
	margin-left: 19px;

	position: relative;

	color: white;
	font-weight: 300;
	font-size: 22px;
	line-height: 38px;

	padding: 0 10px 0 10px;
}

/* Makes the triangle */
.card-price:before {
	content: "";
	position: absolute;
	display: block;
	left: -19px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-right: 19px solid #6ab070;
}

/* Makes the circle */
.card-price:after {
	content: "";
	background-color: white;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	left: -9px;
	top: 17px;
}

.no-panel-body-padding .panel-body {
	padding: 0px !important;
}

.bm-price-container,
.bm-price-container:before,
.bm-price-container:after,
.bm-price-container .bm-price,
.bm-price-container .bm-price:before,
.bm-price-container .bm-price:after {
	height: 8.5em;
	width: 8.5em;
	background: #760B1F url(price-bg.png) top left no-repeat;
	background-size: 8.5em;
}

.bm-price-container:before,
.bm-price-container:after,
.bm-price-container .bprice:before,
.bm-price-container .bm-price:after {
	content: "";
	position: absolute;
}

.bm-price-container {
	margin: 25px auto; /* Centering for demo */
	position: relative; /* Context */
	top: 2.5em;
	left: 2.5em;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.bm-price-container:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.bm-price-container:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

.bm-price-container .bm-price {
	padding: .5em 0em;
	height: 7.5em; /* height minus padding */
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1; /* important so the text shows up */
}

.bm-price-container .bm-price:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
}

.bm-price-container .bm-price:after {
	top: 0;
	left: 0;
	-webkit-transform: rotate(75deg);
	-moz-transform: rotate(75deg);
	-ms-transform: rotate(75deg);
	-o-transform: rotate(75deg);
	transform: rotate(75deg);
}

.bm-price-container .bm-price span {
	position: relative;
	z-index: 100;
	display: block;
	text-align: center;
	color: #FE3D5C;
	font: 1.8em/1.4em Sans-Serif;
	text-transform: uppercase;
}

.bm-price-container .bm-price span.bm-number {
	font-weight: bold;
	font-size: 2.5em;
	line-height: .9em;
	color: #fff;
}

.panel-content.ratio-16_9.card-background {
	background: var(--var-card-background) !important;
}

.login-design-banner {
	max-width: 1124px;
	margin: 0 auto;
}

.login-design-banner .ldb-left {
	width: calc(100% - 500px);
	display: inline-block;
	height: auto;
	min-height: 350px;
	float: left;
	background: transparent;
}

.login-design-banner .ldb-left .inner {
	width: 100%;
	background: #000;
	margin-top: 34px;
	margin-bottom: 25px;
	min-height: 350px;
	position: relative;
}

.login-design-banner .ldb-left .inner .inner-overlay {
	position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background: rgba(0,0,0,0.3);
	z-index:2;
}
.login-design-banner .ldb-left .inner .logo {
	position: absolute;
	left: 15px;
	top: 15px;
	height: auto;
	width: auto;
	max-height: 75px;
	z-index: 3;
	max-width: 150px;
}
.login-design-banner .ldb-left .inner .text {
	position: absolute;
	left: 15px;
	bottom: 15px;
	width: calc(80% - 15px);
	font-size: 36px;
	z-index: 3;
	font-weight: 300;
	color: #FFF;
}
.login-design-banner .ldb-right {
	width: 500px;
	float: right;
	display: inline-block;
	height: auto;
	position: relative;
	min-height: 450px;
}

.login-design-banner .ldb-right .panel {
	position: absolute;
	left: -10px;
	z-index: 10;
	filter: drop-shadow(0 0 0.75rem rgba(0,0,0,0.3));
	min-height: calc(100% - 50px);
	width: calc(100% - 50px);
	top: 10px;
}

.panel-heading.logo-top-right {
	position: relative;
}
.panel-heading img.logo-top-right {
	position: absolute;
	right: 20px;
	top: 10px;
	height: 40px;
	width: auto;
}

.panel-footer.grey {
	background: #555 !important;
}

.rounded-bottom-10,
.panel:not(.transparent).rounded-bottom-10{
	-webkit-border-bottom-right-radius: 10px !important;
	-webkit-border-bottom-left-radius: 10px !important;
	-moz-border-radius-bottomright: 10px !important;
	-moz-border-radius-bottomleft: 10px !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

.rounded-top-10,
.panel:not(.transparent).rounded-top-10{
	-webkit-border-top-left-radius: 10px !important;
	-webkit-border-top-right-radius: 10px !important;
	-moz-border-radius-topleft: 10px !important;
	-moz-border-radius-topright: 10px !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}

.rounded-left-10 {
	-webkit-border-top-left-radius: 10px !important;
	-webkit-border-bottom-left-radius: 10px !important;
	-moz-border-radius-topleft: 10px !important;
	-moz-border-radius-bottomleft: 10px !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

p.link.big-margin {
	margin-top: 25px;
	display: block;
}

.mdi.big-center {
	font-size: 104px !important;
	display: block;
	margin-bottom: 25px;
	text-align: center;
}
.mdi.highlight {
	color: #43acb2 !important;
}

body.is-outlet-body-wrapper .bid-object-row-inner span {
	font-size: 24px;
}
body.is-outlet-body-wrapper .bid-object-row-inner span small {
	display: block;
	font-size: 14px;
}



.easy-pickup-full-screen {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center;
	height: 100%;
	background-image:
			linear-gradient(
					#40a535, #307b28
			);
	z-index: 1000;
	color: #FFF;
}


.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: #fff;
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
	stroke: #fff;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 50px;
	stroke-miterlimit: 10;
	box-shadow: inset 0px 0px 0px #fff;
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}
@keyframes scale {
	0%, 100% {
		transform: none;
	}
	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}
@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px #7ac142;
	}
}

.pickup-step-row {
	width: 100%;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
.pickup-step-row .pickup-step-col {
	float: left;
}

.pickup-step-row .pickup-step-col:first-child {
	width: 35px;
}

.pickup-step-row.confirmed .pickup-step-col:first-child {
	color: #43acb2;
}

.pickup-step-row:not(.confirmed) {
	opacity: 0.3 !important;
}

.pickup-step-row .pickup-step-col:last-child {
	width: calc(100% - 40px);
	text-align: left;
}
table.table.table-left-right-bold.no-border-first tbody tr:first-child td {
	border: 0px !important;
}
table.table.table-left-right-bold.no-border tbody tr td {
	border: 0px !important;
}
table.table.table-left-right-bold tbody tr td:first-child {
	text-align: left !important;
	font-weight: bold !important;
}
table.table.table-left-right-bold tbody tr td:last-child {
	text-align: right !important;
}

.BOOK_ENTER_PHONE_CONFIRM_POLICY {
	padding: 0px !important;
	background: transparent;
	margin-top: 5px;
	margin-bottom: 25px;
	text-align: left !important;
	font-size: 14px !important;
}


.BOOK_ENTER_PHONE_CONFIRM_POLICY span,
.BOOK_ENTER_PHONE_CONFIRM_POLICY i {
	display: inline-block !important;
}

.BOOK_ENTER_PHONE_CONFIRM_POLICY span.policy-link {
	color: #43acb2 !important;
	font-weight: bold;
	cursor: pointer;
}

.BOOK_LINK_CONTAINER {
	width: 100%;
	text-align: left !important;
	margin-top:30px;
	margin-bottom:10px;
}

.BOOK_LINK_CONTAINER span {
	display: block;
	color: #43acb2 !important;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px !important;
}

.modal-book-object-info-row {
	width: calc(100% - 10px);
	margin-left: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	background: #eee;
	filter: drop-shadow(4px 4px 3px rgba(0,0,0,0.15));
	-webkit-filter: drop-shadow(4px 4px 3px rgba(0,0,0,0.15));
	-moz-filter: drop-shadow(4px 4px 3px rgba(0,0,0,0.15));
}

#modal-panel:not(.outlet-booking-wrapper) .BM-modal-header-intro {
	color: rgba(0,0,0,0.5);
}

#modal-panel .BM-modal-header-intro {
	display: block;
	font-size: 18px;
}

#modal-panel.outlet-booking-wrapper {
	padding: 0px !important;
	background: #e1e1e1;
}
#modal-panel.outlet-booking-wrapper  .BM-modal-header {
	background: #ab2430 !important;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	position: relative;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 25px !important;
	color: #FFF !important;
	padding-bottom: 45px !important;
}

#modal-panel.outlet-booking-wrapper  .BM-modal-body {
	width: calc(100% - 40px);
	margin-left: 20px;
	background: #FFF !important;
	margin-top: -30px !important;
	position: relative;
	padding: 25px !important;
	margin-bottom: 25px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#modal-panel.outlet-booking-wrapper  .BM-modal-header i.mdi.mdi-close {
	right: 10px !important;
	top: 10px !important;
}