.ui-collapsible-content .ui-checkbox:first-child,
.ui-collapsible-content .ui-radio:first-child { margin-top: 0 !important; }
.ui-collapsible-content .ui-checkbox:first-child .ui-btn,
.ui-collapsible-content .ui-radio:first-child .ui-btn { margin-top: 0 !important; }

.password-requirements { background: rgba(255,255,255,.5); border: solid 1px #ccc; margin: 25px 0 0; padding: 15px 20px; box-sizing: border-box; width: 100%; }
.password-requirements p { margin:0;  color: #38c; width: 100%; }
.password-requirements ul { margin: 0; padding-left: 20px; }


.wordCountRemaining { color: #999; font-size: .82em; display: block; margin: 2px 0 0; }

#contact-free-toggle { background: #eee !important; margin-top: 30px !important; }

.inline-radio-options { display: flex; margin: 5px 0 8px; flex-wrap: wrap; margin-bottom: 1em !important; }
.inline-radio-options label { width: auto; margin: 0 10px 0 0 !important; }
.inline-radio-options .ui-radio { margin-bottom: 0; }
.field-error { font-size: .88em; color: #db3a1b; }

.g-recaptcha { margin: -10px 0 20px !important; }
.login-screen .g-recaptcha { margin: 5px 0 0 !important; }

.sms-checkout-field { background: #fff !important; text-align: left; white-space: normal !important; }
.sms-checkout-field input { border: solid 1px #ccc; padding: 6px 10px; margin: 6px 0 3px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.sms-checkout-field em { font-weight: normal; font-size: .88em; color: #ccc; }

.body-app #menu-trigger { display: none !important; }
.body-app#page-00059 .ui-footer,
.body-app#page-00057 .ui-footer,
.body-app#page-00058 .ui-footer,
.body-app#page-00061 .ui-footer,
.body-app#page-00069 .ui-footer,
.body-app.hide-tab-bar .ui-footer { display: none !important; }

.mi-wrapper { display: flex !important; align-items: center; width: 100%; box-sizing: border-box; }
.mi-wrapper .mi-content { width: 100%; }
.mi-wrapper .mi-image { min-width: 75px; height: 100px; min-height: 75px; display: block; background-size: cover; background-position: center center; }
.menu-item.has-image .mi-wrapper .mi-content { padding-right: 25px; }
.menu-listing-image { width: 100%; height: 250px; background-size: cover; background-repeat: no-repeat; background-color: #000; background-position: center center; margin: -12px -18px 25px; width: calc(100% + 36px); display: flex; align-items: flex-end; }
.menu-listing-image span { width: 100%; text-align: center; background: rgba(0, 122, 188,.8); color: #fff; padding: 8px 20px; margin: 0; }
.menu-listing-image + .menu-listing { margin-top: 40px !important; }

.mi-icons { display: flex; float: left; 	padding: 2px 10px 5px 10px; margin: 0 0 -5px -10px; }
.mi-icons > span { width: 26px; height: 26px; margin: 6px 5px 0 0; transition: ease all .2s; display: inline-block; border: solid 1px rgba(0, 122, 188, .35); border-radius: 25px !important; position: relative; /*background: rgba(0, 122, 188, .05);*/ }
.mi-icons > span .icon {  position: absolute; left: 3px; top: 50%; transform: translate(0,-50%); width: 20px; height: 20px; background-size: cover; background-position: center top; background-image: url(images/menu-icons.png?v=1.1.1);  }
/* .mi-icons > span:hover .icon { background-image: url(images/menu-icons-hover.png?v=1.1.1); } */
.mi-icons > .gluten-free .icon { background-position: center 33.33%; }
.mi-icons > .vegetarian .icon { background-position: center 100%; }
.mi-icons > .vegan .icon { background-position: center 66.66%; }
.mi-icons > .spicy .icon {  }
/* .mi-icons > span:hover { background: #007ABC; border-color: #007ABC; } */

.mi-icons > span .label-text { opacity: 0; max-width: 0; margin-left: 0; color: #38c; font-size: 12px; display: inline-block; line-height: 1.2em; transform: translate(0,1px); transition: opacity 150ms ease, max-width 200ms ease, margin-left 200ms ease; white-space: nowrap; }
.mi-icons > span.is-open { width: 90px; justify-content: flex-start; padding: 0 10px; }
.mi-icons > span.is-open .label-text { opacity: 1; max-width: 100px; margin-left: 18px; }

.mi-icons > span.gluten-free.is-open .label-text { width: 94px; }
.mi-icons > span.vegetarian.is-open { width: 82px; }
.mi-icons > span.vegan.is-open { width: 58px; }
.mi-icons > span.spicy.is-open { width: 100px; }


#mobile-callout { margin: 15px 0 0; }
#mobile-callout a { margin: 0 0 15px; }

.restaurant-listing-note { padding: 10px 15px !important; }
.restaurant-listing-note .ui-btn { display: inline !important; background: transparent !important; font-weight: normal !important; color: inherit !important; border: none !important; padding: 0 !important; text-shadow: none !important; white-space: normal !important; overlay: visible !important; text-decoration: underline !important; 
	&:hover { text-decoration: none !important; }
}
.restaurant-listing-note .ui-btn:after { display: none !important;   }

