body { background: #ededed; letter-spacing: .1em; color: #333; }
body {}

h1 { color: #ed1b3e; font-size: 24px; }
a { color: #eb0e37; }
a:hover { color: #333; }


.btn-success[disabled],
.btn-success { border: none; }
.btn-success[disabled] { opacity: .3; }

.btn { font-weight: 700; text-transform: uppercase; letter-spacing: .1em; border-radius: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); }

.btn-custom-success { background: #5cb85c; border: none; }


/*sign in*/
#headerdesktopright .pull-right .absImage { display: none; }
.connect.signin-main .signin { background: #eb0e37; }
.btn-success:hover,
.btn-success:focus,
.btn-success.hovered.btn-success,
.btn-custom-success:hover,
.connect.signin-main .signin:hover { background: #666; }


.wrapper { max-width: 1366px; margin: 0 auto; background: #fff; }
#headerwrapper { position: relative; }
#headerwrapper:after { background: repeating-linear-gradient(
    90deg,#8cc63f,#8cc63f 33%, #ee1a3b 33%, #ee1a3b 66%, #ffc425 66%, #ffc425 100%); content: ''; position: absolute; height: 3px; width: 100%; left: 0; bottom: 0; }

#headermobile,
#headerdesktopleft { width: 100%; padding: 20px; }
.headerbg { text-align: center; }
.headerbg a { display: inline-block; margin: 0 auto; }

#LoginControlWrapper { position: absolute; right: 0; top: 20px; z-index: 1; }
#LoginControlWrapper .btn-xs { padding: 5px 10px; }

.forgotPassword-content,
.connect.signin-main .form-main { background: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }
.connect.signin-main .form-footer { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); border: 1px solid #ccc; border-top: none; }
.connect.signin-main .RegistrationBox { background: #fff; border: 1px solid #ccc; border-radius: 0; padding: 20px; color: #333; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); margin-bottom: 100px; }
.forgotPassword-content { padding: 20px; margin-bottom: 100px; }

.form-control { box-shadow: none; border: 1px solid #ccc; border-radius: 3px; height: 30px; letter-spacing: 0.05em; line-height: 30px; padding: 0 6px; }
.connect.signin-main input[type="text"], .connect.signin-main input[type="password"] { border: 1px solid #999; border-radius: 3px;  }

#contentwrapper { padding-bottom: 100px; }

.container { width: auto; display: block; }


.connect.signin-main .form-main { padding: 30px 20px 10px; }
.signin-main .title { display: none; }



.form-control:focus { box-shadow: none; border-color: #000; }



@media screen and (min-width: 768px) {
	.connect.signin-main .form-main,
	.connect.signin-main .form-footer,
	.connect.signin-main .RegistrationBox,
	.forgotPassword-content { max-width: 360px; margin-left: auto; margin-right: auto; }
}

.footer { width: auto; position: static; }

.forgotPassword-content .input-medium { width: 100%; }
.forgotPassword-content .btn-success { float: right; }
.forgotPassword-content .btn-default { float: left; }

#ctl00_MainContent__updatePanelUpdatePrefSite { max-width: 600px; margin: 0 auto 100px; padding: 30px 0; }
.siteSelectSearch { background: #ededed; padding: 20px; text-align: center; }
.siteSelectSearch .input-medium { margin: 0 auto; }
#ctl00_MainContent__btnConfirm { float: right; }

.time-width { width: auto; }

.navbar-form.navbar-right .btn { height: 30px; line-height: 30px; padding: 0 12px; box-shadow: none; border-radius: 0 4px 4px 0; }
.SearchBox { border-radius: 4px 0 0 4px !important; }

.ExcludeDays label,
.whatsOnWhen .btn { box-shadow: none; border-radius: 0; background: #ededed; color: #666; text-transform: none; border: none; padding: 5px 10px; }
.ExcludeDays input:focus:checked + label,
.ExcludeDays input:checked + label,
.whatsOnWhen .btn.disabled { background: #eb0e37; color: #fff; border: none; }
.ExcludeDays label,
.whatsOnWhen .btn + .btn { margin-left: -3px; margin-bottom: 3px; }


#results-panels .btn-block { margin: 0; padding: 15px 1px; width: 100%; position: relative; display: block !important; }
#results-panels .btn-info,
#results-panels .availabilitybutton,
#results-panels .btn-primary { text-transform: none; box-shadow: none; height: 50px; line-height: 50px; display: block; padding: 0; border: 1px solid #ccc; }
#results-panels .btn-primary { font-size: 12px; padding: 0 50px 0 45px; width: 100%; text-align: left; background: #fff; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .25s; }
#results-panels .btn-primary:hover { background: #ededed; }
#results-panels .btn-info { width: 40px; position: absolute !important; left: 0; top: 15px; z-index: 1; background: #fff; color: #eb0e37; font-size: 16px; border-right: none; }
#results-panels .btn-primary:after,
#results-panels .availabilitybutton { position: absolute !important; right: 7px; top: 21px; font-size: 9px; text-transform: uppercase; padding: 0; width: 40px !important; text-align: center; border-radius: 50%; height: 40px; line-height: 40px; border: none; z-index: 3; }
#results-panels .btn-primary:after { content: 'BOOK'; display: block; background: #5cb85c; color: #fff; right: 5px; top: 5px; }
#results-panels .greysurround { font-size: 12px; box-shadow: none; border: none; padding: 5px 10px; border-radius: 0 0 5px 5px; background: #fff; width: 100%; text-align: center; float: none; color: #eb0e37;  }
#results-panels .btn-primary:hover { z-index: 0 !important; }

.panel-group .panel,
.panel-heading { border-radius: 0;  }
.panel-heading { background: #ededed; }
.panel-heading span { font-size: 10px; position: relative; top: 2px; color: #666; }
.panel-title { font-size: 14px; }
.flexible-comment-text,
.togglecomments { font-size: 13px; color: #666; padding: 0 2px !important; }

.list-group { padding: 0 15px; }
.list-group-item-info { background: none; color: #eb0e37; border: none; padding: 0; font-size: 13px; }
.panel-body { padding: 15px 0 10px; }

#SearchButton { padding-bottom: 10px; }
#SearchButton .btn { opacity: .5; background: #eb0e37; color: #fff; border: none; }
#SearchButton .btn-success { opacity: 1; }

@media screen and (min-width: 768px) {

#results-panels .btn-block { padding: 5px 15px; }
#results-panels .btn-primary { padding: 0 50px 0 15px; font-size: 13px; }
#results-panels .btn-primary { height: 80px; line-height: 80px; }
#results-panels .availabilitybutton { right: 25px; top: 25px; }
#results-panels .greysurround { text-align: left; padding: 5px 0 0; }

#results-panels .btn-primary:after { content: 'BOOK'; display: block; background: #5cb85c; color: #fff; right: 9px; top: 19px; }

 
}

.bookingConfirmTable .btn-success { padding: 20px !important; border: none; margin: 0 0 10px; }
.book-border { box-shadow: none; background: transparent; border: none; padding: 10px; color: #666; }
.tableSearch { margin: 0 15px; }

.waitinglist,
.confirmBookingContent-content,
#ctl00_MainContent_pnModifyInfo,
#ClassStatusWrapper,
#ctl00_MainContent_UpdatePanel1,
#ctl00_MainContent_UpnlSubsGrid,
#ctl00_MainContent_UpnlLinksGrid,
#ctl00_MainContent_UpnlBookingsGrid,
#ctl00_MainContent_UpnlOthersGrid,
#ctl00_MainContent_UpnlButtons { margin: 0 auto; }
*/#ctl00_MainContent_UpnlButtons { max-width: 700px; margin: 0 auto; }*/
#ctl00_MainContent_txtAddInfo { width: 100%; }

@media screen and (min-width: 1034px) {
#slotsGrid { max-width: 1034px; margin: 0 auto; }
}

.waitinglist { border-radius: 0;border-left-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-top: none; }

.confirmBookingContent-content { padding: 20px 0; }
.bookingConfirmTable.tableless { background: #ededed; border: 15px solid #ededed; width: 100%; margin: 20px 0 20px; }
.bookingConfirmTable h3 { margin: 0; }
.cellpadcurrency { font-size: 18px; color: #eb0e37; }
.confirmbookinginfo { color: #666; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 20px 0; }
.confirmbookinginfo + .confirmbookinginfo { border-top: none; }
.payButton { float: right; }

.gsbaskettable tr { margin: 0; border: 1px solid #ccc; }
.gsbaskettable tr + tr { border-top: none; }
.gsbaskettable tbody > tr > td { padding: 15px; }
.gsbaskettable .total { padding-top: 0; }
.gsbaskettable tr { background: #fff !important; }
.gsbaskettable h4 { margin: 0; }
.grandTotal { display: inline-block; font-size: 20px; padding: 12px 0 0; }

/*.resourceStatusContent-content .tableSearch { border: 1px solid #ccc; margin: 0 auto; width: 100%; max-width: 700px; }*/
.resourceStatusContent-content .tableSearch { border: 1px solid #ccc; margin: 0 auto; width: 100%; }
.resourceStatusContent-content .tableSearch td { margin: 0 35px; }
.resourceStatusContent-content .tableSearch td.description { padding-top: 20px; }
.resourceStatusContent-content .tableSearch td.time { padding-bottom: 20px; }

.list-group-item-info .btn { background: none; box-shadow: none; color: #333; text-transform: none; text-align: left; border: none; padding: 0; border-top: 1px solid #ccc; padding-top: 20px; margin-top: 20px; }

.alert-warning { background: #ededed; border: 1px solid #ccc; color: #eb0e37; }

@media screen and (max-width: 600px) {
.itemnotavailable { display: none; }
#slotsGrid .itemnotavailable { display: table-cell; }
}

.bookingButtonsWrapper { padding-top: 20px; }

@media screen and (min-width: 768px) {
.confirmBookingContent-content,
#ctl00_MainContent_pnModifyInfo,
#ClassStatusWrapper { border: 1px solid #ccc; padding: 20px; }
#ClassStatusWrapper { border-top: none; }
#ctl00_MainContent_pnModifyInfo + br { display: none; }

/*.bookingConfirmTable { height: 125px; }*/

.bookingConfirmTable.tableless { height: auto; }

/* .bookingConfirmTable.div-accordion .div-row { border: none; padding: 0; } */

.confirmBookingContent-content { margin: 20px auto; }
.bookingButtonsWrapper .btn-default { float: left; margin: 0 10px 0 0; }
.bookingButtonsWrapper input:nth-child(5) { float: right; }
.gsbaskettable .total { padding-top: 15px; }
#ctl00_MainContent_UpdatePanel1 .col-md-6.col-sm-6.col-xs-12,
#ctl00_MainContent_UpnlButtons .col-md-6.col-sm-6.col-xs-12 { float: none; width: 100%; padding-top: 20px; }
#ctl00_MainContent_UpnlButtons .hidden-xs.col-md-6.col-sm-6 { position: relative; top: -80px; width: 100%; }

#ctl00_MainContent_UpdatePanel1 .col-md-6.col-sm-6.col-xs-12,
#ctl00_MainContent_UpdatePanel1 .hidden-xs.col-md-6.col-sm-6 { display: none; }
.gsbaskettable .header .sectionHeader { padding: 30px !important; }
}

@media screen and (min-width: 1024px) {

.gsbaskettable .header { border: none; }
.gsbaskettable .header:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.gsbaskettable .header th { padding: 20px 5px !important; }
.gsbaskettable .header .sectionHeader { padding: 0 30px 30px !important; }

}

.siteSearchQuery .btn,
.productStatusWrapper .btn-default { box-shadow: none; font-size: 10px; height: 34px; line-height: 34px; color: #666; padding: 0 12px; }

.siteSearchQuery .ReadOnlyTextBox,
.productStatusWrapper .ReadOnlyTextBox { height: 34px; line-height: 34px; }

.siteSearchQuery .col-md-6 { float: none; margin-left: auto; margin-right: auto; }

.itemavailable .btn,
.itemnotavailable .btn,
.legend .btn { box-shadow: none; text-transform: none; font-size: 14px; }
.itemnotavailable .btn { color: #999; }

.productStatusGrid .table-responsive div { text-align: center; }
.table-narrow { border: 1px solid #ccc !important; }

.description h3 { margin: 0 0 5px; }

.productStatusWrapper .col-md-6 { margin: 0 auto; float: none; }

.masterTableLeftHeader { vertical-align: middle !important; }

/*#ctl00_LoginControl_Logoutlnk { display: none; }*/

.bookingConfirmTable:before,
.bookingConfirmTable:after,
.bookingConfirmTable .div-row:before,
.bookingConfirmTable .div-row:after { display: table; content: ""; }
.bookingConfirmTable:after,
.bookingConfirmTable .div-row:after { clear: both; }

.bookingConfirmTable .div-row { width: auto !important; float: none !important; }
.btn-default.focus-button-bottom.btn-default,
.btn-default.hovered,
.btn-default:hover { background: none !important; }

.div-accordion .div-row:first-child { border-top: none; }

label[data-qa-id=button-RemoveMember] {font-size:10px}
label[data-qa-id=button-IncludeMember] {font-size:10px}