@charset "utf-8";

@font-face {
	font-family: 'icons';
	src:
		url('fonts/icons.ttf?sfqj5f') format('truetype'),
		url('fonts/icons.woff?sfqj5f') format('woff'),
		url('fonts/icons.svg?sfqj5f#icons') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
.icons {
	font-family: 'icons' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
	box-sizing:border-box;
}

html, body, main {
	min-height:100%;
}

body.outside {
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-size:17px;
	color:#404040;
}
.outside > main {
	background-color:#fff;
	overflow:hidden;
	padding-bottom:57px;
}
.outside > main:before {
	content:"";
	height:calc(100vh - 57px);
 display:inline-block;
	vertical-align:middle;
	width:0px;
}
.outside > main > article {
	width:400px;
	max-width:calc(100% - 5px);
	margin:auto;
	display:inline-block;
	vertical-align:middle;
}
.outside > aside {
	width:50%;
	height:100%;
 float:right;
	background-color:#0a1427;
	background-position:center;
	background-repeat:no-repeat;
}
.outside > aside#login_promotion {
	background-image:url(img/promo-login.png);
}
.outside > aside#login_promotion:after {
	content:"Access your account to create, edit and see your events sales reports from a simple to use platform.";
}
.outside > aside#register_promotion {
	background-image:url(img/promo-register.png);
}
.outside > aside#register_promotion:after {
	content:"Selling your event ticket with us is easy and hassle free. You can list and start selling your event in under 3 minutes. Don't believe us, create your account now and get started!";
}
.outside > aside#forgot_promotion {
	background-image:url(img/promo-forgot.png);
}
.outside > aside#forgot_promotion:after {
	content:"We will help you sell out your show in no time with marketing packages that fits your budget.";
}
.outside > aside:after {
 display:block;
	position:absolute;
	bottom:60px;
	padding:20px calc(25% - 190px);
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:20px;
}
.outside > footer {
 margin-top:-37px;
	width:50%;
	text-align:center;
	color:#9a9a9a;
	font-size:14px;
}
.outside h1 {
	font-size:34px;
	text-align:center;
	text-transform:none;
	font-weight:bold;
}
.outside form > div {
	margin:10px 0;
}
.outside form > div > span {
	display:block;
	text-align:right;
	font-size:14px;
	margin-top:5px;
}
.outside label {
	display:none;
}

input {
 display: block;
 width: 100%;
	box-sizing:border-box;
}

input, select {
 padding: 0.75rem;
 background-color: #fff;
 border-radius: 5px;
 transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
 border: 1px solid #e6e6e6;
 box-shadow: 0px 1px 1px rgb(0 0 0 / 3%), 0px 3px 6px rgb(0 0 0 / 2%);
 width:100%;
	font-size:16px;
}
input[type=checkbox], input[type=radio] {
 display:inline-block;
 width:auto;
 margin: 15px 5px 0;
}
input[maxlength="4"] { width:50px; display:inline-block; box-sizing: content-box; }
input[maxlength="2"] { width:30px; display:inline-block; box-sizing: content-box; }

input:focus, select:focus {
 outline: 0;
 border-color: hsla(210, 96%, 45%, 50%);
 box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 3px hsla(210, 96%, 45%, 25%);, 0 1px 1px 0 rgba(0, 0, 0, 0.08);
}
input.price {
	width:calc(100% - 20px);
	display:inline-block;
}

.button, input[type=submit], input[type=button], button {
 background-color: #c30101;
 color: #fff;
	font-weight:bold;
	max-width:380px;
	cursor:pointer;
    margin: 3px
}

.inside .button.button_danger {
 background-color: #c30101;
 color: #000;
}
.inside .button.button_danger:hover {
 background-color: #c30101;
 color: #fff;
}

.callout {
	font-size:14px;
	border:1px solid #404040;
	border-radius:5px;
	width:fit-content;
	padding:5px 20px;
	margin:20px auto 0;
}

body.inside {
	display:flex;
 flex-wrap:wrap;
	font-size:17px;
}

