/* https://www.minifier.org/ */
:root {
	--primary-color: #007bff;
	--vendor: #7d829b;
	--region: #977190;
	--country: #838383;
	--grape: #64766A; 
	--type: #FBE0C3; 
	--alcohol: #C7F0BD; 
	--addToCart: #1e7e34;
	--onSale: #df5757;
}

body.xsp {
	font-family: Verdana;
	opacity: .9
	/*
	font-family: Montserrat, sans-serif;
	line-height:24px;
	color:rgb(52, 58, 64) !important;
	opacity: .9
	*/
}

h1{
	font-size: 18px;
    line-height: 20px;
}
.card:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	transform: translateY(-5px);
}

/*
#F4F2F3
#C0A9BD
#94A7AE
#64766A


#FBE0C3
#FFBB98
#7D8E95
#344648
*/

.tag-onsale {
	background-color: var(--onSale);
	color: #FFF;
	margin-right: 10px
}
.tag-vendor {
	background-color: var(--vendor);
	color: #FFF;
	margin-right: 10px
}

.tag-vendor A {
	color: #FFF
}

.tag-region {
	background-color: var(--region);
	color: #FFF;
	margin-right: 10px
}

.tag-region A {
	color: #FFF
}

.tag-country {
	background-color: var(--country);
	color: #FFF;
	margin-right: 10px
}

.tag-country A {
	color: #FFF
}

.tag-grape {
	background-color: var(--grape);
	color: #FFF;
	margin-right: 10px
}

.tag-grape A {
	color: #FFF
}

.tag-type {
	background-color: var(--type);
	margin-right: 10px
}

.tag-type A {
	color: #000
}

.tag-alcohol {
	background-color: var(--alcohol);
	color: #000;
	margin-right: 10px
}

.tag-alcohol A {
	color: #000
}



* A {
	color: #000
}

.content {
	min-height: 60vh;
	margin: 0px 20px 0px 20px
}

.dropdown-menu {
	z-index: 999;
}

.navbar {
	background-color: #d1c7bd
}

.ordernavbar A {
	font-size: 0.7rem
}

.dbootstrap .alert {
	margin: 2px 0px 2px 0px
}

.fa, .fas, .fa-solid, .fa-regular, .fa-brand {
	margin-right: 5px
}

.prodname {
	font-weight: bold;
	font-size: 14px
}

.vendor {
	font-weight: bold;
	font-size: 12px
}

.prodno {
	font-size: 10px
}

.outline {
	margin-top: 20px
}

.outline ul {
	list-style-type: disclosure-closed;
	margin-left: 25px
}

.startlinks .fa, .startlinks .fa-regular {
	margin-right: 25px
}

@media ( max-width : 768px) {
	.nav-link {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		margin: 0;
	}
	.tickettable th:nth-child(2), .tickettable td:nth-child(2) {
		display: none
	}
	.tickettable th:nth-child(3), .tickettable td:nth-child(3) {
		display: none
	}
	.tickettable th:nth-child(4), .tickettable td:nth-child(4) {
		display: none
	}
	.usertable th:nth-child(2), .usertable td:nth-child(2) {
		display: none
	}
	.usertable th:nth-child(3), .usertable td:nth-child(3) {
		display: none
	}
	.usertable th:nth-child(4), .usertable td:nth-child(4) {
		display: none
	}
	.usertable th:nth-child(5), .usertable td:nth-child(5) {
		display: none
	}
	.usertable th:nth-child(6), .usertable td:nth-child(6) {
		display: none
	}
	.usertable th:nth-child(7), .usertable td:nth-child(7) {
		display: none
	}
}

.nav-link.header.selected {
	text-decoration: underline;
	text-underline-offset: 0.6em;
	text-decoration-skip-ink: auto;
}

.checkbox td {
	padding-left: 0px
}

.buycontainer .btn {
	width: 30px;
	font-size: 12px;
	padding: 3px
}

.buycontainer .btnaddtocart {
	width: 85px;
	font-size: 12px;
	padding: 3px
}

.stdsize {
	font-size: 12px;
}

.productrow {
	display: flex;
}

.productlabel {
	flex-basis: 80px;
	font-weight: 700;
	font-size: 8pt;
	color: var(--addToCart);
}

.productvalue {
	font-size: 8pt;
}

.productprice {
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0px 20px 0px
}

.lilh li {
	line-height: 30px
}

.excelcreate {
	background-color: #d6f5d6
}

.excelupdate {
	background-color: #cce0ff
}

.exceldelete {
	background-color: #ffe6e6
}

.excelnone {
	background-color: #F1F1F1
}

.prodtable {
	font-size: 8px;
}

.prodtable TD {
	padding: 3px
}

.prodtable input {
	font-size: 10px;
	padding: 3px
}

.ddImg {
	margin-right: 30px
}

.ddVendor {
	float: right;
	margin-top: 15px
}

.dropdownli {
	background-color: #C0C0C0
}

.bold {
	font-weight: bold;
}

.nav-link1 {
	color: #495057;
	background-color: #fff;
	border-color: #F1F1F1;
	border: 0px;
	padding: 10px;
	margin: 2px
}

.nav-link1.active {
	border: 1px;
	font-weight: bold
}

.toast.hide {
  display: none;
  position: fixed;
  z-index: 10
}
.toast.show {
  display: block;
  z-index: 9999
}


.card {
  position: relative;
}
.card-header {
	border:0px;
	background-color:#FFF
}

.sale-triangle {
  position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 93px solid #df5757;
    border-right: 101px solid transparent;
}

.sale-text {
 	position: absolute;
    top: -64px;
    left: 26px;
    color: #fff;
    font-size: 12px;
    transform: rotate(-41deg);
    transform-origin: bottom left;
    width: 50px;
}

/*
.sale-triangle {
 position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 73px solid #df5757;
    border-right: 132px solid transparent;
}



.sale-text {
  position: absolute;
    top: -43px;
    left: 24px;
    color: #fff;
    font-size: 12px;
    transform: rotate(-30deg);
    transform-origin: bottom left;
    width: 50px;
}
*/ 

.ddli{
	border-bottom:1px solid rgb(255, 0, 0);
}

/*
.ddUL{
	margin:0px;
	padding:0px;
	background-color:green;
}
.ddUL li{
	margin:0px;
	padding:0px;
	background-color:blue;
}

.tundra .dijitMenuItem {
    padding: 0px 2px;
}
*/

/* CSS for fade-in effect */
.fade-in-effect {
  opacity: 0;
  animation: fadeInEffect ease-in 0.5s;
  animation-fill-mode: forwards; /* Keep the state at the end of the animation */
}

@keyframes fadeInEffect {
  to {
    opacity: 1;
  }
}

/* Optional CSS for fade-out effect */
.fade-out-effect {
  animation: fadeOutEffect ease-out 0.5s;
  animation-fill-mode: forwards;
}

@keyframes fadeOutEffect {
  to {
    opacity: 0;
  }
}
.radio[id$='radioStep2']{
	margin:0px;
}

.radio[id$='radioStep2'] th{
	border:0px;
	margin:0px;
	padding:0px;
}
.radio[id$='radioStep2'] td{
	border:0px;
	margin:0px;
	padding:0px;
}

 
 
 .hide {
	display:none
	}
.selected a{
	font-weight:700
}

.img-fluid {
  height: auto;
  max-height: 150px;
  width: auto;
  max-width: 100%;
}

.whitebtn{ 
 	border:1px solid #C0C0C0; 
 	padding:5px 10px 5px 10px; 
 	margin-right:10px; 
 	border-radius:5px; 
 }