@import url(../lib.less);
@import url(../bootstrap/variables.less);
@import url(../bootstrap/mixins.less);
@import url(../bootstrap/utilities.less);
@import url(https://fonts.googleapis.com/css?family=Exo+2:600);

@color1: #830A58; //purple
@color2: #0F8DCA; //blue

@buttonCornerRadius: 7px;
@cornerRadius: 0;

/* 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-color: #121212;
	color: #ccc;
	background-image: url('https://res.cloudinary.com/eventservice/image/upload/saas/base/background_dark_leather.jpg');
	background-repeat: repeat;
}

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

#header {
	border-top-color: #333;
	background-color: white;
	border-bottom-color: #bbb;
	a.menu {
		color: #777;
		border-left-color: #eee;
	}
}
#eventName {
	font-family: 'Exo 2', sans-serif;
}
.contentArea {
	background-color: #333;
	.border-radius(@cornerRadius);
	.box-shadow();
	.gradient(@origin: bottom, @start: #282828, @stop: #333);
	background-image: url('https://res.cloudinary.com/eventservice/image/upload/saas/base/background_dark_leather_darker.jpg');
	.contentTitle {
		font-family: 'Exo 2', sans-serif;
		font-size: 15px;
		.box-shadow();
		.border-radius-custom(@cornerRadius, @cornerRadius, 0, 0);
		background-color: @color1;
		.gradient(@origin: bottom, @start: @color1, @stop: lighten(@color1, 5%));
		padding: 10px 24px;
		color: white;
		text-transform: uppercase;
	}
	.content {
		padding: 20px;
		border: 1px solid #222;
	}
}
.btn {
	.border-radius(@buttonCornerRadius);
	&.btn-main {
		background-color: @color2;
		color: white;
		.gradient(@origin: bottom, @start: darken(@color2, 10%), @stop: lighten(@color2, 5%));
		&:hover {
			background-color: lighten(@color2, 10%);
			.gradient(@origin: bottom, @start:@color2, @stop:lighten(@color2, 15%));
		}
	}
	&.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: @color2;
	&:link, &:visited {
		.gradient(@origin: bottom, @start: darken(@color2, 10%), @stop: lighten(@color2, 5%));
		.box-shadow();
	}
	&:hover {
		.gradient(@origin: bottom, @start:@color2, @stop:lighten(@color2, 15%));
	}
}

.heading {
	&.alt {
		color: @color1;
	}
	&.alt2 {
		color: @color2;
	}
}
.subLabel {
	color: @color2;
}
.revLabel {
	color: @color2;
}
.tickets-remaining {
	background-color: #3C3C3C;
	border: 0;
	color: white;
}

//Notifications
.alert-danger {
	color: white;
	background-color: #970623;
	.border-radius(@cornerRadius);
}
.error-message {
	color: white;
	background-color: #970623;
	.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: #970623;
}
.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: #555;
		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;
	}
}

.galleryPhoto, .inTextPhoto, .map {
	border: 6px solid #fff;
	.box-shadow();
}

#notice {
	background-color: lighten(@color1, 5%);
	color: white;
	.box-shadow();
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #333;
}

#orderTotalReview {
	color: #999;
	.amount {
		color: @color1;
	}
}
hr {
	border-top-color: #555;
}
table td {
	border-top-color: #555 !important;
}
/* 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;
}

/* Ticket Groups CSS */
.ticketTypeGroup {
	background-color: #121212;
	border: 1px solid #2F2F2F;
}
.ticketTypeGroup .ticketTypeGroupContent {
	border-top: 1px solid #2F2F2F;
}
.ticketTypeGroup .ticketGroupHeader.hasChildren:hover {
	background-color: #252525;
}