@font-face {
    font-family: 'greatvibes';
    src: url('../fonts/greatvibes/greatvibes-regular-webfont.woff') format('woff'),
         url('../fonts/greatvibes/greatvibes-regular-webfont.ttf') format('truetype'),
         url('../fonts/greatvibes/greatvibes-regular-webfont.svg#greatvibesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edmondsans';
    src: url('../fonts/edmondsans/edmondsans-regular-webfont.woff') format('woff'),
         url('../fonts/edmondsans/edmondsans-regular-webfont.ttf') format('truetype'),
         url('../fonts/edmondsans/edmondsans-regular-webfont.svg#edmondsansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'edmondsans_bold';
    src: url('../fonts/edmondsans/edmondsans-bold-webfont.woff') format('woff'),
         url('../fonts/edmondsans/edmondsans-bold-webfont.ttf') format('truetype'),
         url('../fonts/edmondsans/edmondsans-bold-webfont.svg#edmondsansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebasneue';
    src: url('../fonts/bebasneue/bebasneue-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue/bebasneue-webfont.svg#bebasneueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nixie_oneregular';
    src: url('../fonts/nixieone/nixieone-regular-webfont.woff2') format('woff2'),
         url('../fonts/nixieone/nixieone-regular-webfont.woff') format('woff'),
         url('../fonts/nixieone/nixieone-regular-webfont.ttf') format('truetype'),
         url('../fonts/nixieone/nixieone-regular-webfont.svg#nixie_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: 'edmondsans',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.loader:before, .loader:after, .loader {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	position: relative;
	top: 50%;
	margin: -40px auto;
	color: #d4a3c8;
	font-size: 10px;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 3.5em;
}
.loader:before, .loader:after {
	content: '';
	position: absolute;
	top: 0;
}
@-webkit-keyframes load7 {
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
@keyframes load7 {
	0%, 80%, 100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
.greatvibes {
	font-family: 'greatvibes';
}
.edmondsans {
	font-family: 'edmondsans';
}
.edmondsansbold {
	font-family: 'edmondsans_bold';
}
.bebasneue {
	font-family: 'bebasneue';
}
.nixieone {
	font-family: 'nixie_oneregular';
}
.hide {
	display: none;
}
.hidden {
	visibility: hidden;
}
.text-lavendar {
	color: #d4a3c8;
}
.text-red {
	color: #bb5558;
}
.text-green {
	color: green;
}
.text-blue {
	color: #5486B8;
}
.bg-lavendar {
	background: #d4a3c8;
}
.bg-red {
	background: #bb5558;
}
.bg-blue {
	background: #5486B8;
}
.btn-primary, .btn.active, .btn:active {
	background: #d4a3c8;
	border: none;
}
.btn-lavendar {
	color: #fff;
    background-color: #d4a3c8;
    border-color: #d4a3c8;
}
.btn-red {
	color: #fff;
    background-color: #bb5558;
    border-color: #bb5558;
}
.btn-round {
	border-radius: 50px;
    padding: 5px 50px;
}
.clear {
	clear: both;
}
h4 {
	font-family: 'bebasneue';
}
label {
	margin: .5rem 0;
}
.row {
	width: 100%;
	margin: 0px;
}
.md-padding {
	padding: 1.5rem;
}
.center {
	text-align: center;
}
.padding-tb {
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-primary-outline {
	color: #bb5558;
	border-color: #bb5558;
}
.btn-primary:hover, .btn-primary-outline:hover, .btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn:active:focus, .btn:focus {
    color: #fff;
    background-color: #bb5558 !important;
    border-color: #bb5558 !important;
	outline-color: #ffffff;
}
.lavendar-btn, .lavendar-btn:hover {
	background: #d4a3c8;
	border-color: #d4a3c8;
}

#loader {
	display: none;
	position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100000;
}
.loader, .loader:before, .loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	color: #BB5558;
	font-size: 10px;
	margin: 0px auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before, .loader:after {
	content: '';
	position: absolute;
	top: 0;
}
.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
 	left: 3.5em;
}
@-webkit-keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
@keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}

p {
	margin: 5px 0px;
}

hr {
	margin: 0px;
}

#vendor_portal #sign-out {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 14px;
	background: rgba(255, 255, 255, .7);
}


/*
	Welcome Page
*/
#vendor_portal .welcome {
	display: none;
	margin-top: 10%;
	padding: 0px 20px;
	text-align: center;
}

#vendor_portal .welcome h1 {
	margin-top: 14px;
}

#vendor_portal .welcome img {
	width: 100%;
	max-width: 400px;
}

/*
	Home Page
*/
#vendor_portal .home {
	display: none;
}

