:root {
    --outline-text-shadow: 2px 0 3px #100, 0 -2px 3px #100, 0 2px 3px #100, -3px 0 2px #100;
    --outline-text-light: 2px 0 3px #EFF, 0 -2px 3px #EFF, 0 2px 3px #EFF, -3px 0 2px #EFF;
}


/* HTML CSS */
body {
    font: 16px "museo-sans" , sans-serif; 
    font-style: normal;
    font-weight:300;
    line-height:20px;
    text-shadow: none;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* needed for container min-height */
    width: 100%;
}

div.ui-body-a, div.ui-body-b {
    border: none;
}

.ui-header-fixed {
    width: 100vw;
}

#page {
    /*position: fixed;
    top: 0%;
    left: 100%;
    width: 100%;
    min-height: 100%;
    z-index: 999;*/
}

#blockPage {
    width: 100vw;
    height: 100vh;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
}

.ui-body-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-body-a-bg {
    background: #fff;
}

.ui-body-b-bg {
    background: #45413E;
}

input {
    height:45px;
    border: 1px solid #978e7f;
    border-radius: 4px;
    font: 1em "museo-sans", sans-serif;
}

input[type=checkbox] {
    display: none;
}

input[type="checkbox"]:checked + label span {
    background:url(check_radio_sheet.png) -19px top no-repeat;
}

button.ui-btn {
    height:45px;
}

button.ui-btn40 {
    height:40px;
}
.padding0 {
    padding:0;
}

.doubleButton {
    height:45px;
}

a {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
}

a.exclude {
    line-height:1.3;
    text-decoration:none;
}

select {
    width: 100%;
    height: 45px;
}

.pageHeaderForNutritionCard {
    padding-left: 10px;
    margin: 0 !important;
    margin-bottom: 5px !important;
    background-color: #a8a6a0 !important;
    vertical-align:middle;
    height: auto;
    font-size: 21px;
    color: white;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: 300;
    font-stretch: normal;
    line-height: 1em;
    font-family: clarendon-urw, sans-serif
}

.pageHeaderForChildProducts {
    padding-left: 10px;
    margin: 0;
    background-color: white !important;
    vertical-align:middle;
    height: auto;
    font-size: 18px;
    color: black;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: 300;
    font-stretch: normal;
    line-height: 1em;
    font-family: clarendon-urw, sans-serif
}

.pageHeaderForGrandChildProducts {
    padding-left: 10px;
    margin: 0;
    background-color: white !important;
    vertical-align: middle;
    height: auto;
    font-size: 18px;
    color: black;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-weight: 300;
    font-stretch: normal;
    line-height: 1em;
}

.footerForNutritionCard {
    font-size: 11pt;
    line-height: 12px;
    background-color: white !important;
    color: #a8a6a0;
    z-index: 10;
}

.pageHeader {
    background-color: #a8a6a0;
    vertical-align:middle;
    height:auto;
    color: white;
}

.regionalPricingBanner {
    background-color: rgba(218, 215, 203, 1);
    vertical-align:middle;
    height:50px;
    color: rgba(156, 60, 37, 1);
    text-align:center;
}
.regionalPricingText {
    padding-bottom:0 !important;
    font-size: 16px
}
.regionalPricingLink {
    text-decoration:underline;
    font-size: 14px;
    font-weight:300 !important;
}

.pageHeaderBackButton {
    min-height: 45px;
    background-color: #a8a6a0;
}

.pageHeaderBackButton h2 {
    background-color: #a8a6a0;
    vertical-align:middle;
    height:auto;
    color: white;
}

.pageHeader h2 {
    padding-left: 10px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;

}

.pageHeader h4 {
    vertical-align: sub;
    padding-left: 10px;
}

.modalHeader {
    padding-left: 20px;
    background-color: transparent;
    vertical-align:middle;
    height:auto;
    margin-bottom:5px;
    color:#000;
}

.museo-sans {
    font-family: "museo-sans" , sans-serif; 
    -webkit-font-smoothing: antialiased;
}

.museo-slab {
    font-family: "museo-slab" , sans-serif;
}

.clarendon {
    font-family: "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
}

.clarendon-500 {
    font-family: "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
}

.clarendon-700 {
    font-family: "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
}

.clarendon-italics {
    font-family: "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: italic;
    font-weight: 300;
}

.weight300 {
    font-weight: 300;
}

.weight500 {
    font-weight: 500;
}

.weight700 {
    font-weight: 700;
}

.weight900 {
    font-weight: 900;
}

.weight300Important {
    font-weight: 300 !important;
}
.sticky {
    position: fixed;
    top: 53px;
    width: 100%;
    z-index:1
}
.white {
    color: #fff !important;
}

.dark {
    color: #45413e !important; 
}

.whiteBackground {
    background-color: #fff;
}

.whiteLine {
    height: 1px;
    width: 100%;
    background-color: #fff;
}

.greyLine {
    height: 1px;
    width: 100%;
    background-color: lightgrey;
}

.underline {
    text-decoration: underline;
}

.modal.whiteBackground {
    padding-bottom: 10px;
}

h1 {
    font: 1.5em "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight:300;
    line-height:2em;
    text-shadow: none;
}

h2 {
    font: 1.4em "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight:300;
    line-height:1em;
    text-shadow: none;
    margin: 0;
    padding: 10px 0px 10px 0px;
}

.modal h2 {
    background-color: inherit;
    border-top: none;
}

h3 {
    font: 1.25em "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight:300;
    color: #fff;
    line-height:1em;
    text-shadow: none;
    margin: 25px 15px 5px 15px;
}

h4 {
    font: .85em "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight:300;
    line-height:1.5em;
    text-shadow: none;
    margin: 0;
}

h5 {
    font: .65em "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight:300;
    line-height:2em;
    text-shadow: none;
}

.xlFont {
    font: 4em "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight:300;
    line-height:2em;
    text-shadow: none;
    margin: 0;
}

.nutritionCardNutritionHeader {
    background-color: #a8a6a0 !important;
    font-size: 15pt;
    font-style: normal;
    color: white !important;
    line-height:1em;
    text-shadow: none;
    padding-left: 10px;
    padding-top: 10px !important;
    margin: 0;
}

