#largeTable {
    width: 100%;
    text-align: left;
}
#largeTable td {
    padding: 5px;
    padding-top: 20px;
}
.smallTable {
    width: 100%;
}
.smallTablePrimary {
    width: 100%;
    margin: 0px;
    color: white;
    padding-bottom: 5px;
    padding-top: 15px;
    border-top-right-radius: 25px;
}
.bigTablePrimary {
    width: 100%;
    margin: 0px;
    color: white;
    padding-bottom: 0px;
    padding-top: 15px;
    border-top-right-radius: 25px;
}
.cbprice {
    white-space: nowrap;
}

@media (min-width: 960px) {
    .cbprice {
        flex: 0.2 1 10% !important;
    }
}

.cbsubheading {
    margin-bottom: 10px;
}
.cbcheckbox {
    padding-top: 10px;
}
.moreInfoLeft {
    border-right: 1px solid black;
    text-align: right;
    /*  margin:0px;
  padding:0px;*/
}
.smallTable td {
    padding: 5px;
}
.smallTableHeader {
    border-bottom: 1px solid black;
}
.tableMoreInfo {
    margin: 0px;
    background-color: rgba(200, 200, 200, 0.4);
    padding: 10px;
    margin-top: 10px;
}
.smallTableEvent, .attSchedules {
    margin-top: 20px;
    margin-bottom: 20px;
}
.attSchedules{
    padding-left:20px;
    padding-right:20px;
}

.smallTableEvent, .bigTableEvent {
    border-top-right-radius: 25px;
}
.attendees {
    margin-bottom: 20px;
}

.deleteButton {
    float: right;
}
.addatt {
    padding: 15px;
    text-align: center;
    font-size: 30px;
}
.addatt:hover {
    color: rgba(251, 251, 251, 0.6);
}
.bookNowBut {
    margin-top: 10px;
    float: right;
}
.deleteAtt {
    float: right;
    cursor: pointer;
    margin-right: 10px;
}
md-radio-button {
    outline: none;
    margin-bottom: 0;
}
.form-warning {
    margin: 0px;
    color: #ff6666;
}
/*.deleteX{
  color:white;
  background-color: red;
  width:140px !important;
  height:140px;
  border-radius: 50%;
}*/

div.deleteX {
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    cursor: pointer;
    color: #fff;
    border: 1px solid white;
    border-radius: 30px;
    background: #dd0000;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
}
.deleteX:before {
    content: "×";
}
.deleteText {
    float: right;
    margin-left: 10px;
    cursor: pointer;
}
.bookingCheckbox {
    float: right;
    margin-top: -20px;
    margin-bottom: 0px;
}
.bookingDropdown {
    float: right;
    margin-top: -30px;
    margin-bottom: 0px;
}
.alignRight {
    text-align: right;
}
.no-margin-top {
    margin-top: 0px;
}
.bookText {
    margin-top: 10px;
    margin-bottom: 10px;
}
.colour-dark-red {
    background-color: #9A0034;
}
.colour-pink {
    background-color: #EACDD7;
}
.moreButton {
    color: #9A0034;
    background-color: white;
    border-radius: 5px;
    font-weight: bold;
    padding: 5px;
    border: 1px solid white;
}
.moreButton:hover {
    border: 1px solid #9A0034;
    background-color: #EACDD7;
    color: #9A0034;
    border: 1px solid white;
}
.moreButton:active {
    color: #9A0034;
    border: 1px solid white;
}
.moreButton:target {
    color: #9A0034;
}
.attDetails {
    padding: 10px;
    padding-bottom: 20px;
    margin-top: 20px;
}
/*md stuff*/

.moreInfoLabel {
    border-right: 1px solid black;
    text-align: right;
    padding-right: 10px !important;
}
.moreTicketInfoLabel {
    border-right: 1px solid white;
    text-align: right;
    padding-right: 10px !important;
}
.moreInfoField {
    padding-left: 10px !important;
}
.moreInfoContent {
    font-size: 11px;
    padding-bottom: 7px;
    width: 50%;
}