#vendor_portal .home .main-title {
	padding: 7px 28px;
	font-size: 28px;
	text-align: center;
}

#vendor_portal .home .greeting {
	padding: 7px 28px;
	font-size: 21px;
}

#vendor_portal .home .static-vendor-information {
	padding: 7px 28px;
	font-size: 14px;
}

#vendor_portal .home .static-vendor-information h3 {
	font-size: 16px;
	font-weight: bold;
}

#vendor_portal .home .static-vendor-information h3 span {
	font-size: 14px;
	font-weight: normal;
}

#vendor_portal .home .select-vendor-location {
	padding: 7px 28px;
}

#vendor_portal .home .select-vendor-location p {
	font-family: 'edmondsans_bold';
}

#vendor_portal .home .select-vendor-location .vendor-location-select {
	margin-bottom: 21px;
}

#vendor_portal .home .select-vendor-location .vendor-location-select .vendor-location-select-option {}

#vendor_portal .home .selected-vendor-locations {
	padding: 7px 28px;
}

#vendor_portal .home .selected-vendor-locations p {
	font-family: 'edmondsans_bold';
}

#vendor_portal .home .selected-vendor-locations .selected-vendor-locations-list {
	margin: 0px 0px 7px 0px;
	padding: 0px;
}

#vendor_portal .home .selected-vendor-locations .selected-vendor-locations-list li {
	padding: 7px;
	list-style: none;
	border: 1px solid #d4a3c8;
	border-radius: 7px;
}

#vendor_portal .home .product-heading {
	padding: 7px 28px;
	font-family: 'edmondsans_bold';
}

#vendor_portal .home .wholesale_product_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

#vendor_portal .home .wholesale_product_list li {
	flex: 1;
	min-width: 250px;
	margin: 10px;
	list-style: none;
}

#vendor_portal .home .wholesale_product_list li h1 {
	font-size: 21px;
}

#vendor_portal .home .wholesale_product_list li p {
	padding-left: 14px;
	font-size: 14px;
}

#vendor_portal .home .wholesale_product_list li input {
	width: 50px;
}

#vendor_portal .fulfillment-container {
	padding: 7px 28px;
}

#vendor_portal .fulfillment-container .fulfillment-header {
	font-family: 'edmondsans_bold';
}

#vendor_portal .fulfillment-container .fulfillment-date-input {
	
}

#vendor_portal .show-cart-container {
	margin-bottom: 28px;
	padding: 7px 28px;
}

#vendor_portal .show-cart-container .show-cart {
	cursor: pointer;
}

#vendor_portal .order-history {
	padding: 7px 28px;
}

#vendor_portal .order-history h3 {
	margin: 7px 0px;
	text-align: center;
}

#vendor_portal .order-history .order-history-group {}

#vendor_portal .order-history .order-history-group h4 {}

#vendor_portal .order-history .order-history-group ul {}

#vendor_portal .order-history .order-history-group ul li {}

#vendor_portal .order-history .order-history-group ul li .re-order-button {
	margin-left: 14px;
	cursor: pointer;
}


/*
	Checkout Modal
*/
.checkout-items {
	padding: 0px;
}

.checkout-items .checkout-item {
	display: flex;
	flex-direction: row;
	padding: 10px;
	border-bottom: 1px solid #927673;
}

.checkout-items .checkout-item .checkout-item-name {
	flex: 3;
}

.checkout-items .checkout-item .checkout-item-quantity {
	flex: 1;
	text-align: right;
}

.checkout-items .checkout-item .checkout-item-price {
	flex: 1;
	text-align: right;
}

.checkout-total {
	display: flex;
	flex-direction: row;
}

.checkout-total .checkout-total-text {
	flex: 4;
}

.checkout-total .checkout-total-number {
	flex: 1;
	text-align: right;
}