.fontSize50em {
    font-size: 0.5em;
    font-style: normal;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.fontSize75em {
    font-size: 0.75em;
    font-style: normal;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.fontSize80em {
    font-size: 0.8em;
    font-style: normal;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.fontSize90em {
    font-size: 0.9em;
    font-style: normal;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.fontSize95em {
    font-size: 0.95em;
    font-style: normal;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.fontSize115em {
    font-size: 1.15em;
    font-style: normal;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.fontSize150em {
    font-size: 1.5em;
    font-style: normal;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.fontSize200em {
    font-size: 2em;
    font-style: normal;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.fontSize300em {
    font-size: 3em;
    font-style: normal;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.smFont, div.smFont span{
    font-size: 0.85em;
    font-style: normal;
    font-weight:300;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.xsFont {
    font-size: 0.75em;
    font-style: normal;
    font-weight:300;
    line-height:0.5em;
    text-shadow: none;
    margin: 0;
}

.wordWrap {
    word-wrap: break-word;
}

#main {
    height: 100%;
    position: relative;
    width: 100%;
    margin: 0px auto 0 auto;
    text-shadow:none;

}

p, label {
    margin:6px 20px;
    font: 1em "museo-sans" , sans-serif; 
    font-style: normal;
    font-weight:500;
    line-height:1.25em;
}

.museoSansSmall {
    font: .5em "museo-sans", sans-serif;
}

table {
    width:100%;
}

.mainBodyContainer table {
    margin-left: -3px;
    margin-right: -3px;
}

span {
    font: 16px "museo-sans" , sans-serif; 
    font-style: normal;
    font-weight:300;
    line-height:20px;
    text-shadow: none;
}

.ui-input-text input {
    width:100% ;
    background: #fff;
    color: #312c2d;
}

.paddingLeftRightDiv {
    margin: 20px 20px 0px 8px;
}

.paddingLeftRightDivFirst {
    margin: 0px 20px 0px 8px;
}

.mainBodyContainer {
    margin: 0px 10px 0px 10px;
}

.buttonDiv {
    margin: 0px 10px 0px 10px;
}

.textAreaDiv {
    margin: 0px 20px 0px 0px;
    padding: 0px 20px 0px 0px;
}

.tableDiv {
    margin: 0px 10px 0px 10px;
}

.closeHeader {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.closeToHeader {
    margin-top: 0px;
}

a.link {
    color: gray;
}

.link:hover {
    color: black;
}

.error {
    color: white;
    font-weight: bold;
    background-color: red;
    text-align: center;
}

.errorText {
    font-size: 13px; 
    color: red;
}



.clear {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.ui-page-theme-a .ui-bar-inherit {
    background-color: #45413E;
    border-bottom: 2px solid #BE5741;
    text-shadow: none;
}

.navbar {
    background-color: #45413E;
    display: inline;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    color: #fff;
    text-shadow: none;
    height: 50px;
}

.navItem {
    width: 45px;
    height: 45px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-left: 7px;
    padding-right: 7px;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.navigation {
    line-height: 40px;
}

.navigation a {
    border: 2px solid #333333;
    margin: 10px;
    padding: 5px;
}

.navigation a:hover {
    background-color: #555555;
    color: #eeeeee;
    text-decoration: none;
}

.ui-shadow {
    box-shadow: none;
}

.ui-panel-inner {
    position: absolute;
    width: 100%;
}

.top-45 {
    top: -45px;
}

.fullWidth {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.fullHeight {
    height:100vh;
}

.fullHeightModal {
    height:calc(100vh - 61px);
}

.widthPercentage10 {    
    width:10%;
}

.widthPercentage18 {    
    width:18%;
}

.widthPercentage20 {    
    width:20%;
}

.widthPercentage22 {    
    width:22%;
}

.widthPercentage25 {    
    width:25%;
}

.widthPercentage28 {    
    width:28%;
}

.widthPercentage30 {    
    width:30%;
}

.widthPercentage32 {    
    width:32%;
}

.widthPercentage40 {
    width: 40%;
}

.widthPercentage45 {
    width: 45%;
}

.widthPercentage48 {
    width: 48%;
}

.widthPercentage50 {
    width: 50%;
}

.widthPercentage58 {
    width: 58%;
}

.widthPercentage60 {
    width: 60%;
}

.widthPercentage75 {    
    width:75%;
}

.widthPercentage80 {    
    width:80%;
}

.widthPercentage85 {    
    width:85%;
}

.widthPercentage100 {    
    width:100%;
}

.width75px {
    width: 75px;
}

.widthCalc50Percent5 {
    width: calc(50% - 5px);
}

.widthCalc50Percent20 {
    width: calc(50% - 20px);
}

.widthCalc75Percent5 {
    width: calc(75% - 5px);
}

.widthCalc25Percent5 {
    width: calc(25% - 5px);
}

.padding0 {
    padding:0;
}

.padding5 {
    padding:5px;
}

.padding10 {
    padding:10px;
}

.padding20 {
    padding:20px;
}

.paddingTop0 {
    padding-top:0px;
}

.paddingTop3 {
    padding-top:3px;
}

.paddingTop5 {
    padding-top:5px;
}

.paddingTop8 {
    padding-top:8px;
}

.paddingTop10 {
    padding-top:10px;
}

.paddingTop12 {
    padding-top:12px;
}

.paddingTop15 {
    padding-top:15px;
}

.paddingTop20 {
    padding-top:20px;
}

.paddingTop40 {
    padding-top:40px;
}

.paddingTop53 {
    padding-top:53px;
}

.paddingTop85 {
    padding-top:85px;
}

.paddingLeft0 {
    padding-left:0px;
}

.paddingLeft5 {
    padding-left:5px;
}

.paddingLeft10 {
    padding-left:10px;
}

.paddingLeft15 {
    padding-left:15px;
}

.paddingLeft20 {
    padding-left:20px;
}

.paddingLeft30 {
    padding-left:30px;
}

.paddingLeft40 {
    padding-left:40px;
}

.paddingLeft50 {
    padding-left:50px;
}

.paddingLeft55 {
    padding-left:55px;
}

.paddingLeft60 {
    padding-left:60px;
}

.paddingRight10 {
    padding-right:10px;
}

.paddingRight20 {
    padding-right:20px;
}

.paddingRight2 {
    padding-right:2px;
}

.paddingRight5 {
    padding-right:5px;
}

.paddingRight10 {
    padding-right:10px;
}

.paddingRight15 {
    padding-right:15px;
}

.paddingRight20 {
    padding-right:20px;
}

.paddingBottom0Important {
    padding-bottom: 0px !important;
}

.paddingBottom0 {
    padding-bottom:0px;
}

.paddingBottom2 {
    padding-bottom:2px;
}

.paddingBottom5 {
    padding-bottom:5px;
}

.paddingBottom10 {
    padding-bottom:10px;
}

.paddingBottom15 {
    padding-bottom:15px;
}

.paddingBottom20 {
    padding-bottom:20px;
}

.paddingBottom50 {
    padding-bottom:50px;
}

.paddingBottom65 {
    padding-bottom:65px;
}

.paddingBottom150 {
    padding-bottom:150px;
}

.paddingLeftRight5
{
    padding-left: 5px;
    padding-right: 5px;
}

.marginTop-20 {
    margin-top:-20px;
}

.marginTop-10 {
    margin-top: -10px;
}

.marginTop-4 {
    margin-top:-4px;
}

.marginTop5 {
    margin-top:5px;
}

.marginTop0 {
    margin-top:0px;
}

.marginTop8 {
    margin-top:8px;
}

.marginTop10 {
    margin-top:10px;
}

.marginTop20 {
    margin-top:20px;
}

.marginTop30 {
    margin-top:30px;
}

.marginTop53 {
    margin-top:53px;
}

.marginTop53 {
    margin-top:53px;
}

.marginBottom-10 {
    margin-bottom:-10px;
}

.marginBottom0 {
    margin-bottom:0px;
}

.marginBottom2 {
    margin-bottom:2px;
}

.marginBottom5 {
    margin-bottom:5px;
}

.marginBottom8 {
    margin-bottom:8px;
}

.marginBottom10 {
    margin-bottom:10px;
}

.marginBottom20 {
    margin-bottom:20px;
}

.marginBottom30 {
    margin-bottom:30px;
}

.margin0 {
    margin: 0px;
}

.margin5 {
    margin: 5px;
}
.margin10 {
    margin: 10px;
}

.marginTopNegate15 {
    margin-top: -15px;
}

.marginTopBottom5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.marginTopBottom10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.marginTopBottom15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.marginTopBottom20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginRight0 {
    margin-right: 0px;
}

.marginRight5 {
    margin-right: 5px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginLeft0 {
    margin-left: 0px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft30 {
    margin-left: 30px;
}

.marginLeft45 {
    margin-left: 45px;
}

.marginLeft50 {
    margin-left: 50px;
}

.marginLeft60 {
    margin-left: 60px;
}

.marginLeft330 {
    margin-left: 330px;
}

.marginClear {
    margin: 0;
}

.marginTop20Only {
    margin: 20px 0px 0px 0px;
}

.minWidth50
{
    min-width:50px;
}

.minHeight45 {
    min-height: 45px;
}

.minHeight75 {
    min-height: 75px;
}

.minHeight50 {
    min-height: 50px;
}

.minHeight55Important {
    min-height: 55px !important;
}

.heightClear {
    height: 0;
}

.heightPercentage50 {
    height: 50%;
}

.heightPercentage100 {
    height: 100%;
}

.height75vh {
    height: 75vh;
}

.inheritWidthHeight {
    height: inherit;
    width: inherit;
}

.opacityPercentage0 {
    opacity: 0;
}

.opacityPercentage30 {
    opacity: 0.3;
}

.opacityPercentage50 {
    opacity: 0.5;
}

.opacityPercentage60 {
    opacity: 0.6;
}

.opacityPercentage70 {
    opacity: 0.7;
}

.opacityFade {
    /*background: #fff;
    background: linear-gradient(to right, transparent 15%, white 25%);*/
}

.justify {
    text-align: justify;
}

.zIndex5 {
    z-index: 5;
}

.flexColumns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-box-pack: space-around;
    -moz-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 10px 0px;
    padding: 10px;
}

a.ui-link.whiteLink {
    font: 1em "museo-sans" , sans-serif; 
    font-weight: 300;
    color: #fff !important;
    text-decoration: none;
    text-shadow: none;
}

a.ui-link.whiteLinkWithUnderline {
    font-weight: 300;
    color: #fff !important;
    text-decoration: underline;
    text-shadow: none;
}

.ui-body-b a.navClose {
    font: 1em "museo-sans" , sans-serif; 
    font-weight: 300;
    color: gray;
    text-decoration: none;
}

.navtitle {
    width: 100%;
    text-align:center;
}

.navButtonsContainer {
    position: relative;
    margin: 0px 15px 0px 15px;
}

.navContainer {
    position: relative;
    margin: 0px 15px 40px 15px;
    padding: 20px 0px 0px 0px;
    border: none;
    border-radius: 0px;
}
.navContainerBottomBorder {
    position: relative;
    height: 40px;
    margin: 0px 15px 0px 15px;
    padding: 10px 0px 15px 0px;
    border-bottom: 1px solid;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-top-color: lightgrey;
    border-bottom-color: lightgrey;
}

.signInContainer {
    position: relative;
    height: 40px;
    margin: 0px 15px 0px 15px;
    padding: 20px 0px 0px 0px;
    border-bottom: 1px solid;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-top-color: lightgrey;
    border-bottom-color: lightgrey;
}

.signOutContainer {
    position: relative;
    height: 40px;
    margin: 0px 15px 0px 15px;
    padding: 20px 0px 0px 0px;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-top-color: lightgrey;
    border-bottom-color: lightgrey;
    text-align: center;
}

.itemRow {
    border-bottom: 1px solid;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-bottom-color: lightgrey;
    min-height:60px;
}
.fixedWidthDuoFirstItem {
    width:calc(20vw + 15px) !important;
}

.duoProd1, .duoProd2 {
    width:calc(26vw + 10px)
}

.duoItemRow {
    border-left: none;
    border-right: none;
    border-radius: 0px;
    min-height:20px;
}

.duoItemBorderBottom {
    border-bottom: 1px solid;
    border-bottom-color: lightgrey;
    min-height: 60px
}

.deliveryitemRow {
    border-bottom: 1px solid;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-bottom-color: lightgrey;
    min-height:60px;
    padding-top:0px;
    padding-bottom:0px;
}

.orderHistoryRow {
    height:70px !important;
    padding: 5px 0px !important;
}

button.ui-btn.navRow, button.ui-btn.navRow:hover, button.ui-btn.navRow:active {
    height: 50px;
    margin: auto;
    text-align:left;
    text-shadow: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px !important;
    border-bottom-color: lightgrey !important;
    background-repeat: no-repeat;
    background-position: 95% center;
    font: 1em "museo-sans" , sans-serif; 
    font-weight: 300;
    padding: 15px 0px;
    color: #fff;
    background-color: transparent;
    background-size: 6px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/forwardBtn-01-light.svg);
}

div.ui-btn-right.navRight {
    top: 0;
    right: 0;
    margin-right: 10px;
}

.dividerVertical {
    width: 1px;
    height: 100px;
    background-color: grey;
}

.longDividerVertical {
    width: 1px;
    height: 150px;
    background-color: grey;
}

.cartItemsBadge {
    position: absolute;
    top: 24px;
    right: 16px;
    height: 22px;
    width: 22px;
    /*border-radius: 50%;
    background-color: #BE5741;
    border: 1px solid #fff;*/
    color: #fff;
    text-align: center;
    margin: auto;
    font: .75em "museo-sans",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
    line-height: 1.25em;
}

.checked {
    background-color: #333333;
}

button.ui-btn.tableRow, button.ui-btn.tableRow:hover, button.ui-btn.tableRow:active {
    text-align:left;
    text-shadow: none;
    margin: 0px 0px 0px 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-color: #e6e6e4;
    background-repeat: no-repeat;
    background-position:right;
    background-color: inherit;
    background-image: url("https://images.specialtys.com/MobileApp-Web/webicons/forwardBtn-01-light.svg");
    background-size: 6px;
    background-position: 98% center;

}

.dark.tableRow {
    background-image: url("https://images.specialtys.com/MobileApp-Web/webicons/forwardBtn-01-dark.svg") !important;
}

.square, .peetsStore, smallPinImage {
    height:45px !important;
    width:45px !important;
}

.halfSquare {
    height:23px !important;
    width:23px !important;
}

.lightGrey {
    background-color: #D6D6D6 !important;
    color: #888281!important;
    text-decoration: none;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
}

.grey {
    text-decoration: none;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
}

.beige {
    text-decoration: none;
    padding-bottom: 10px;
}

.darkRedBackground {
    background-color: #BE5741 !important;
    color: #FFFFFF;
    min-height: 45px;
}

.nutritionModalBottomText {
    font-size: 22pt;
    line-height: 25pt;
    font: .75em "museo-sans",sans-serif;
}

.modalMinHeight {
    min-height: 20vh !important;
}

.modalHeight {
    height: 90vh !important;
}

.gChildDropDown {
    
}

.modalMaxWidth {
    width: 100%;
    margin: auto;
}

.modalWidth80 {
    width: 80%;
    margin: auto;
}


.beige .modal {
    padding-top: 10px;
}

.red, .whiteRedButton {
    color: #BE5741 !important;
}

a.red {
    text-decoration:none;
}

.greenText {
    color: #6D8133;
}

.blueText {
    color: #707A8B;
}

.redText {
    color: #943B28;
}

.yellowText {
    color: #C5B38A;
}

.blackText {
    color: #000;
}

span.extra {
    font-size: .8em;
    color: #6D8133;
}

span.inactive {
    font-size: .8em;
    color: #943B28;
}

.hasFloatingFooterWithProp65 {
    padding-bottom: 130px !important;
}

.prop65_checkout {
    margin-bottom:20px;
    margin-top:20px;
}

#prop65_checkout .prop65_warning,  #prop65_quickclick .prop65_warning{
    font-family: 'Museo Sans 900' !important;
    color: #e6e6e4 !important;
    font-size:1.25em !important;
}

#prop65_checkout a,#prop65_quickclick a {
    font-family: 'Museo Sans 300' !important;
    color: #e6e6e4 !important;
    font-size:1.25em !important;
}

.prop65_float_bottom {
    position:fixed;
    bottom: 0px; 
    left:0px; 
    width:100vw;
    min-height: initial !important;
    padding-bottom: 0px;
    margin-bottom:80px;
}

button.ui-btn.whiteRedButton {
    /*border: 1px solid #e5592b; 
    width: 100%;
    background-color: #ffffff;
    font: 1em "museo-sans", sans-serif;
    text-shadow: none;
    text-decoration: none;
    padding: 0;*/
}

label.ui-btn.labelStyleClear {
    height: 35px;
    color: #fff;
    background-color: transparent;
    text-shadow: none;
    text-decoration: none;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 300;
    padding: 0px;
}

label.ui-btn.ui-checkbox-on.ui-checkbox-on:after {
    width: 30px;
    height: 30px;
    margin-top: -17px;
    background-color: #fff;
    opacity: 1;
    border-radius: 4px;
    border: 1px solid #a8a6a0;
    background-size: 70%;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/checkmark-01-dark.svg);
}

label.ui-btn.ui-checkbox-off.ui-checkbox-off:after {
    width: 30px;
    height: 30px;
    margin-top: -17px;
    background-color: #fff;
    opacity: 1;
    border-radius: 4px;
    border: 1px solid #a8a6a0;
    background-image: none;
}

label.whiteBackground {
    background-color: white !important;
}

.checkboxSquare {
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #a8a6a0;
}

div.ui-select {
    border-radius: 4px;
    color: #000;
    background-color: #fff;
}

div.ui-btn.ui-icon-carat-d.ui-btn-icon-right {
    background-color: inherit;
    color: inherit;
}

div.ui-icon-carat-d:after {
    border-radius: 0;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background-size: 120%;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/dropdownArrow-01-dark.png);
}

button.ui-btn.buttonStyle1, button.ui-btn.buttonStyle1:hover, button.ui-btn.buttonStyle1:active {
    color: #312c2d;
    background-color: #e6e6e4;
    text-shadow: none;
    text-decoration: none;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

button.ui-btn.buttonStyle2, button.ui-btn.buttonStyle2:hover, button.ui-btn.buttonStyle2:active {
    color: #fff;
    background-color: #344058;
    text-shadow: none;
    text-decoration: none;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

button.ui-btn.buttonStyle3, button.ui-btn.buttonStyle3:hover, button.ui-btn.buttonStyle3:active {
    color: #fff;
    background-color: #68788c;
    text-shadow: none;
    text-decoration: none;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

button.ui-btn.buttonStyle4, button.ui-btn.buttonStyle4:hover, button.ui-btn.buttonStyle4:active {
    color: #fff;
    background-color: #6d8032;
    text-shadow: none;
    text-decoration: none;
    border: medium none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

button.ui-btn.buttonStyle5, button.ui-btn.buttonStyle5:hover, button.ui-btn.buttonStyle5:active {
    color: #fff;
    background-color: #C5B38A;
    text-shadow: none;
    text-decoration: none;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

button.ui-btn.buttonStyleFinal, button.ui-btn.buttonStyleFinal:hover, button.ui-btn.buttonStyleFinal:active {
    color: #fff;
    background-color: #913621;
    text-shadow: none;
    text-decoration: none;
    border: medium none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

button.ui-btn.buttonStyleClearSquare, button.ui-btn.buttonStyleClearSquare:hover, button.ui-btn.buttonStyleClearSquare:active {
    height: 30px;
    width: 30px;
    background-color: transparent;
    text-shadow: none;
    text-decoration: none;
    border: none;
}

.buttonStyleClearSquare {
    height: 30px !important;
    width: 30px !important;
    background-color: transparent;
    text-shadow: none;
    text-decoration: none;
    border: none;
}

button.ui-btn.buttonStyle1SquareLeft, button.ui-btn.buttonStyle1SquareLeft:hover, button.ui-btn.buttonStyle1SquareLeft:active {
    height: 45px !important;
    width: 45px !important;
    color: #312c2d;
    background-color: #e6e6e4;
    text-shadow: none;
    text-decoration: none;
    border-radius: 4px 0px 0px 4px;
    border: none;
    border-right: 2px solid;
    border-color: white;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
    box-shadow: none;
}

button.ui-btn.buttonStyle1SquareRight, button.ui-btn.buttonStyle1SquareRight:hover, button.ui-btn.buttonStyle1SquareRight:active {
    height: 45px !important;
    width: 45px !important;
    color: #312c2d;
    background-color: #e6e6e4;
    text-shadow: none;
    text-decoration: none;
    border-radius: 0px 4px 4px 0px;
    border: none;
    border-left: 2px solid;
    border-color: white;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
    box-shadow: none;
}

button.ui-btn.twitterStyle, button.ui-btn.twitterStyle:hover, button.ui-btn.twitterStyle:active {
    color: #fff;
    background-color: #33CCFF;
    text-shadow: none;
    text-decoration: none;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

button.ui-btn.facebookStyle, button.ui-btn.facebookStyle:hover, button.ui-btn.facebookStyle:active {
    color: #fff;
    background-color: #587AC9;
    text-shadow: none;
    text-decoration: none;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

.divStyle1 {
    height: 45px;
    color: #312c2d;
    background-color: #e6e6e4;
    text-shadow: none;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

.divStyle1Square {
    height: 45px;
    width: 45px;
    color: #312c2d;
    background-color: #e6e6e4;
    text-shadow: none;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

.divStyle2 {
    height: 45px;
    color: #312c2d;
    background-color: #344058;
    text-shadow: none;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

.divStyle2Square {
    height: 45px;
    width: 45px;
    color: #fff;
    background-color: #344058;
    text-shadow: none;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    font: 1em "museo-sans", sans-serif;
    font-weight: 500;
}

button.ui-btn.redButton {
    border: 2px solid #BE5741;
    background-color: #BE5741;
    border-radius: 4px;
    color: #ffffff;
    width: 100%;
    text-shadow: none;
}

div.ui-input-text {
    border-radius: 4px;
    background-color: #fff;
    color: #312c2d;
    height: 45px;
}

.ui-popup-container {
    width:100%;
}

.ui-dialog-contain {
	width: 100%;
    max-width: 100%;
    height: 80%;
	margin: 0px 0px 0px 0px;
	padding: 0;
	position: relative;
	top: 20px;
}

.center {
    /*margin: 0 auto;*/
    text-align:center;
}

.positionAbsolute {
    position: absolute;
}

.positionRelative {
    /*use on parent div*/
    position: relative;
}

.positionFixed {
    /*use on parent div*/
    position: fixed;
}

.topLeft {
    top:0;
    left: 0;
}

.topRight {
    top:0;
    right: 0;
}

.center5x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center10x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center20x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center25x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center30x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center40x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center45x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center50x30y {
    /*use on child div*/
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center50x40y {
    /*use on child div*/
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center50x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center55x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center60x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center65x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 65%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center67x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 67%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center70x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center75x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 75%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center80x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 80%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center85x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 85%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center90x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 90%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.center95x50y {
    /*use on child div*/
    position: absolute;
    top: 50%;
    left: 95%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.translate5050 {
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.textAlignCenter {
    text-align: center;
}

.textAlignCenterImportant {
    text-align: center !important;
}

.textAlignLeft {
    text-align: left;
}

.textAlignRight {
    text-align: right;
}

.nutritionClosed {
    height: 45px;
}

.nutritionOpen {
    height: 300px;
}

div.hasDatepicker th, div.hasDatepicker td {

    background-color: transparent;
    color: black;
    text-align: center;
    margin: 0.5em 0;
    padding: 0px;

}

div.hasDatepicker a {
    color: black;
    position: relative;
    display:block;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    max-width: 45px;
    margin:auto;
}

.ui-datepicker-calendar tbody {
    line-height: 45px !important;
}

.ui-datepicker-unselectable span {
}

.ui-datepicker-prev {
    text-align:left;
    display:inline-block;
    clear:both;
    float:left;
}

.ui-datepicker-title {
    text-align:center;
    display:inline-block;
    clear:both;
    padding-top: 15px;
}

.ui-datepicker-title span {
    font: 1.25em "clarendon-urw",sans-serif !important;
    -webkit-font-smoothing: antialiased;
    font-style: normal !important;
    font-weight: 300 !important;
    text-shadow: none;
}

.ui-datepicker-next {

    text-align:right;
    display:inline-block;
    float:right;

}

.ui-datepicker-header {
    display:inline-block;
    width:100%; 
    text-align:center;
    border-bottom: #68788c 2px solid;
    border-radius: 0px;
    margin-bottom: 10px;
    padding-top: 10px;
}

.ui-datepicker-today a {
    color: #BE5741 !important;
    background-color: transparent;
    
    /*for red circle around today*/
    /*border-color: #BE5741;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;*/
}

.ui-datepicker-current-day a {
    color: white !important;
    background-color: #BE5741;
    border-color: #BE5741;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
}

button.ui-btn.selectedPaymentMethod {
    /*color: #fff !important;
    background-color: #344058 !important;*/
}

.selectedPaymentMethod em.pmSelectedImage {
    margin-top:-40px;
}

.itemsMatch,.itemsDontMatch, removeButton {
    background-repeat: no-repeat !important;
    background-position:right !important;
}

.selectedPaymentMethod em.pmSelectedImage {
    background-size: 20px;
    background-position: 10px;
}

.selectedPaymentMethod em.pmSelectedImage, .filterButtonSelected {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/checkmark-01-dark.svg) !important;
}

.filterButtonSelected, .filterButtonNotSelected {    
    border-radius: 60px 60px;
    display: inline-block;    
    background-color:#ffffff;
    padding:8px 0px 8px 15px;
    text-align:left;
}

.menuFilterCheckbox{
    background-color:#e6e6e4;
    color:#45413e;
}

.filterButtonSelected {
    background-repeat: no-repeat;
    background-position:right;
    background-size: 20px;    
    background-position: right 10px center;
}

.itemsMatch, .itemsDontMatch {
    background-size: 30px !important;
    background-position: 98% !important;
}

.itemsMatch {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/checkmark-02-dark.svg) !important;
}

.itemsDontMatch, removeButton {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/close-btn-01-dark.svg") !important;
}

.yesToSoupEmail, .checkmark {
	background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/checkmark-01-dark.svg);
    background-repeat: no-repeat;
    background-position:right;
    background-size: auto 60%;
    background-position-x: 97%;
}

#LocationButton, #DeliveryLocationButton {
    background-image: url("https://images.specialtys.com/MobileApp-Web/webicons/pinpoint-01-dark.svg");
    background-repeat: no-repeat;
    background-position:center;
    background-size: 28px;

}

#DirectionsButton {
    background-image: url("https://images.specialtys.com/MobileApp-Web/webicons/directions-01-dark.svg");
    background-repeat: no-repeat;
    background-position:center;
    background-size: 28px;
}

.leftText {
    text-align:left;
}

.rightText {
    text-align:right;
}

.navcheckBox {
    width: 90%;
    margin: .5em auto;
    font: 1em "museo-sans", sans-serif;
    text-decoration: none;
    font-weight: 300;
}

.ui-checkbox input {
    left: 0px;
}

.ui-checkbox label {
    background-color: inherit;
    border: none;
    color: #888281;
    text-shadow: none;
}

.ui-checkbox label.ui-checkbox-off::after {
    background-color: transparent;
    background-image: none;
}

.ui-checkbox label.ui-checkbox-on::after {
    background-color: transparent;
    background-image: none;
}

input.ccTypeKnown {
    background-repeat: no-repeat;
    background-position:right;
}

.ccTypeNotKnown {
    background-image: none;
}

/* remove this class once all instances are changed */
.iconHeader {
    width: 200px;
    height: 45px;
    margin: auto;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 55%;
}

.iconPercentage18 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18%;
}

.iconPercentage20 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20%;
}

.iconPercentage30 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30%;
}

.iconPercentage40 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
}

.iconPercentage45 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 45%;
}

.iconPercentage50 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}

.iconPercentage60 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}

.iconPercentage65 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65%;
}

.iconPercentage68 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 68%;
}

.iconPercentage70 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
}

.iconPercentage80 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}

.iconPercentage90 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}

.iconPercentage100 {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.iconPercentage100Large {
    width: 90px;
    height: 90px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.logoIcon {
    background-position-y: 13px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/Specialtys-logo-light.svg);
}

.navIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/openMenu-Nav-light.svg);
}

.homeIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/home-light.png);
}

.locationIcon {
    background-position-y: 13px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/findCafe-Nav-light.svg);
}

.cartIcon {
    background-position-y: 8px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/Shopping_Bag_Icon.svg);
}

.closeIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/close-btn-02-light.svg);
}