.inside header {
	width:100%;
	padding:10px 20px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:16px;
}
.inside header > * { display:inline-block; }
.inside header img {
	height:45px;
}
.inside header nav a {
	color:#000;
 text-decoration:none;
	font-weight:normal;
}
.inside header nav a:hover {
	color:#2e43c5;
}
.inside header nav {
	font-weight:bold;
	color:#2e43c5;
}
.inside header nav div {
	display:inline-block;
	margin:0 20px;
}
.inside nav#account {
	text-align:right;
}
.inside > aside {
	background-color:#e6e9f4;
	width:360px;
	max-width:100%;
	padding:30px;
	order:2;
}
.inside > aside.left {
	order:1;
}
.inside > aside img {
 max-width:300px;
}
.inside main {
	background-color:#f7f7f8;
	padding:30px;
	order:1;
	flex-grow:2;
	padding-bottom:57px;
	min-height:calc(100vh - 65px);
	position:relative;
	width:calc(100% - 360px);
}
.inside main footer {
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	color:#9a9a9a;
	font-size:14px;
	padding-bottom:20px;
}
.inside section:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	width:100%;
}
.inside > main * + section {
	margin-top:40px;
}
.inside > aside > * + * {
	margin-top:20px;
}
.inside > aside > a > img {
	margin-top:20px;
	display:block;
}
.inside h2 {
	font-size:22px;
	text-transform:none;
}
.inside h3 {
	font-size:22px;
	font-weight:normal;
}
.inside h4 {
	text-transform:uppercase;
	font-size:17px;
    margin: 30px 0 10px;
}

.inside aside h4 {
    margin-top: 10px;
}

.inside * + table { margin-top:20px; }
.inside td, .inside th { font-size:17px; padding:5px 10px; }
.inside th { color:#808080; background-color:#fff; font-weight:normal; }

.inside tr:nth-child(even) { background-color:#f1f1f1; }

.inside .box {
	background-color:#fff;
	border-radius:10px;
	padding:10px 20px;
}
.inside main .box {
	padding:20px;
}
.inside main .box td, .inside main .box th {
	padding-left:20px;
	padding-right:20px;
}

.inside .box table {
	margin-left:-20px;
	margin-right:-20px;
	width:calc(100% + 40px);
}

.inside #audit h4 {
 width:100%;
}
.inside #audit {
 display:flex;
 flex-wrap:wrap;
}

.inside #audit dl {
 flex-grow:1;
}

.inside #audit dd {
 font-weight:normal;
}

.inside dl {
	display:inline-block;
	vertical-align:top;
	border-radius:20px;
	padding:20px;
	margin:20px 0;
	background-color:#fff;
}

.inside dt, .inside dd { display:block; }
.inside dt {
	color:#999;
}
.inside dd {
    font-weight: bold;
	font-size:24px;
	margin:0;
}

.inside .box_purple {
	color:#fff;
 background: linear-gradient(90deg, #8b5edc 0%, #f25bed 100%);
}
.inside .box_blue {
	color:#fff;
 background: linear-gradient(90deg, #8357d7 0%, #8ed5e7 100%);
}
.inside > aside {
	font-size:15px;
}
.inside > aside h4 {
	margin-bottom:20px;
}
.inside > aside ul {
 list-style:none;
	padding-left:0;
}
.inside > aside li { padding:2px 0; }
.inside #support a, #resources a { color:#fff; }
.inside #support a:hover, #resources a:hover { color:#000; }
.inside #support:before {
	content:"H";
	font-family:icons;
	font-size:32px;
	float:right;
}
.inside #apps:before {
	content:"M";
	font-family:icons;
	font-size:32px;
	float:right;
}
.inside #resources:before {
	content:"R";
	font-family:icons;
	font-size:32px;
	float:right;
}
.inside li .icons { font-size:16px; margin-right:10px; }
.inside #support li .icons { font-size:12px; }

.inside ul.nav { list-style:none; padding-left:0; margin-bottom:0; }
.inside ul.nav a { color:#000; }
.inside ul.nav a:hover { color:#999; }
.inside ul.nav li + li { border-top:1px solid #ddd; }
.inside ul.nav li {
	padding:5px 0;
}
.inside ul.nav li:before {
	content:"G";
	font-size:12px;
	font-family:icons;
	float:right;
	margin:4px 0 0 5px;
}

.inside #welcome p { padding-top:14px; }
.inside #quicklinks {
	float:right;
}
.inside #upcoming_events #quicklinks { margin-top:-10px; }
.inside #quicklinks a { margin-left:20px; }
.inside #quicklinks a:not(.button) { color:#000; }
.inside #quicklinks a:not(.button):hover { color:#666; }
.inside #quicklinks .icons { font-size:16px; margin-right:2px; }
.inside #quicklinks .add_sale {
	font-weight:bold;
}
.inside #quicklinks .add_sale:before {
	content:"+";
	display:inline-block;
	height:16px;
	width:16px;
	text-align:center;
	border-radius:8px;
	color:#fff;
	background-color:#000;
	margin-right:2px;
 font-weight:normal;
	line-height:17px;
}
.inside #quicklinks a.add_sale:hover:before {
	color:#fff;
	background-color:#666;
}

.inside #revenue_overview select {
	float:right;
	width:auto;
}
.inside #revenue_overview h2:after {
	content:"";
	display:block;
	clear:both;
}
.inside #revenue_overview dl {
	width:30%;
}
.inside #revenue_overview dl + dl {
	margin-left:5%;
}

