.pfTopWhiteBuffer1 {
    z-index: 4; 
    background: white; 
    height: 150px; 
    position: fixed; 
    top:0; 
    width: 100%;
}


#cartW {
    position: -webkit-sticky;
    position: sticky;
    top: 125px;
    z-index: 20;
}

.pfStickyToc {
    position: -webkit-sticky;
    position: sticky;
    top: 145px;
    z-index: 20;
}

.pfTocSizer {
    height: 50px !important;
    overflow: hidden;
}

.pfTocMore {
    margin: 5px;
    padding-right: 5px;
    margin-top: 12px;
    float: right;
}

    .pfTocMore a {
        color: blue;
        font-size: 1.2em;
        font-weight: bold;
        padding-bottom: 3px;
        border-bottom: 2px solid white;
    }

        .pfTocMore a:hover {
            text-decoration: none;
            border-bottom: 2px solid red;
        }

.pfMenuTOC {
    border: 1px solid rgb(221,221,221);
}

.pfPopOver {
    z-index: 999;
    background: #93e1fe;
    position: absolute;
    border: 1px solid gray;
    border-radius: 3px;
    color: black;
    display: none;
    margin-left: 5px;
    margin-top: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: .8em;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {
    body {
        padding-bottom: 70px;
    }

    .pfStickyToc {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
        z-index: 2000;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {
     body { padding-bottom: 70px; } 
}



.smrWell {
    border: 1px solid gray;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    background: white;
}
    .smrWell:hover {
        border: 3px solid black;
        padding-left: 1px;
        padding-right: 1px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

.smrRestName {
    color: black;
    font-weight: bold;
    font-size: .9em;
    margin-bottom: 3px;
}

.smrCuisines {
    height: 35px;
    padding-top: 5px;
    font-size: .7em;
    color: black;
}

.smrRating {
    float: right;

}

.smrLogo {
    height: 80%;
    float: left;
    padding-right: 5px;
}

.smrMessage {
    text-align: left;
    font-size: .7em;
    color: gray;
}
.smrWarning {
    height: 25px;
    padding-top: 8px;
    text-align: center;
    color: gray;
    font-size: .8em;
}

.smrTopRow {
    height: 30px;
    overflow: hidden;
}

.smrMiddleRow {
    height: 65px;
    overflow: hidden;
}


.panel-heading.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    position: relative;
    bottom: 23px;
    font-size: 15pt;
    color: white;         /* adjust as needed */
}
.panel-heading.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-heading:hover {
    cursor: pointer;
}

.panel-heading2.accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    position: relative;
    bottom: 0px;
    font-size: 12pt;
    color: black;         /* adjust as needed */
}
.panel-heading2.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-heading2:hover {
    cursor: pointer;
}


.pfItemMore {
    float: right;
    padding-left: 4px;
    color: blue;
    text-decoration: underline;
}



.pfTocLink {
    margin: 5px;
}
.pfTocLink a {
    color: red;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 2px solid white;
}
    .pfTocLink a:hover {
        text-decoration: none;
        border-bottom: 2px solid red;
    }

.popWindow {
	border-top: 1px solid red;
	border-top: 1px solid blue;
	padding-top: 25px;
	padding-bottom: 25px;
	background: white;
}

.pfHomePageMessage {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    color: white;
    background: red;
}


.pfCheckboxFixAll { padding-left: 20px; }


 /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
		.popWindow {
			display:none;		
			padding: 0px; 
			overflow: auto;
		    margin: auto;
		}
		.HideMain {	display: none; }        
		.centerSmall { text-align: center !important; }		
		.left-phone-center { text-align: center; }
		.right-phone-center { text-align: center; }
		.pfCheckboxFix { padding-left: 20px; }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		.popWindow { display:none;	padding: 0px; overflow: auto;  margin: auto;}
		.HideMain {	display: none; }
		.centerSmall { text-align: center !important; }		
		.left-phone-center { text-align: center; }
		.right-phone-center { text-align: center; }		
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.HideMain {	display: block; }        
		.left-phone-center { text-align: center; }
		.right-phone-center { text-align: center; }		
		.pfCheckboxFix { padding-left: 0px; }		

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.HideMain {	display: block; }      
		.right-phone-center { text-align: right; }		  	

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		.HideMain {	display: block; }        
		.right-phone-center { text-align: right; }		


    }



/*
.pfheader {
	min-height: 100px; background: black;
	
}
*/
.pfFooter {
    background: black;
    padding-top: 10px;
}
.pfFooter, .pfFooter a { color: white; }

.pfFooter2 { 
	background: #2f2f2f; 
	border-top: 1px solid white; 
}
.pfFooter2, pfFooter2 a { color: white; }


.pfWarning {
    color: orange; 
}
.pfCritical {
    color: red;
}

body { background: #efefef; }
.whiteback { background: white; }
.border { border: 1px solid black; }
.border-black { border: 1px solid black; border-radius: 10px;}
.border-gray { border: gray; }
.border-red { border: 1px solid red; border-radius: 10px;}
.border-bottom { border-bottom: 1px solid black;}
.border-top { border-top: 1px solid black;}
.padding5 {	padding: 5px;}


.list-group-item:hover { background: #ffffa0;}


.orderpage-menu-item-image {
	width: 70px;
}
.orderpage-menu-item-image-size {
	height: 60px;
    padding-right: 10px;
}

.orderpage-menu-item
{ 
	clear: both;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.list-group-item:hover { background: #ffffa0;}

.orderpage-menu-item-name
{
	float: left;
	font-size: 1.0em;
	font-weight: bold;
	color: black;
}

.orderpage-menu-item p
{
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	color: black;	
}

.orderpage-menu-item-price
{
	float: right;	
	font-size: .9em;	
	color: black;	
}

.orderpage-menu-item-minqty
{
	padding-right: 5px;
	font-style: italic;
	font-size: .7em;
	vertical-align: bottom;
}


.orderpage-menu-item-optionsxxx
{
	float: left;display: none;
	border: 1px solid black;
	background: #f1f1f1;
	margin-bottom: 10px;
	width: 100%;
}


.orderpage-menu-item-options
{
	border: 1px solid black;
	background: #f1f1f1;
	margin-bottom: 10px;
}


.menu-type-on {  
	border: 1px solid black; padding: 2px; font-weight: bold; background: #ccffcc; font-size: .8em; }
}
.menu-type-off { 
	border: 1px solid gray; padding: 2px; font-weight: normal; background: white; font-size: .8em; }
]

.orderpage-menu-group-section
{

}

.orderpage-menu-group
{
	clear: both;
	background: #eeffee;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	
}
.orderpage-menu-group p
{
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 0;
}

.orderpage-menu-group h1
{
	padding-top: 0;
	margin-top: 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.2em;
	padding-bottom: 0;
	margin-bottom: 0;
}

#orderpage-menu { display: none; }


.cart-title {
	background: #d1d1d1;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.black { color: black; }

.minwidth100 { min-width: 200px; }

.table-scott >td { border: 0 !important;}

.table-no-border { width: 100%; }

.panel-danger > .panel-heading {
    background: red !important;
    color: white !important;
}

.pfModal { display: none; }

.red { color: red; }
.green { color: green; }

.bold { font-weight: bold;}

.underline { text-decoration: underline; }

.glyphicon-none:before {
    content: "\e094";
    color: transparent !important;
}

.tanback { background: #ffffee;}

.product .img-responsive {
    margin: 0 auto;
}


/* Easy Jquery Loading Bar */
.loading_bar_1 {
  height: 40px;
  width: 40px;
  height: 100%;
  width: 100%;
  background: transparent url(../PF_ajax-loader-1.gif) no-repeat 50% 50%;
}

.loading_bar_inline{
  display: inline;
  margin-left: 10px;
}

.loading_bar_body {
  height: 100%;
  width: 100%;
  top:0;
  left:0;
  background: url(../PF_ajax-loader-2.gif) no-repeat 50% 50%;
}


/* IOS Loading Spinner */
.ui-ios-overlay {
  z-index: 99999;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -100px;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
  background: rgba(0,0,0,0.8);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.ui-ios-overlay .title {
  color: #FFF;
  font-weight: bold;
  text-align: center;
  display: block;
  font-size: 26px;
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}
.ui-ios-overlay img {
  display: block;
  margin: 20% auto 0 auto;
}
.ui-ios-overlay .spinner {
  left: 50% !important;
  top: 40% !important;
}

.ios-overlay-show {
  -webkit-animation-name: ios-overlay-show;
  -webkit-animation-duration: 750ms;
  -moz-animation-name: ios-overlay-show;
  -moz-animation-duration: 750ms;
  -ms-animation-name: ios-overlay-show;
  -ms-animation-duration: 750ms;
  -o-animation-name: ios-overlay-show;
  -o-animation-duration: 750ms;
  animation-name: ios-overlay-show;
  animation-duration: 750ms;
}

@-webkit-keyframes ios-overlay-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes ios-overlay-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes ios-overlay-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes ios-overlay-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes ios-overlay-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.ios-overlay-hide {
  -webkit-animation-name: ios-overlay-hide;
  -webkit-animation-duration: 750ms;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: ios-overlay-hide;
  -moz-animation-duration: 750ms;
  -moz-animation-fill-mode: forwards;
  -ms-animation-name: ios-overlay-hide;
  -ms-animation-duration: 750ms;
  -ms-animation-fill-mode: forwards;
  -o-animation-name: ios-overlay-hide;
  -o-animation-duration: 750ms;
  -o-animation-fill-mode: forwards;
  animation-name: ios-overlay-hide;
  animation-duration: 750ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes ios-overlay-hide {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-moz-keyframes ios-overlay-hide {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-ms-keyframes ios-overlay-hide {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-o-keyframes ios-overlay-hide {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes ios-overlay-hide {
  0% { opacity: 1; }
  100% { opacity: 0; }
}


/* Prettify */
.com { color: #767e7e; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #767e7e; }
.fun { color: #dc322f; }
.str, .atv { color: #268bd2; }
.kwd, .tag { color: #195f91; }
.typ, .atn, .dec, .var { color: #CB4B16; }
.pln { color: #767e7e; }
.prettyprint {
  background-color: #fefbf3;
  padding: 15px 15px 15px 30px;
  border: 1px solid rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
          box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 40px;
}
/* IE indents via margin-left */
ol.linenums li {
  padding: 0 5px;
  color: rgba(0,0,0,.15);
  line-height: 20px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
/* Alternate shading for lines */
li.L1, li.L3, li.L5, li.L7, li.L9 {  }

/*
$base03:    #002b36;
$base02:    #073642;
$base01:    #586e75;
$base00:    #657b83;
$base0:     #839496;
$base1:     #767e7e;
$base2:     #eee8d5;
$base3:     #fdf6e3;
$yellow:    #b58900;
$orange:    #cb4b16;
$red:       #dc322f;
$magenta:   #d33682;
$violet:    #6c71c4;
$blue:      #268bd2;
$cyan:      #2aa198;
$green:     #859900;
*/


/*
#1d1f21 Background
#282a2e Current Line
#373b41 Selection
#c5c8c6 Foreground
#969896 Comment
#cc6666 Red
#de935f Orange
#f0c674 Yellow
#b5bd68 Green
#8abeb7 Aqua
#81a2be Blue
#b294bb Purple
*/


/* DARK THEME */
/* ---------- */

.prettyprint-dark {
  background-color: #1d1f21;
  border: 0;
  padding: 10px;
}
.prettyprint-dark .linenums li {
  color: #444;
}
.prettyprint-dark .linenums li:hover {
  background-color: #282a2e;
}
/* tags in html */
.prettyprint-dark .kwd,
.prettyprint-dark .tag { color: #cc6666; }
/* html attr */
.prettyprint-dark .typ,
.prettyprint-dark .atn,
.prettyprint-dark .dec,
.prettyprint-dark .var { color: #de935f; }
/* html attr values */
.prettyprint-dark .str,
.prettyprint-dark .atv { color: #b5bd68; }


.com { color: purple; }

.pfRestaurantFilterCol {
    background-color: #efefef;
}

.linkred, .linkred:hover {
    color: red;
}
.linkgray, .linkgray:hover  { color: gray; }

.white, .white a { color: #fff; }

.pfWhiteDetail {
    color: white !important;
    padding-top: 5px !important;
}

.closewhite { color: #fff;  opacity: 1; }

.pf-max-width {
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}



.pfRestListItem a {
    color: black;
    text-decoration: none;
}

.pfRestListItem:hover {
    background: #ffffa0;
}

.pfItem a {
    color: black;
    text-decoration: none;
}

.pfItem:hover {
    background: #ffffa0;
    text-decoration: none;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-overflow-multi {
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-bar
{
    position: fixed;
    width: 100%;
    bottom: 0px;
    display: block;
    height:55px;
    margin-bottom:0px;
    margin-top:0px;
    color: white;
    padding-top: 12px;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #555454;
}
.bottom-bar {
    height: 55px;
    padding-top: 5px;
    background-color: #555454;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #fff;
    color: white;
}

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

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

.btext {
    font-size: .7em;
    font-weight: normal;
}
.bicon {
    font-size: 1.2em;
    font-weight: normal;
}

.blackfooter {
    padding-top: 15px;
    padding-bottom: 15px;
    color: white;
}
.blackfooter a {
    text-decoration: none;
    color: white;
    font-weight: bold;
}
.blackfooter a:hover {
    text-decoration: none;
    color: yellow;
}
#featureheader { background-color: rgba(196, 195, 195, 0.69); 
}
.mainblogbox {
    min-height: 725px;
}
.blogbox {
    background: white;
    color: black;
    margin-bottom: 50px;
    padding: 15px;
}
    .blogbox h3 {
        font-weight: bold;
    }
.blogbox h5 {
    padding: 10px;
    background: black;
    color: white;
}
.bloginfo {
    border-top: 4px solid black;
    background-color: lightgray;
    padding: 5px;
    margin-bottom: 20px;
    font-size: .9em;
}

.pfError {
    color: red;
    font-weight: bold;
}


.pfFindRestaurantBox {
    background-color:rgba(255,255,255,.9); 
    color: black; 
    padding: 10px; 
    border: 5px solid black; 
    border-radius: 5px; 
    padding-top: 0; 
    padding-bottom: 0; 
    max-width: 90%;
    margin: auto;
}

.pfGRPWrapper {
    padding-top: 20px;
    padding-bottom: 15px;
    background: black;
}
.pfGRPRow {
    color: white;
    font-size: 1.4em;
    font-weight: bold; 
}

.pfHomeStreet {  min-width: 400px; }
.pfHomeZip {   min-width: 100px;  max-width: 100px;}
.pfHomeSearch { background:#e7161e; border:2px solid #e7161e; color:#fff; font-family: 'CandaraRegular'; font-weight: bold; text-transform:uppercase; border-radius: 3px;}
.pfHomeSearch i{ }
.pfHomeSearch:hover{ background:#bd0404; border:2px solid #bd0404; color:#fff;}

@media only screen and (min-width:100px) and (max-width:479px) {
body { background: white; padding-bottom: 55px; }
.border { border: 0; }
.smallest-text{font-size:8px;}
.smalltext{font-size:12px;margin-right:5px;}
.smallertext{font-size:9px;}
.pfHomeStreet {  min-width: 100px;  margin-bottom: 5px;}
.pfHomeZip { min-width: 100px; max-width: none; margin-bottom: 10px;}
.pfFindRestaurantBox { text-align: center; }
.pfGRPRow { text-align: center; padding-top: 15px; }
.pfGRPOrderList { margin-bottom: 15px;}
.container { padding: 0; margin: 0; }
.nosmallpadding { padding: 0 !important;  margin: 0 !important; }
.nosmallpadding1 { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }

    .well {
        border: 0 !important;
        margin: 0 !important;
    }

.alt-grid [class*="col-"] {padding-left:0;padding-right:0}
.alt-grid .row {margin-left:0;margin-right:0}
/* container adjusted */
.alt-grid .container {width:100%;max-width:none;padding:0;}

    .orderpage-menu-item-detail {
        clear: both;
        font-size: .9em;
        color: black;
        overflow: auto;
    }


}

@media only screen and (min-width:480px) and (max-width:767px) {
body { background: white; padding-bottom: 55px; }
.border { border: 0; }
.smallest-text{font-size:9px;}
.smallertext{font-size:11px;}
.pfHomeStreet {  min-width: 100px; max-width: none; margin-bottom: 5px;}
.pfHomeZip { min-width: 100px; max-width: none; margin-bottom: 10px;}
.pfFindRestaurantBox { text-align: center; }
.pfGRPRow { text-align: center; padding-top: 15px; }
.pfGRPOrderList { max-width: 450px !important; margin: auto; margin-bottom: 15px;}
.container {padding: 0; margin: 0; }
.nosmallpadding { padding: 0 !important;  margin: 0 !important; }
.nosmallpadding1 { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }
.alt-grid [class*="col-"] {padding-left:0;padding-right:0}
.alt-grid .row {margin-left:0;margin-right:0}
/* container adjusted */
.alt-grid .container {width:100%;max-width:none;padding:0;}

    .orderpage-menu-item-detail {
        clear: both;
        font-size: .9em;
        color: black;
        overflow: auto;
    }


}


@media only screen and (min-width:768px) and (max-width:991px) {
body { padding-bottom: 55px; }
.smallertext{font-size:11px;}
.pfHomeStreet {  min-width: 400px; max-width: 500px; }
.pfHomeZip { min-width: 100px; max-width: 100px; }
.pfFindRestaurantBox { text-align: center; }
.pfGRPRow { text-align: center;  }
.pfGRPOrderList { max-width: 400px !important; }
.alt-panel { margin: 0 !important; padding: 0px !important; }

    .orderpage-menu-item-detail {
        clear: both;
        font-size: .9em;
        color: black;
        overflow: auto;
        height: 100px !important;
    }

}

@media only screen and (min-width:992px) and (max-width:1199px) {
.pfHomeStreet {  min-width: 600px; max-width: none; }
.pfHomeZip { min-width: 100px; max-width: 100px; }
.pfFindRestaurantBox { text-align: center; }
.pfGRPRow { text-align: center; padding-top: 15px; }
.pfGRPOrderList { max-width: 400px !important; }
.alt-panel { margin: 0 !important; padding: 0px !important; }

    .orderpage-menu-item-detail {
        clear: both;
        font-size: .9em;
        color: black;
        overflow: auto;
        height: 100px !important;
    }

}

@media only screen and (min-width:1200px) {
.pfHomeStreet {  min-width: 600px; max-width: none; }
.pfHomeZip { min-width: 100px; max-width: 100px; }
.pfFindRestaurantBox { text-align: center; max-width: 1000px; }
.pfGRPRight { text-align: right; }
.alt-panel { margin: 0 !important; padding: 0px !important; }

    .orderpage-menu-item-detail {
        clear: both;
        font-size: .9em;
        color: black;
        overflow: auto;
        height: 100px !important;
    }

}

.pad-bottom {
    padding-bottom: 5px;
}


.pfCoreWrapper {
}
.pfCoreContainer {
    background: white;
}


.pfWebView {
    display: none;
}
.pfWebViewActive {

}

.pfAvlItem {

}
.pfAvlHeader {
    text-align: right;
}
.pfAvlTotal {
    text-align: right;
}

.pfFixedFooter {
    z-index: 9999;
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
}