.closeIconDark {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/close-btn-02-dark.svg);
}


.closeIconRed {
    background-image: url(https://images.specialtys.com/Rewards/DoubleRewards/WebModalDR/closeX-red.svg);
}



.ourMenuIcon {
    background-position-y: 13px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/ourMenu-Nav-light.svg);
}

.businessCateringIcon {
    background-position-y: 16px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/BC-Nav-light.svg);
}

.specialtysRewardsIcon {
    background-position-y: 13px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/rewards-Nav-light.svg);
}

.myAccountIcon {
    background-position-y: 12px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/personal-Nav-light.svg);
}

.orderHistoryIcon {
    background-position-y: 12px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/clock-01-light.svg);
}

.contactUsIcon {
    background-position-y: 12px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/envelope-light-01.svg);
}

.loadingSpinnerDark {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/CookieSpinner-dark-01.svg);
}

.loadingSpinnerWhite {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/CookieSpinner-light-01.svg);
}

.specialFeaturesIcon {
    background-position-y: 10px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/sortPopular-01-light.svg);
}

.pickupIcon {
    background-position-y: 13px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/ppu-light.svg);
}

.backIcon {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 45%;
    float: left;
    background-position-y: 7px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/backBtn-01-light.svg);
}

.forwardIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/forwardBtn-01-dark.svg);
}

.plusIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/plus-btn-01-dark.svg);
}

.minusIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/minus-btn-01-dark.svg);
}

.ingredientIconSize {
    width: 175px;
    height: 75px;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: -90px;
    background-position-y: 15px;
}

.rotatingPlusIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/plus-btn-01-dark.svg);
    -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.rotatingForwardIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/forwardBtn-01-dark.svg);
    -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.dineInIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/dineIn-dark.svg);
}

.dineInIconWhite {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/dineIn-light.svg);
}

.favoritesIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/add-to-favs-icon-small.svg);
}

.favoritesFilledIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/add-to-favs-icon-small-fill.svg);
}

.nutritionIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/nutrition-icon-small.svg);
}

.descriptionIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/description-icon-small.svg);
}

.infoIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/detailNav-Desc-01.png);
}

.foodFightIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-icon-small.svg);
}

.filterIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/filter-01-light.svg);
}

.sortIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/sort-01-light.svg);
}

.sandwichIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/sandwich-icon-dark.svg);
}

.saladIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/salad-icon-dark.svg);
}

.foodFight1stIcon {
    background-repeat: no-repeat;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-1stPlace.svg);
}

.foodFight2ndIcon {
    background-repeat: no-repeat;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-2ndPlace.svg);
}

.foodFight3rdIcon {
    background-repeat: no-repeat;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-3rdPlace.svg);
}