.inside #sales_box, .inside #velocity_total_box {
	color:#fff;
    background: linear-gradient(90deg, #728cfd 0%, #47ecb5 100%);
}
.inside #velocity_total_box {
    padding: 10px 20px 10px 10px; margin-top: 0px;
}
.inside #sales_box dt, .inside #velocity_total_box dt { color: #fff; }
.inside  #sales_box:before {
	content:"$";
	display:block;
	float:right;
	height:36px;
	width:34px;
	padding-right:2px;
	text-align:center;
	line-height:37px;
	border-radius:21px;
	border:3px solid #fff;
	color:#fff;
	font-size:18px;
	margin-top:5px;
}
.inside  #tickets_box:before {
	content:"T";
 font-family:icons;
	display:block;
	float:right;
	font-size:40px;
	margin:6px 5px 0 0;
}
.inside #events_box:before {
	content:"#";
	display:block;
	float:right;
	font-size:37px;
	margin:5px 5px 0 0;
}
.inside #sales_box dd, .inside #tickets_box dd, .inside #events_box dd {
    opacity: 1;
    transition: opacity 500ms ease;
}
.inside #sales_box.loading dd, .inside #tickets_box.loading dd, .inside #events_box.loading dd {
    opacity: 0;
    transition: opacity 0ms;
}

.inside a.more_link {
	float:right;
	color:#000;
	margin-top:4px;
}
.inside a.more_link:hover {
	color:#999;
}
.inside a.more_link:before {
	content:">";
	font-family:icons;
	font-size:16px;
	float:right;
	margin:2px 0 0 10px;
}

