.tickets-title
{
	text-align: center;
}

.tickets-subtitle
{
	text-align: center;
}

.panel-tickets
{
	padding: 1em;
}

.tickets-buttons
{
	display: flex;
	width: 100%;
}

.tickets-a-button
{
	color: #fff;
	background-color: #0008;
}

.tickets-a-button:hover
{
	background-color: #000a;
}

.tickets-a-button p
{
	color: #aaa;
	font-size: .8em;
	font-weight: normal;
}

.tickets-buttons a
{
	padding: 1em;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	flex: 1 1 0px;
}

.tickets-buttons a img
{
	width: 100%;
	margin-bottom: 1em;
}

.tickets-buttons a:not(:last-child)
{
	margin-right: 1em;
}

.tickets-tickets
{
	display: flex;
	width: 100%;
	flex-direction: column;
}

.tickets-tickets a
{
	width: 100%;
	padding: .5em;
	margin-top: 1em;
	position: relative;
}

.ticket-message
{
	display: block;
	font-size: .75em;
	margin-left: 3em;
	color: #ccc;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ticket-date
{
	color: #aaa;
	font-size: .7em;
	
	position: absolute;
	top: .5em;
	right: .5em;
}

.ticket-status
{
	font-size: .7em;
	
	position: absolute;
	top: .5em;
	right: 12em;
}

.tickets-tickets a img
{
	height: 1em;
	margin-right: 1em;
}

.tickets-sort-buttons
{
	display: flex;
	width: 100%;
	margin-top: 1em;
}

.tickets-sort-buttons button
{
	height: 2em;
}

.tickets-sort-buttons button:not(:last-child)
{
	margin-right: 1em;
}