.foodFightNthIcon {
    background-repeat: no-repeat;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-persRankBg.svg);
}

.shareIcon {
    background-position-x: 12px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/share-01-dark.svg);
}

.facebookIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/Facebook-01-icon.svg);
}

.twitterIcon {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/twitter-icon-light.svg);
}

.dividerIconDark {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-divide-dark.svg);
}

.foodFightBadge {
    left: 10px;
    bottom: -8px;
    height: 50px;
    width: 50px;
}

.foodFightBadgeDetail {
    position: absolute;
    height: 50px;
    width: 50px;
    margin-left: 10px;
    display: inline-block;
    z-index: 1;
}

.foodFightRibbon {
    position: absolute;
    height: 40px;
    width: 50%;
    margin-left: 37px;
    margin-top: 5px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-votesBanner.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.foodFightRibbonShort {
    position: absolute;
    height: 100%;
    width: 100%;
    margin-left: 10px;
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-votesBanner-short.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.foodFightRankText {
    color: white;
    text-align: center;
    padding-top: 8px;
    font-size: 1.75em;
    font-style: normal;
    line-height:1em;
    text-shadow: none;
    margin: 0;
}

.foodFightVotesText {
    color: #45413e;
    text-align: left;
    font-size: 1.25em;
    font-style: normal;
    line-height:38px;
    text-shadow: none;
    margin: 0;
    padding-top: 4px;
}

.productDetailDiv {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-prodBg.png);
    background-size: 100% 80%;
    background-position: center -40%;
    background-repeat: no-repeat;
}

.pastProductDetailDiv {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-prodBg.png);
    background-size: 100% 80%;
    background-position: center -40%;
    background-repeat: no-repeat;
}

