@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('roboto-condensed-v27-latin_latin-ext-300.woff2') format('woff2'),
       url('roboto-condensed-v27-latin_latin-ext-300.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('roboto-condensed-v27-latin_latin-ext-300italic.woff2') format('woff2'),
       url('roboto-condensed-v27-latin_latin-ext-300italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('roboto-condensed-v27-latin_latin-ext-regular.woff2') format('woff2'),
       url('roboto-condensed-v27-latin_latin-ext-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('roboto-condensed-v27-latin_latin-ext-italic.woff2') format('woff2'),
       url('roboto-condensed-v27-latin_latin-ext-italic.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('roboto-condensed-v27-latin_latin-ext-700.woff2') format('woff2'),
       url('roboto-condensed-v27-latin_latin-ext-700.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('roboto-condensed-v27-latin_latin-ext-700italic.woff2') format('woff2'),
       url('roboto-condensed-v27-latin_latin-ext-700italic.ttf') format('truetype');
}

body,html{position:fixed;margin:0;padding:0;border:0;width:100%;height:100%;font-size:16px;font-family:'Roboto Condensed',sans-serif;background:#fff;color:#000;overflow:hidden;}
body{text-align:center;background:#fff;}
#bodyContainer{position:relative;height:100%;width:100%;margin:0 auto;overflow:hidden;background:#fff;text-align:left;display:none;}
input, textarea{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;}
#bgModal{display:none;position:absolute;background:transparent;top:0px;left:0px;width:100%;height:100%;z-index:10000;}
#bgLoad{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);background:url('https://pideclic.com/pideClicPWA/img/bg_black2.png');}
#splashScreen{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff;
    background-image:url('../img/pizzaPazzaSplash.jpeg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    margin:0 auto;
    z-index:99999;
}
.f{border:1px solid transparent;background:url(https://pideclic.com/pideClicPWA/img/flags.png) no-repeat 0 0;background-size:24px 3876px;height:16px;margin-bottom:5px;text-align:left;}
.c{font-weight:700;margin-left:30px}
.ac{font-weight:400;font-size:1rem;color:#555}
.f:hover{border:1px solid #777;}
.CookieDeclaration{display:none;}
.ui-menu-item{text-align:left;font-size:0.8rem}
.custom-checkbox{
    width:240px;
    height:40px;
    box-sizing:border-box;
    display:flex;
    justify-content:center;
    align-items:center;
}
.custom-checkbox input{display:none;}
.custom-checkbox input + label{
    height:100%;
    width:100%;
}
.custom-checkbox input + label > .status-switch{
    cursor:pointer;
    width:100%;
    height:100%;
    position:relative;
    background-color:black;
    color:#aaa;
    transition:all 0.5s ease;
    padding:3px;
    border-radius:5px;
}
.custom-checkbox input + label > .status-switch:before, .custom-checkbox input + label > .status-switch:after{
    border-radius:5px;
    height:calc(100% - 6px);
    width:calc(50% - 3px);
    display:flex;
    align-items:center;
    position:absolute;
    justify-content:center;
    transition:all 0.3s ease;
}
.custom-checkbox input + label > .status-switch:before{
    background-color:white;
    color:black;
    left:3px;
    z-index:10;
    content:attr(data-unchecked);
}
.custom-checkbox input + label > .status-switch:after{
    right:0;
    content:attr(data-checked);
}
.custom-checkbox input:checked + label > .status-switch{background-color:black;}
.custom-checkbox input:checked + label > .status-switch:after{
    left:0;
    content:attr(data-unchecked);
}
.custom-checkbox input:checked + label > .status-switch:before{
    color:black;
    left:50%;
    content:attr(data-checked);
}
input[type=radio]:checked + label > img{
    border:2px inset #f2f2f2;
    background:yellow;
}
input[type=radio]:not(:checked) + label > img{
    border:2px outset #f2f2f2;
    background:#f2f2f2;
}
li .animated .bounceInDown{height:auto;}
#pageAccountContent p, #pageAccountContent form p, #pageAccountAddressContent1 div p, #pageAddressContent p{margin:0;}
#pageFoodItems,#pageOrder,#pageOrder2,#pageOrder22{background:#fff;}
#pageHistory,#pageNotifications,#pageRewards,#pagePointsHistory,#pageCodes{background:#fff;}

#rewardsHeading,#notificationsHeading,#codesHeading,#histHeading{
    color:#fff;
    background:#333;
}
#pageRewardsContent,#pageHistoryContent,#pagePointsHistoryContent,#pageNotificationsContent,#pageCodesContent{background:#fff;}
#tbHistory th{
    background:#333;
    border-color:#333;
}
#tbHistory th{
    color:#fff;
}
#pointsHistBody,#notificationsBody,#histBody,#codesBody{background:#fff;}
#tbPointsHistory th{color:#fff;}
#tbHistory tr,#tbPointsHistory tr:first-of-type{
    background:#333;
    color:#fff;
}
#tbPointsHistory tr{
    background:#000;
    color:#fff;
}
#divMenu{
    position:relative;
    padding-bottom:5px;
    
}
#menuOptions{
    width:100%;
    height:33px;
    background:#555;
    padding:0 0 0 8px;
    box-sizing:border-box;
}
.shortcut img{
    height:100%;
    border-radius: 50%;
    background:#fff;
    border: 1px outset #000;
    padding: 5px;
    box-sizing:border-box;
}
.menuOption img{
    width: 25px;
    display: inline-block;
    position: relative;
    top: 5px;
}
.shortcut{
    background:#f2f2f2;
    border:1px outset;
    border-radius:5px;
    color:#555;
    padding:1px;
}
.menuOption{
    display: inline-block;
    margin-left: 0;
    position: relative;
    background: #555;
    color:#fff;
    padding: 0 5px 5px 5px;
    float:left;
}
.menuOption:hover{color:#fadc6f;}
.menuOption p{
    display:inline-block;
    background:#555;
    font-weight:700;
    padding:0 5px 0 0;
    margin:0;
}

.foodFamily,.foodItem,.reward{
    border-color:#000;
    border-style:inset;
    border-radius:10px;
}
.noFamily{
    border:3px inset red;
    background:#fff;
}
.foodFamily,.reward,.codes div{
    background:#f2f2f2;
    border-style:outset;
}
.familyExpanded{
}
/*.foodItemDiv{padding-bottom:5px;}*/

.foodItem p,.foodFamily p{
    margin:0;
}
.foodItemName,.foodFamilyName{
    font-size:1.2rem;
    line-height:1.2rem;
    padding:5px 0;
    font-weight:700;
}
.foodFamilyName{
    /*float:left;*/
    width:100%;
}
.foodItemPrice{
    float:right;
    font-size:1.4rem;
    font-weight:700;
    padding:0 0 0 10px;
    text-align:right;
    height:max-content;
}
.doublePoints{margin-top:3px;}
.doublePoints,.doublePoints img{position:relative;}
.foodItemFromPrice{
    font-style:italic;
    font-size:0.8rem;
    font-weight:300;
    line-height:0.7rem;
    text-align:center;
    padding-top:3px;
}
.foodItemDesc,.foodFamilyDesc{
    font-style:normal;
    font-size:1rem;
    font-weight:400;
    display:block;
    margin-top:5px;
    line-height:1rem;
}
.foodFamilyDesc{
    font-size:1.1rem;
    font-style:italic;
    color:#000;
}
.listIngredients,.listAllergens{
    font-weight:400;
    font-style:italic;
    width:100%;
    text-align:left;
    margin-top:5px;
    font-size:0.9rem;
    color:#555;
    line-height:0.9rem;
    padding-top:2px;
}
.listAllergens{
    text-align:left;
    padding-top:5px;
}
.listAllergens img{pointer-events:none;}
.listFoodItemImage,.foodFamilyImage{
    width:90px;
    min-width:90px;
    height:auto;
    float:left;
    padding:0 5px 0 0;
}
.productDiv{
    padding:2px 5px;
}
.foodFamilyImage{
    float:right;
    margin-top:-5px;
    padding:0 0 0 5px;
}
.productFoodItemName{
    margin: 0 0 0.5rem 0;
    font-size: 1.5rem;
    text-shadow: 1px 1px 0 #aaa;
}
.productFoodItemDesc{
    font-size: 1rem;
    margin: 0 0 5px 0;
    color: #555;
}
.productAllergens, .productIngredients{
    font-weight:400;
    font-style:italic;
    width:100%;
    text-align:left;
}
.productAllergens{
    text-align:left;
    padding-top:5px;
}
.qty,.name,.amount{color:#000;}
.tbOrder td a,.tbOrder2 td a,.tbOrder td span,.tbOrder2 td span{color:#555;}
.savingsReward{background:mistyrose;}
#restInfo{
    display:none;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../img/bg_black2.png);
    z-index:10000;
}
#restInfoContent{
    display:inline-block;
    border-radius:4px;
    border:1px outset #000;
    background:#fff;
    position:relative;
    margin:0 auto;
    padding:5px;
    box-sizing:border-box;
    text-align:left;
/*    top:30px;*/
}

#pageRestaurants{
    display:none;
    background:#fff;
}
#pageRestaurantsHeader{
    background:#fff;
    color:#000;
    width:100%;
}
#pageRestaurantsHeaderImage{
    position:relative;
    margin-left:5px;
    height:auto;
}
#filter_search{
    background:#000;
    color:#fff;
    margin:0 5px 0 10px;
    font-size:14px;
}
#footer{
    color:#000;
    background:#fff;
    padding-bottom:0;
    font-size:12px;
    box-sizing:border-box;
}
#footer p{
    text-align:center;
    margin:0;
    padding-bottom:5px;
}
#ftCopyright{
    display:inline-block;
    position:relative;
    top:3px;
}
#ftPowered{
    text-align:center;
    display:inline-block;
    color:navy;
    position:relative;
    top:6px;
}
#ftPowered img{
    margin:0;
    height:30px;
    position:relative;
    top:0px;
}
#ftHelp{
    display:none;
    position:relative;
    top:-1px;
    text-align:center;
}
#ftHelp img{
    height:15px;
    margin:0 15px 0 0;
}
#ftVersion{
    display:inline-block;
    position:relative;
    top:-4px;
}
#pA8{
    margin-top:5px;
    font-size:1rem;
    font-style:italic;
    font-weight:bold;
    background:#000;
    color:yellow;
    padding:5px;
}

