/* General */

.hidden { display:none; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-vertical-middle { vertical-align:middle; }
.nowrap { white-space:nowrap; }

progress { -webkit-appearance: none; }
progress[value] { -webkit-appearance: none; appearance: none; }
progress[value]::-webkit-progress-bar { background-color: #666; border-radius: 2px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; }
progress[value]::-webkit-progress-value { background-image: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .1) 33%, rgba(0,0, 0, .1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .25), rgba(0, 0, 0, .25)), -webkit-linear-gradient(left, #09c, #f44); border-radius: 2px; background-size: 35px 20px, 100% 100%, 100% 100%; }

/* Application specific */

.app-android .app-topbar .app-button.left { left: auto; right: 0px; }
.app-android .app-topbar .app-button.right { right: 36px; }
.app-android .app-topbar .app-button.right:nth-child(2) { right: 0px;}
.app-android .app-dialog .button.cancel { display:inherit; }

.app-topbar .app-button.cart span, .app-topbar .app-button.home span, .app-topbar .app-button.selector span { display: block; margin-top: 14px; height: 24px; width: 24px; -webkit-background-size: 100%; background-size: 100%; }

.cart-counter {position: absolute; margin-top: 5px; margin-left: -15px; font-weight: bold; font-size: 12px; width:24px; text-align:center; }

.app-header {background-color: #000; text-align:center; overflow:hidden; height:100px;}
.app-header img {height:100%; display:inline-block;}

.welcome-head {text-align:center; color: white; margin-bottom:14px;}
.welcome-head a {color: #d3bd4b; text-decoration:none; margin-left:10px;}

.app-page.home-page .welcome-head, .app-page.list-page .list-head, .app-page.item-page .item-head, .app-page.cart-page .cart-head  { margin: 0px 16px; }

.app-content .app-button, .app-content .app-link, .app-content .table-link { color: #17B; text-decoration: none; }

.app-dialog div.button[data-button="yes"] { color: #0c0; }
.app-dialog div.button[data-button="no"] { color: #c00; }

.item-vip {color: #f00;}

.terms-section { margin: 16px; padding: 8px; text-align: center;}
.terms-section a {color: #d3bd4b; text-decoration: none; font-size: 80%; margin-left:10px;}

.app-section.disabled {opacity:0.5;}
.app-section.disabled .app-button {color: #666;}
.app-section.disabled .app-button.active {background-color: transparent;}

/* Splash Screen and Event Selector */

#splashScreen, #paymentScreen { position:absolute; width:100%;height:100%; z-index:10000; background-color: #000; color: #fff; }
#splashScreenContent { width:80%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align:center;opacity:0; }
#splashScreenLogo {width:144px; margin-bottom:20px;}
#splashScreenSelector span.splashTitle { color: #eee; font-weight: bold;}
#splashScreenSelector a { text-decoration: none; color: #d3bd4b; }
#splashLoaderLabelHolder { height:32px; vertical-align: top; line-height:32px; }
#splashLoaderLabel { color: #d3bd4b; vertical-align:middle;width:32px; height: 32px; }
#splashEvent { color:#bbb; }
#splashProgressHolder { height:40px; vertical-align: top; }

#paymentScreen #paymentContentHolder {width: 80%;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center; opacity: 1;}

#paymentScreen #paymentContentHolder a, #paymentScreen #paymentContentHolder .highlight {  color: #d3bd4b; }

#paymentScreen #paymentContentHolder a {text-decoration: underline;}

/* Home Page */

.home-page .app-content {background: #000;}
.home-page .app-content .app-button {color: #d3bd4b; }
.home-page .app-content .app-section {background: #222;}
.home-page .app-content .app-section .app-button, .home-page .app-content .app-section .app-input { background:#000; }
.home-page .app-content .app-section .app-input {background: #000; text-align:center; color: #fff;}

/* Item Page */

.app-section-cart-add, .app-section-cart-remove {display:none;}

table.rating {width:100%;}
table.rating td {text-align: center;}
table.rating td .app-input {text-align: center;}

.user-notes-input {height:auto;}

/* Cart Page */

.cart-page .cart-list-section {display:none;}
.cart-page table.product-list .qty_input {background-color: transparent; text-align:center; padding:0px;}
.cart-page .product-list-section td {text-align:center; font-size:80%;}
.cart-page .item_basket_remove, .cart-page .item_basket_decrease, .cart-page .item_basket_increase, .reviewnotes-page .note_remove { height:24px; width:24px; margin-left:5px;}

table.product-list {width:100%; display:none; border-spacing: 0px; border-collapse: separate;}
table.product-list th, table.product-list td { padding:8px 5px; }
table.product-list td {text-align:center; border-top:1px solid #ccc; }
table.product-list td.actions {white-space:nowrap;}
table.product-list td:first-child, table.product-list th:first-child {max-width:50px;}
table.product-list td:nth-child(2), table.product-list th:nth-child(2) {text-align:left;}

table.product-list tr.total-row td {text-align:left; font-size: 100%;}
table.product-list tr.total-row td.cartTotalPriceLabel {text-align:right; font-weight: bold;}

.retailers-list .select_retailer_button_holder { height:auto !important; padding-bottom: 5px; line-height: 32px !important; }
.retailers-list .select_retailer_button {height:auto; text-align:left;}
.retailers-list .select_retailer_map {height:24px; width:24px; margin:0px; padding: 10px 0px 10px 10px; float:right;}
.retailers-list .retailer-name {float:left; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.retailers-list .retailer-address {font-weight: bold; font-style: italic;}
.retailers-list .retailer-address, .retailers-list .retailer-promo { clear:both; float:left; color: initial; font-size: 75%; line-height: initial; white-space: normal; margin-bottom:5px; }

/* Schedule Page */

table.schedule { width:100%; border:0px; }
table.schedule td { padding: 8px 5px; vertical-align:top; }
table.schedule td.left_col { width: 25%; }

.schedule-section hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(176,176,176,0), rgba(176,176,176,0.75), rgba(176,176,176,0)); background-image: -moz-linear-gradient(left, rgba(176,176,176,0), rgba(176,176,176,0.75), rgba(176,176,176,0)); background-image: -ms-linear-gradient(left, rgba(176,176,176,0), rgba(176,176,176,0.75), rgba(176,176,176,0)); background-image: -o-linear-gradient(left, rgba(176,176,176,0), rgba(176,176,176,0.75), rgba(176,176,176,0)); }

.schedule-desctription-holder { overflow: hidden; }
.schedule-read-more { text-align:right; width:100%; bottom:0px; background-color: #fff; }

.schedule-page .schedule-content table {border:0px; width:100%;}

/* Review Notes Page */

table.notes-list {width:100%; display:none; border-spacing: 0px; border-collapse: separate;}
table.notes-list th, table.notes-list td { padding:8px 5px; }
table.notes-list td {text-align:center; border-top:1px solid #ccc; }
table.notes-list td.notes-cell {text-align:left; border-top:0px; padding-top:0px;}
table.notes-list td:first-child, table.notes-list th:first-child {text-align:left;}
table.notes-list td:nth-child(3), table.notes-list th:nth-child(3) {text-align:right;}

/* List Page */

.list-page .app-title .pull-down-menu-button {height: 16px; vertical-align: middle; margin-left:15px;}

.alphabet-picker {background-color: #000; color: #fff; -webkit-box-shadow: 0px 3px 21px 5px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 3px 21px 5px rgba(50, 50, 50, 1); box-shadow: 0px 3px 21px 5px rgba(50, 50, 50, 1); z-index:3000; }
.alphabet-picker .alphabet-picker-letters {padding:15px; text-align: center; font-size: x-large;}
.alphabet-picker .alphabet-picker-letters .alphabet-letter.active {color: #17B;}
.alphabet-picker .alphabet-picker-letters .letter-separator {color: #666}

.alphabet-picker.hide { overflow: hidden; max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.alphabet-picker.show { -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; max-height: 1000px; overflow: hidden; }