@import url(../lib.less);
@import url(../bootstrap/variables.less);
@import url(../bootstrap/mixins.less);
@import url(../bootstrap/utilities.less);

@color_inactive: #EEEEEE;
@color1: #FF3300; //reddish-orange
@color2: #0F8DCA; //light blue

@buttonCornerRadius: 10px;
@cornerRadius: 10px;

/* Generic color classes for the main accent color of each theme */
.accent-color-1 {
	color: @color1;
}
.accent-bkgd-color-1 {
	background-color: @color1;
}
.accent-border-color-1 {
	border-color: @color1;
}

.access-code-tt {
	border-left-color: @color2;
}

body {
	background: #fefefe url('https://res.cloudinary.com/eventservice/image/upload/saas/base/background_brewzoo.jpg') no-repeat center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* This changes the footer disclaimer text to white */
#footer {
	p {
		span, a {
			color: #fefefe !important;
		}
	}
	a {
		span {
				color: #fefefe !important;
			}
	}
}

// General stuff
h1 {
	color: #fefefe;
	a{
		color: #fefefe;
		&:hover {
			color: #fff;
		}
	}
}

#eventTitleArea{
	color:#fff;
	text-shadow: #333 1px 1px 3px;
}

#header {
	border-top-color: #fff;
	background-color: white;
	border-bottom-color: #bbb;
	a.menu {
		color: #fff;
		border-left-color: #eee;
	}
}
.contentArea {
	background-color: white;
	.border-radius(@cornerRadius);
	.contentTitle {
		.border-radius-custom(@cornerRadius, @cornerRadius, 0, 0);
		background-color: @color1;
		color: white;
	}
	.content{
		border: 0;
		.border-radius(@cornerRadius);
	}
}
.btn {
	.border-radius(@buttonCornerRadius);
	&.btn-main {
		background-color: @color1;
		color: white;
	}
	&.btn-sub {
		background-color: @color2;
		color: white;
		&:hover {
			background-color: darken(@color2, 5%);
		}
	}
	&.btn-neutral {
		background-color: #555;
		color: white;
		&:hover {
			background-color: #333;
		}
	}
}
// Add This Custom
.addthisevent-drop {
	.border-radius(@buttonCornerRadius);
	background-color: @color1;
}

.heading {
	&.alt {
		color: @color1;
	}
	&.alt2 {
		color: @color2;
	}
}
.subLabel {
	color: @color2;
}
.revLabel {
	color: @color2;
}

//Notifications
.alert-danger {
	color: white;
	background-color: #FF3300;
	.border-radius(@cornerRadius);
}
.error-message {
	color: white;
	background-color: #FF3300;
	.border-radius-custom(0, 0, @cornerRadius, @cornerRadius);
}

#receiptArea {
	.orderId {
		color: #555;
	}
}
input:required, select:required {
  border-left-color: #2878EB;
}
.checkbox-required {
	border-left: 6px solid #2878EB;
	padding-left: 10px;
}
.payment-element-classic {
	border-left: 6px solid #2878EB;
	padding: 8px 12px;
}
.form-control.form-error {
	border-left-color: #ff3300;
}
.ajax_loader_sm {
	height: 11px;
	width: 43px;
	background-image: url('https://res.cloudinary.com/eventservice/image/upload/saas/base/ajax_loader_sm.gif');
}

#process_bar{
	.ticket_tab{
		background-color: @color_inactive;
		color:#cccccc;
		.border-radius(@cornerRadius);
	}
	.timer_tab{
		// background-color: @color1;
		// color: #ffffff;
		.border-radius(@cornerRadius);
	}
	.active{
		background-color: @color1;
		color:#ffffff;

	}
	.ended{
		background-color: #800000;
	}
}

#notice {
	background-color: @color1;
	color: white;
}
/* adding for gratuities */
.gratuity-selected{
	color: @color2;
	border-color: @color2;
	background-color: @color2;
	color: #ffffff!important;
}
.gratuity-option:hover{
	box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);
	background-color: lighten(@color2,10%);
}
.gratuity-selected:hover{
	color: @color2;
	border-color: @color2;
	background-color: @color2;
	color: #ffffff;
}