/*******************my tickets********************/
#tickets-page-wrap h4{font-size:1.2em;color:#424141;}
#changeNameModal h3 {font-weight: bold; font-size: 14px;}
#changeNameModal {padding: 20px;}
#changeNameModal #id_name {width: 340px;text-align: center;}
#changeNameModal .controls {float: none; width: 340px;}
#changeNameModal .controlGroup {margin-bottom: 10px;}
#changeNameModal .actions {text-align: center; margin-top: 10px;}
#changeNameModal .errorlist {text-align: center;}
#changeNameModal .actions a,
#changeNameModal .actions input {line-height: 17px; margin-right: 0;}
#emailTicket .formHorizontal div.controlGroup {margin-left:0; margin-right: 0; width: auto;}
#emailTicket .formHorizontal div.controlGroup .controls {float: left; text-align: left;}
#emailTicket  #id_message {width: 400px; height: 200px;}
#emailTicket .actions {margin: 10px 0 0 130px; text-align: right; width: 405px;}

.location {
    margin-left: 30px;
}

.infoItem.ticket {
    border-top: 1px solid #616161;
    padding: 5px 0;
}
.infoItem.ticket:first-child {
    border-top: none;
}

.ticket-name {
    width: 500px;
}
.infoItem.ticket .ticket-name > div {
    width: 50%;
    min-height: 40px;
    float: left;
    max-height: 50px;
}

.infoItem.ticket .ticket-type-name {
    font-size: 1.15em;
    margin: 10px 0;
}

.download-ticket {
    width: 170px;
}
.download-ticket .tf-btn-primary {
    width: 100%;
    box-sizing: border-box;
}
.send-ticket {
    
}
.change-info-link {
    float: right;
}

.infoItem a {
    color:  #0ab9ce;
    text-decoration: none;
}
.infoItem a.tf-btn {
    color: white;
    padding: 7px 20px;
    margin: 0 0 10px 0;
}
.navTabs a:hover,
.infoItem a.tf-btn,
.infoItem a.tf-btn:hover,
.infoItem.event-name a:hover {
    text-decoration: none;
}
.infoItem a:hover {
    text-decoration: underline;
}

.infoItem .event-name {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 4px;
}

.infoItem.ticket .ticket-type {
    font-weight: bold;
}

#my-tickets-inner {
    padding-top: 48px;
}
@media only screen and (max-width: 748px) {
    #my-tickets-inner {
        padding-top: 40px;
    }
    .navTabs li.user-email {
        display: none;
    }
}

.navTabs {
    border: none;
}
.navTabs li a {
    padding: 15px;
}
.navTabs li.user-email {
    padding: 15px 0 15px 15px;
}

.navTabs li.active a {
    background: #d8d8d8;
}


.single-event {
    border-bottom: #616161 solid 3.5px;
    padding: 10px 0 0 0;
}

.single-event:first-child {
    border-top: #616161 solid 3.5px;
}

.ticket-content {
    margin-left: 245px;
}

.ticket .ticket-name strong {
    text-transform: uppercase;
    color: #0ab9ce;
    font-weight: normal;
}

/*******************upcoming events*****************/
#tickets-page-wrap #upcomingEvents table{margin:10px auto 5px auto; width:95%;}
#tickets-page-wrap #upcomingEvents table tr td{padding: 3px 0;}
#tickets-page-wrap #upcomingEvents table tr td + td{text-align:right;}
#tickets-page-wrap #upcomingEvents .dLAllWrap{text-align:right; width: 95%; margin:0 auto 10px auto;}
#tickets-page-wrap #upcomingEvents .downloadAll {overflow: hidden; margin-bottom: 10px;}
#tickets-page-wrap #upcomingEvents .downloadAll a {float: right;}

/*******************past events********************/
#tickets-page-wrap #pastEvents table{margin:10px auto 5px auto; width:95%;}
#tickets-page-wrap #pastEvents table tr td{padding: 3px;}
#tickets-page-wrap #pastEvents table thead tr th{color:#03CCDE; font-size:1.1em; padding:5px 0; text-align: left;}
#tickets-page-wrap #pastEvents .single-event {
    padding: 10px 0;
}

.ticket.no-border {
    border: none;
}
.ticket.no-margin {
    margin: 0;
}
.ticket-type,
.uses {
    color: #0ab9ce;
}