.inside  .button {
	font-size:17px;
	font-weight:normal;
	text-transform:none;
	border-radius:20px;
	padding:0 20px;
	line-height:40px;
	min-height:40px;
	background-color:#fff;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	color:#666;
	transition:all 0.25s;
}
.inside .button:hover, a.button:hover {
	color:#000;
	background-color:#fff;
}
.inside .button_prominent {
	color:#fff;
	background-color: #152377;
 background: linear-gradient(90deg, #6b76af 0%, #152377 100%);
}
.inside  a.button_prominent:hover {
	color:#fff;
 background: linear-gradient(90deg, #6b76af 0%, #152377 50%, #152377 100%);
}
.inside  .button_prominent.button_icon_plus:before {
 content:"+";
	color:#152377;
	background-color:#fff;
}
.inside .button_icon:before {
	content:"";
	font-size:18px;
	line-height:19px;
	display:inline-block;
	color:#fff;
	background-color:#666;
	border-radius:9px;
	height:18px;
	width:18px;
	text-align:center;
	margin-right:10px;
}
.inside .button_icon.button_icon_dollar:before {
	content:"$";
	font-size: 12px;
 vertical-align: text-top;
}
.inside  a.button_icon.button_icon_dollar:hover:before {
	background-color:#000;
}
.inside  .button_primary {
	border:2px solid #bf0000;
 color:#bf0000;
	background-color:#fff;
}
.inside  a.button_primary:hover {
 color:#fff;
	background-color:#bf0000;
}
.inside .button_small {
	border-radius:5px;
 padding:2px 10px 0;
 line-height:26px;
	min-height:30px;
	font-size:15px;
}
.inside .button_highlight {
	border:1px solid #166a44;
	background-color:#b4e3b4;
	color:#166a44;
}
.inside .button_alt_highlight {
	border:1px solid #35a8c9;
	background-color:#d5fdff;
	color:#35a8c9;
}
.inside a.button_highlight:hover {
	background-color:#166a44;
	color:#b4e3b4;
}
.inside a.button_alt_highlight:hover {
	background-color:#35a8c9;
	color:#d5fdff;
}

.inside .event {
	background-color:#fff;
	border-radius:10px;
	padding:20px;
	margin-top:20px;
	position:relative;
}
.inside .event:after  {
	content:"";
	clear:both;
	display:block;
}
.inside .event a h3 { color:#000; }
.inside .event a:hover h3 { color:#666; }
.inside .event .event_img {
	border-radius:10px;
	width:140px;
	height:140px;
	float:left;
	margin-right:20px;
 overflow:hidden;
	z-index:1;
}
.inside .event img {
	width:140px;
	height:140px;
	object-fit:cover;
	transition:all 0.5s;
}
.inside .event a:hover img {
	transform:scale(1.1) rotate(5deg);
}
.inside .event .button_primary {
	float:right;
}
.inside .event time, .inside .event address { display:block; color:#808080; font-style:normal; margin:10px 0; }
.inside .event time:before, .inside .event address:before {
 content:"C";
	font-family:icons;
	font-size:16px;
	margin-right:10px;
	color:#666;
}
.inside .event address:before {
	content:"L";
}
.inside .event.active:before, .inside .event.soon:before {
	content:"ACTIVE";
	display:block;
	position:absolute;
	color:#fff;
	font-size:12px;
	border-radius:12px;
	height:24px;
	line-height:24px;
	float:right;
 top:10px;
	right:calc(100% - 170px);
	font-weight:bold;
	padding:0 12px;
 background: linear-gradient(90deg, #fa8a46 0%, #fb4548 100%);
	z-index:2;
}
.inside .event.soon:before {
	content:"COMING SOON";
 background: linear-gradient(90deg, #11eac1 0%, #01b3cd 100%);
}
.inside .event .button_small {
	margin-bottom:10px;
} 

.inside #event_sales_nav {
	margin:10px 0 10px -10px;
}
.inside #event_sales_nav > * {
	margin:10px 0 0 10px;
}

.inside #revenue #potential, .inside #revenue #average { float:right; }
.box dl { margin:10px 0; padding:0 10px; font-weight: normal} /* dl in a box doesn't need as much padding as dl as a box */

.inside #revenue #revenue_total {
  font-size: 35px;
  margin: -20px 0 0 -10px;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(90deg, #728cfd 0%, #47ecb5 100%);
  padding: 5px;
  border-radius: 5px;
  font-weight: bold;
  display: block
}

.inside #revenue dd {
 font-weight: normal
}

#velocity {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#velocity h4 { width:100%; }

.chart_and_graph .half { margin:40px 0 0 0; padding:0 40px; }
.chart_and_graph {
	display:flex;
	flex-wrap:wrap;
}
.chart_and_graph section { margin-top:40px; }

/*
.chart_and_graph tr:not(:last-child) td:first-child:before {
 content:"";
	display:inline-block;
	margin-right:10px;
	border-radius:5px;
	width:10px;
	height:10px;	
}
*/

.chart_and_graph .chart_legend_circle {
  content: "";
  display: inline-block;
  margin-right: 10px;
  border-radius: 10px;
  width: 13px;
  height: 13px;
}

.chart_and_graph .graph {
 max-width: 360px;
 margin: 40px auto 0;
}

.inside main > p { color:#808080; }
.inside main > h2, .inside main > h4 { margin:40px 0 10px; }
.inside p label { color:#333; }
.inside .columns {
 margin:0 -20px;	
}
.inside p span { font-size:16px; color:#808080; }
.quarter {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 25%;
	min-width: 150px;
	padding: 0 20px 30px;
}

.inside .tabular {
 background-color: #fff;
 border-radius: 10px;
 padding: 20px;
 margin-top: 20px;
}

.inside .tabular table {
	width:100%;
}
.inside .tabular input[type=submit] { width:auto; }

.inside .tabular .bottom-row { background-color:#e5f4ff; }

.inside .scroll_horizontal {
    overflow-x: auto
}

.wide_table {
    min-width: 1200px;
}

.open { color:inherit; }
.open:before { background-color:#009900; }
.blocked:before { background-color:#9e9888; }
.blocked_admin:before { background-color:#807966; }
.blocked_promoter:before { background-color:#bfbaac; }
.held:before { background-color:#060; }
.com:before { background-color:#FD0; }
.account:before { background-color:#F80; }
.buffer:before { background-color:#666; }
.class0:before { background-color:#0CF; }
.class1:before { background-color:#0AF; }
.class2:before, .sales:before { background-color:#08F; }
.class3:before { background-color:#06F; }
.class4:before { background-color:#04F; }
.class-Direct:before { background-color:#666; }
.class-boletosexpress-com:before { background-color:#365282; }

.success {
 color:#009900 !important ;
}

.error, .delete_link {
 color:#CC0000 !important;
}

.warning {
 color:#FF9900 !important;
}


/* Seats */

.seats td {
    font-size: 14px;
    padding: 0;
}
.seatmap input { display: inline }

/* Scanning report */

.event_scanning .tabs {
		border-bottom:1px solid #999;
		margin-bottom:20px;
		padding-left:5px;
	}
.event_scanning .tabs div {
		border:1px solid #999;
		padding:8px 10px;
		display:inline-block;
		 zoom:1;
			*display:inline;
		margin-bottom:-1px;
        border-radius: 5px 5px 0 0;
	}
.event_scanning .tabs div.current {
		border-bottom:1px solid #f7f7f8;
	}
    
.event_scanning .scan_select {
    float:right;
    margin-top: -12px
}

.event_scanning input[type=submit] {
    display: inline-block;
    width: 8em;
}

@media (max-width:1380px) {
	.outside > aside { background-size:contain; }
}
@media (max-width:767px) {
	.outside > aside { display:none;	}
	.outside > footer { width:100%; }
}