.noRecords{
    color:#000;
    font-weight:700;
    text-align:center;
}

@media(min-width:790px){
    #ftPowered img{content:url('https://pideclic.com/pideClicPWA/img/poweredByPideClic_transparentBlack.png');}
    #ftHelp img{content:url('https://pideclic.com/pideClicPWA/img/youTubeTransparentBlack.png');}
    #pageHistory,#pageNotifications,#pageRewards,#pagePointsHistory,#pageCodes{background:url('../img/bg_black2.png');}
}

@media(max-width:789px){
    
}

@property --borderAngle {
      syntax: "<angle>";
      inherits: true;
      initial-value: 0turn
    }

.noFamily {
    /*display: grid;*/
    place-content: center;
    --borderAngle: 0turn;
    --main-bg: conic-gradient(
        from var(--borderAngle),
        lightgoldenrodyellow,
        lightgoldenrodyellow 5%,
        lightgoldenrodyellow 60%,
        lightgoldenrodyellow 95%
    );
    border: solid 3px transparent;
    --gradient-border: conic-gradient(from var(--borderAngle), darkgreen 25%, #08f, #f03 99%, darkgreen);
    background: 
        var(--main-bg) padding-box,
        var(--gradient-border) border-box, 
        var(--main-bg) border-box;
    background-position: center center;
    animation: bg-spin 3s linear infinite;
    animation-play-state:running;
}
@keyframes bg-spin {
  to {
    --borderAngle: 1turn;
  }
}
.animated bounceInDown{height:auto;}