.productHeader .light {
    text-shadow: var(--outline-text-shadow);
}

.productHeader .dark {
    text-shadow: var(--outline-text-light);
}


.enterFavTile {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-prodBg.png);
    background-size: 100%;
}

.productDetailFavoriteBg {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/foodFight-prodBg.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    height: 100vh;
    background-position-x: center;
    background-position-y: -50px;
    position: fixed;
}

.productDetailFavorite {
    width: 90%;
    height: auto;
    margin-top: 60px;
    
}

.arrowDownRed {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 7px solid #BE5741;
  margin: 0 auto;
}

div.sidebar {
    background-color: #45413E;
}

div.navbar h1.ui-title {
    display: inline;
    text-align: center;
    margin: 0;
}

div.ui-panel-inner {
    padding: 0px;
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.ui-controlgroup {
    display: inline;
}

.ui-controlgroup-horizontal {
    display: inline;
}

h1.ui-title a.ui-link {
    color: #fff;
    text-decoration: none;
    text-align: center;
}

.pmButton, .splitPmButton {
    padding: 0px;
    padding-top: 10px;
    text-align:left;
}

.pmTypeImage, .pmSelectedImage {
    background-repeat: no-repeat;
    background-position:left;
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align:middle;
    background-image:none;
}

.pmTypeImage {
    float:left;
    margin-top: -15px;
    padding-left: 10px;
    margin-left: 10px;
    background-position: left;
    background-repeat: no-repeat;
    background-size: 90%;
}

.pmSelectedImage, .extraImageRight {
    float:right;
    margin-top: -48px;

}

#cc_cardNumber {
    background-position-x: 95%;
    background-repeat: no-repeat;
    background-size: 45px 45px;
}

.visa {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/visa-01.svg") !important;
}

.masterCard {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/mastercard-01.svg") !important;
}

.amex {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/amex-01.svg") !important;
}

.diners {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/diners-01.svg") !important;
}

.discover {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/discover-01.svg") !important;
}

input.jcb, em.jcb {

}

.giftCard {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/giftcard-01.svg") !important;
}

.prepaidAccount {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/prepaid-01.svg") !important;
}

.termAccount {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/termacct-01.svg") !important;
}

.greyText {
    color: #888281 !important;
}

.right {
    float:right;
    text-align:right;
}

.modalFloatBottomXL {
    position:fixed;
    bottom: 5%; 
    left:0px; 
    width:100%;
    padding-bottom: 5px;
    min-height: initial !important;
}

.modalContainerXL {
    height:100%;
}

.modalFloatBottomMD {
    position:fixed;
    bottom: 31%; 
    left:0px; 
    width:100%;
    padding-bottom: 5px;
    min-height: initial !important;
}

.modalContainerMD {
    height:60%;
}

.modalFloatBottomSM {
    position:fixed;
    bottom: 56%; 
    left:0px; 
    width:100%;
    min-height: 0px !important;
    padding-bottom: 5px;
}
.modalContainerSM {
    height:40%;
}

.floatBottom {
    position:fixed;
    bottom: 0px; 
    left:0px; 
    width:100vw;
    min-height: initial !important;
    padding-bottom: 0px;
    border-top: 1px solid lightgray !important;
}

.floatBottomNoBorder {
    position:fixed;
    bottom: 0px; 
    left:0px; 
    width:100vw;
    min-height: initial !important;
    padding-bottom: 0px;
}

