.bg-mint{
	background-color: #65dad6;
}

.custom-header{
	box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
}

.top-0{
	top: 0!important;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   /* margin-bottom:1rem; */
}

.navbar .dropdown-menu {
  border:none; 
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
	/* remove the padding from the navbar so the dropdown hover state is not broken */
	.navbar {
		padding-top:0px;
		padding-bottom:0px; box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
	}

	/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
	.navbar .nav-item {
		padding:.5rem .5rem;
		margin:0 .25rem;
	}

	/* makes the dropdown full width  */
	.navbar .dropdown {
		position:static;
	}

	.navbar .dropdown-menu {
		width:100%;
		/*left:0;
		right:0;*/
		/*  height of nav-item  */
		top: auto;
		min-height: 300px;
	}
	
	/* shows the dropdown menu on hover */
	.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
		/* display:block!important; */
	}

	.navbar .dropdown-menu {
		border: 1px solid rgba(0,0,0,.15);
		background-color: #fff;
	}
	
	.navbar .dropdown-header {
		font-size: 16px;
		color: #333;
		padding: 5px 60px 5px 5px;
		line-height: 30px;
	}

}


/* Image Preview Box */
.image-preview .image-box {
	border: 2px dashed #B0B0B0;
	border-radius: .25rem;
	height: 15rem;
	width: calc(100vw - 85%);
}

.image-preview .image-box input[type="file"]{
	height: calc(15rem - 4px);
	width: inherit;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	opacity: 0;
}

.image-preview .image-box img{
	max-height: calc(15rem - 4px);
	max-width: 100%;
	display: block;
	margin: auto;
}


/**/
#register_form .card-body {padding: 0}
.cart-desc{padding: 20px !important}
.checkout-left{border: #ccc 1px solid; padding: 10px;border-radius: 5px; margin-bottom: 10px}

.table-shipping th{ text-align: center }
.table-shipping { text-align: center }

#register_form img{max-height: 550px}
#register_form .card-body{min-height: 550px}