.attSchedules md-card-content{
      padding: 5px;
}
.smallPrimaryContent {
    width: 100%;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.smallHeading {
    padding: 5px;
}

.smallHeading div {
    outline: none;
    cursor: pointer;
}
/*md-card {
    margin-bottom: 20px;
}*/

/*
.md-icon {
    border-color: white !important;
    vertical-align: center;
}
*/
.moreInfoTable {
    width: 100%;
    height: 100%;
}
.moreInfoList {
    width: 50%;
    display: inline-table;
    margin-bottom: -5px;
}
.moreTicketInfoList {
    width: 50%;
    color: black;
    display: inline-table;
    margin-bottom: -5px;
}
.moreInfoUl {
    display: table;
    list-style: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.attendeeName {
    margin-left: 10px;
}


.cbheading {
    /*max-width: 80%;*/
    font-size: 20px !important;
    text-align: left;
    
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}

/*@media (min-width: 960px) {
    .cbheading {
        flex: 3 1 10% !important;
    }
}*/

.whiteBG {
    background-color: white;
}
.moreButtonTicket {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}
.md-hue-2.selectDropDown span {
    color: rgba(0, 0, 0, 0.7);
}

.selectDropDown span {
    color: rgba(0, 0, 0, 0.7);
}
.md-toolbar-small {
    min-height:55px;
    max-height:55px;
    overflow: hidden;
}
.smallText {
    font-size:13px;
}
.positionIcon{
    position:absolute;
    top:7px;
    left:0px;
}

.more_button{
    font-size: 10px;
}

.bookedOut {
    background-color: silver !important;
}

.bookedOut .more_button {
    background-color: rgb(220, 220, 220) !important;
}

.ticketSelection {
    margin-top: 5px;
}

.ticketSelection > span {
    padding-right: 15px;
    text-align: right;
}

.ticketSelected {
    background-color: #EEE;
    border-radius: 2px;
    padding-left: 20px;    
}

/*
.attSchedules md-toolbar {
    min-height: initial;
}
*/

/* .md-select-value, .md-select-value :first-child {
    -webkit-flex: initial;
    -ms-flex: initial;
     flex: initial;
     white-space: normal;
} */

md-option .md-text {
     white-space: normal;
}

.groupLabel {
    padding: 5px 10px;
}

.attDetails md-radio-button.inline {
    margin-right: 15px;
}

.bookableItemGroup md-card {
    -webkit-transition:0.5s ease-in all;
    -moz-transition:0.5s ease-in all;
    -o-transition:0.5s ease-in all;
    transition:0.5s ease-in all;
/*
    Not sure why this was here, but was causing presentation issues for larger schedule descriptions 
    max-height: 800px;
*/
}

.bookableItemGroup.collapsed md-card {
    -webkit-transition:0.5s ease-in all;
    -moz-transition:0.5s ease-in all;
    -o-transition:0.5s ease-in all;
    transition:0.5s ease-in all;
    max-height: 0px;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
}

.bookableItemGroup md-card md-toolbar {
    flex: none;
}

.bookableItemGroup .groupLabel {
    cursor: pointer;
    outline: none;
}

.bookableItemGroup .groupLabel md-icon {
    margin: 0;
}

.bookableItemGroup .groupLabel.collapsed md-icon,
.cb-more-button.collapsed md-icon {
    -webkit-transition:0.3s ease-in all;
    -moz-transition:0.3s ease-in all;
    -o-transition:0.3s ease-in all;
    transition:0.3s ease-in all;
    transform: rotate(-90deg);
}

.bookableItemGroup .groupLabel md-icon,
.cb-more-button md-icon {
    -webkit-transition:0.3s ease-in all;
    -moz-transition:0.3s ease-in all;
    -o-transition:0.3s ease-in all;
    transition:0.3s ease-in all;
}

.scheduleAttribute {
    margin: 0 2px;
}

.cb-more-button {
	min-width: 28px;
}

mdp-date-picker md-input-container {
    width: 100%;
}

span.mdp-datepicker-year {
    font-size: 2.5rem !important;
}

.attSchedules md-select {
    margin: 0;
    top: -3px;
    position: relative;
}

.bookableItemGroup md-input-container.cb-donation input {
    min-width: 60px;
    max-width: 120px;
}

.bookableItemGroup .md-errors-spacer {
    min-height: 0px;
    height: 0px;
}

.cb-attendee-fields {
    padding-left:20px;
    padding-right:20px;
}

.cb-more-button md-icon,
md-toolbar.md-hue-1:not(.md-menu-toolbar) md-icon {
    fill: currentColor !important;
}

/* Fix 'Book' checkbox appearing too low */
.attSchedules md-checkbox .md-container {
    margin: 0;
    top: 50%;
}