.floatBottomAbsolute {
    position:absolute;
    bottom: 0px; 
    left:0px; 
    width:100vw;
    min-height: initial !important;
    padding-bottom: 0px;
}

.hasFloatingFooter {
    padding-bottom: 70px !important;
}

.hasTallFloatingFooter {
    padding-bottom: 120px !important;
}

.hasVeryTallFloatingFooter {
    padding-bottom: 150px !important;
}

.hasExtraTallFloatingFooter {
    padding-bottom: 260px !important;
}

.blackBottomBorder {
    border-bottom: 1px solid;
    border-color: #000;
}

.borderBottom, .thinBorderBottom {
    border-collapse: collapse;
}

.borderBottom td, .borderBottom {
    border-bottom: 1px solid #e6e6e4;
}

.thinBorderBottom td {
    border-bottom: 1px solid #e6e6e4;
}

.noBorderBottom td {
    border-bottom: none !important;
}

.noBorder table {
    border:0px;
}

div.noBorder div.ui-input-text {
    border: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

input.noBorder {
    border: 0px;
}

h2.thinBorderBottom {
    border-bottom: 1px solid #e6e6e4;
}

.thinBorderTop {
    border-top: 1px solid #e6e6e4;
}

.peetsStore{
    background-repeat: no-repeat;
    background-position:left;
    background-image: url("https://images.specialtys.com/MobileApp-Web/Nav/icon-peets-01@3x.png");
    background-size: contain;
}

td div.ui-input-text {
    margin-left: 0px;
    margin-right: 0px;
}

.storeButtonTable {
    margin-top:-35px;
    margin-left: -10px;
}

.clearButton, #modalClose {
    border: none;
    box-shadow: none;
    background-color: transparent !important;
}

#modalClose {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/close-btn-02-dark.svg);
}

.cartAvailability {
    float:right;
    margin-right:25px;
}

#orderTypeBackground, #thankYouBackground, #thankYouRegisterBackground, .peetsBanner {
    background-repeat: no-repeat;
    background-position:top left;
    background-size: cover;
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 100%
}

#orderTypeBackground {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/select-location-landing.png");
}

#thankYouBackground {
    background-image: url("https://images.specialtys.com/MobileApp-Web/Nav/checkout-end-02-1136@1x.png");
}

#thankYouRegisterBackground {
    background-position-y: 30px;
    background-image: url("https://images.specialtys.com/MobileApp-Web/Nav/checkout-end-01-1136@1x.png");
}

.peetsBanner {
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/peets-menu-landing_bg.png");    
}

.peetsBanner .pageHeaderBackButton, #orderTypeBackground .pageHeader {
    margin-top: 53px;
}

.pickup {
    color: white;
}

.delivery {
    color: white;
}

.scaledImg {
    width: 100%;
}

#register {

}

.twoSquares {
    min-width:95px !important;
}

.inlineBlock {
    display:inline-block !important;
}

.verticalAlignTop {
    vertical-align: top;
}

.verticalAlignMiddle {
    vertical-align: middle;
}

.dropdownAsButtonDiv {
    background-image: url("https://images.specialtys.com/MobileApp-Web/webicons/forwardBtn-01-dark.svg") !important;
    background-size: 6px;
    background-position: 98% center;
    background-repeat:no-repeat;
}

.dropdownAsButtonDiv select {
    border:0px none;
    margin-left: 20px;
    -webkit-border-bottom-left-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;

}

.dropdownAsButtonDiv ::after {
    background-color: inherit;
    right: 0px;
    background-size:0px !important;
    background-image: none !important;
}

.dropdownAsButtonDiv div {
    text-align: left;
    background-color: inherit; 
     /*#eeebe5;*/
    border-radius: 0px;
    -webkit-border-bottom-left-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    border-left: none;
    border-right: none;
    border-top: none;
    padding-top: 0px;
}

.dropdownAsButtonDiv div div {
    border-radius: 0px !important;
}

.dropdownAsButtonDiv span {
    font-weight: bold !important;
    color: #45413e;
    margin-left: -14px;
    padding-top: 8px;
}

.dropdownAsStyle3ButtonDiv select {
    border:0px none;
    -webkit-border-bottom-left-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
}

.dropdownAsStyle3ButtonDiv ::after {
    background-color: inherit;
    background-size:0px !important;
    background-image: none !important;
}

.dropdownAsStyle3ButtonDiv div {
    text-align: center;
    background-color: #e6e6e4;
    border-radius: 4px;
    -webkit-border-bottom-left-radius: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    border: none;
    font: 1em "museo-sans", sans-serif;
}

.dropdownAsStyle3ButtonDiv div div {
    border-radius: 0px !important;
}

.dropdownAsStyle3ButtonDiv span {
    color: #312c2d;
    padding-left:20px;
}

.increaseButton {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/plus-btn-01-dark.svg);
    background-position: center;
    background-repeat: no-repeat;

}

.IncreaseButtonPlaceholder {
    background-position: center;
    background-repeat: no-repeat;

}

.decreaseButton {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/minus-btn-01-dark.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.swapButton {
    background-image: url(../images/lunchDuos/swapIconBtn.png);
    background-position: center;
    background-repeat: no-repeat;
}

.pastIncreaseButton {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/plus-btn-01-dark.svg);
    background-position: center;
    background-repeat: no-repeat;

}

.pastDecreaseButton {
    background-image: url(https://images.specialtys.com/MobileApp-Web/WebIcons/minus-btn-01-dark.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.bold {
    font-weight:bold;
}

.subScript12 {
    font-size:12px;
}

.subScript14 {
    font-size:14px;
}

.fontSize18 {
    font-size:18px;
}

.lineHeight12 {
    line-height:12px;
}

.lineHeight14 {
    line-height:14px;
}

.lineHeight16 {
    line-height:16px;
}

.lineHeightem100 {
    line-height:1em;
}

.lineHeightem125, .lineHeightem125 span {
    line-height:1.25em !important;
}

.lineHeightem150 {
    line-height:1.5em;
}

.lineHeightem200 {
    line-height:2em;
}

.modalInput {
    height:30px;
}

#timeDropdown-button {
    background-color: inherit;
    border-top:none;
}

.menuTileContainer {
    position: relative;
    width: calc(50vw - 1px);
    height: 48vw;
    background-color:#FFFFFF;
    color:#000000;
    display: inline-block;
}

.menuTileContainerWrapper {
    background-color:#FFFFFF;
    width:100%;
    text-align:left;
}

.duoFullCustomizeHeader {
    margin-top: 45px;
    text-align: center;
    color: #943B28;
    position: fixed;
    width: 100vw;
    z-index: 10;
    height: 35px;
    padding-top: 15px;
    background-color: rgba(218, 215, 203, 1);
}

.lunchDuoTracker {
    background-color:#897E78;
    height: 175px;
}

.lblDuoTotal {
    margin-bottom:5px;
}

.duoMixMatchText {
    color: #fff !important;
    text-align:center; 
    font-weight:700; 
    margin-top:12px; 
    margin-bottom:20px
}

.menuTileName {
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: left;
    margin-right: 10px;
}

.menuTileImage {
    width:100%;
    vertical-align: bottom;
}

.dynamicProductImage {
    width: 80%;
    padding-top: 20px;
    padding-left: 15px;
}

.productTileContainer {
    position: relative;
    width: calc(50vw - 1px);
    height: 48vw;
    background-color:#FFFFFF;
    color:#fff;
    display: inline-block;
}

.productTileContainerWrapper {
    background-color:#FFFFFF;
    width:100%;
    text-align:left;
}

.productTileName {
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: left;
}

.productTileName.light {
    text-shadow: var(--outline-text-shadow);
}

.productTileName.dark {
    text-shadow: var(--outline-text-light);
}

.productTileImage {
    width:100%;
    height: inherit;
    vertical-align: bottom;
}

.productTileButtons {
    width:100%;
    height: inherit;
    vertical-align: bottom;
    position: absolute;
}

.productTileIcon {
    position: absolute; 
    bottom: -10px; 
    right: 10px;
}

.productTileIcon label {
    position: absolute; 
    top:20px;
    left:0px; 
    right: 0px;
    text-align:center;
}

.ButtonWithLeftIcon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position:left;
    color:#000;
    padding:10px 20px 10px 20px;
    background-color:#FFFFFF;
    border:1px solid #888281;
    border-radius: 4px;   
    font: 1em "museo-sans", sans-serif;
    text-shadow: none;
    text-decoration: none;    
}

.filterButton {
    background-image: url("https://images.specialtys.com/MobileApp-Web/Nav/icon-filter@1x.png") !important;    
    text-align:center;
}

.sortButton {
    background-image: url("https://images.specialtys.com/MobileApp-Web/Nav/icon-sort@1x.png") !important;    
    text-align:center;
}

.sortFavButton {
    background-image: url("https://images.specialtys.com/MobileApp-Web/Nav/icon-sortfavorites@1x.png") !important; 
    text-align:left;
}

.sortPopularButton {
    background-repeat: no-repeat;
    background-position:left;
    background-size: contain;
    background-image: url("https://images.specialtys.com/MobileApp-Web/Nav/icon-sortPopular@1x.png") !important;    
}

.sortPriceButton {
    background-repeat: no-repeat;
    background-position:left;
    background-size: contain;
    background-image: url("https://images.specialtys.com/MobileApp-Web/Nav/icon-sortprice@1x.png") !important; 
    text-align:left;
}

textarea.textarea.ui-input-text { 
    height: inherit !important;
    width:100%;
    background-color: #fff;
    color: #312c2d;
}

/*
* === Copy from WWW Start ===
*/
.hide {
    display: none !important;
}

.hidden {
    display: none !important;
}

.overflowAuto {
    overflow: auto;
}

.welcomeMessageBox {
    align-content: center;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 270px;
    z-index: 11;
    background-color: white;
    /*height: 140px;*/
    overflow: hidden;
}

.downloadAppDiv {
    text-align: right;
    min-width: 120px;
    z-index: 12;
    top: 40px;
    opacity: 0.8;

    right: 10px;
    width: 46%;
    position: fixed;

    /*width: 46%;
    margin-left: 27%;
    margin-right: 27%;
    position: fixed;*/

    /*width: 90%;
    margin-left: 5%;
    margin-right: 5%;*/
}

.downloadAppButton {
    text-align: left;
    /*text-align: center;*/
    position: relative;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
    height: 40px !important;
}

.holidayHourDiv {
    color:#9c3c25;
}

.closeDownloadButton {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    position: absolute;
    right: 0;
    margin-top: -10px;
}

.welcomeMessage {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
}

.beginAnOrderBox {
    width: 200px;
    display: inline-block;
}

/*
* === Copy from WWW End ===
*/

.headerLink {
    height: 50px;
}

.headerLogo {
    margin-top: auto;
    margin-bottom: auto;

    height: auto;
    width: 100%;
    max-height: 45px;
    max-width: 165.25px;
}

.ingredientFixedHeader {
    position: fixed;
    width: 100vw;
    z-index: 10;
    height: 45px;
}

.ingredientType {
    border-bottom: 1px solid #e6e6e4;
    background-repeat: no-repeat;
    background-size: 40%; 
    background-position: -25% 50%;
    vertical-align:middle;
}

.ingredientDiv {
    position: relative;
    width: 100%;
    min-height: 75px;
    border-bottom: 1px solid #e6e6e4;
}

.ingredientTypeName {
    width: 100px;
}

.ingredientText {
    /*background-color: #fff;
    border-radius: 15px;
    opacity: 0.3;
    box-shadow: 0px 0px 10px 10px rgba(255, 255, 255, 1);*/
}

.maxWidth80 {
    max-width: 80%;
}

.maxWidth100px {
    max-width: 100px;
}

.maxWidth100px input {
    width: 100%;
}

.width90 {
    width:90px
}

.width130 {
    width:130px
}

.width220 {
    width:220px
}

.autoHeight {
    height: auto !important;
}

.smallPinImage {
    background-repeat: no-repeat;
    background-position:left;
    background-image: url("https://images.specialtys.com/MobileApp-Web/WebIcons/map-littlePin-04.png");
    background-size: contain;
}

.spacer5 {
    height:5px;
}

.spacer10 {
    height:10px;
}

.spacer20 {
    height:20px;
}

.spacer30 {
    height:30px;
}

.descriptionDiv {
    position: fixed;
    background-color: white;
}

.lightGreyBorderTop {
    border-top: 1px solid #e6e6e4;
}

.firstHeading {
    line-height: normal;
}

.homeContainer {
    transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

.errorBox {
    position: fixed; 
    width: 70%;
    z-index: -10; 
    border: 2px solid #943B28;
    border-radius: 4px;
    text-align: center;
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 15px 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

#modalSpinner {
    position:fixed;
    left:30%;
    top:40%; 
    width:40%; 
    background-color:rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 15px 15px rgba(0,0,0,0.7);
    z-index:2010;
    border-radius: 4px;
}

.caloriesDiv {
    height: 45px;
}

.caloriesInnerDiv {
    position: absolute;
    top: 20%;
    padding-left:30px;
}

.loaderContainer {
    width:40%;
    background-color:rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 15px 15px rgba(255, 255, 255, 1);
    border-radius: 4px;
}

.footerShadow {
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);
}

.footerLine {
    width: 100%;
    height: 1px;
    background-color: lightgray;
}

.modalOffScreen {
    position:fixed;
    left:0px;
    top:100%;
    width:100%;
}

.txtFavoriteName {
    text-align: center !important;
    font-size: 1.15em;
    color: #888281 !important;
}

.noPhoneLink {
    pointer-events: none;
    text-decoration: none;
    font-weight: 300 !important;
}

.overflow-hide {
    overflow: hidden;
}


.cookiegramCode {
    font: 1.5em "clarendon-urw",sans-serif;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight:300;
    line-height:1.5em;
    text-shadow: none;
}

.disabled {
    opacity: 0.3;
}

.modalCropHeaderText {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
    white-space: nowrap;
}

.EnvIndicatorColor_Production {
    background-color: #45413E !important;
}
.EnvIndicatorColor_Staging {
    background-color: #D8DB01 !important;
}
.EnvIndicatorColor_Dev {
    background-color: #ff0000 !important;
}
.EnvIndicatorColor_Test {
    background-color: #ff8300 !important;
}

/*#mainBody.modal-open
{
    overflow: hidden;
    position: fixed;
}*/