@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,500,600|Roboto+Condensed:300,400,500,600|Share+Tech+Mono:400');.font-primary, body { font-family: Roboto Condensed, sans-serif !important; }.font-secondary { font-family: Roboto Condensed, sans-serif !important; }.font-tertiary { font-family: Share Tech Mono, monospace !important; }.primary-bg-color { background-color: rgb(255, 255, 255)!important; }.btn-choice:not(.active):hover { background-color: rgb(255, 255, 255)!important; }.primary-bg-border-color { border-color: rgb(255, 255, 255)!important; }.popover.top > .arrow { border-top-color: rgb(255, 255, 255)!important; }.popover.left > .arrow { border-left-color: rgb(255, 255, 255)!important; }.popover.right > .arrow { border-right-color: rgb(255, 255, 255)!important; }.popover.bottom > .arrow { border-bottom-color: rgb(255, 255, 255)!important; }.primary-border-color { border-color: rgb(255, 255, 255)!important; }.primary-text-color { color: rgb(51, 51, 51)!important; }.primary-text-border-color { border-color: rgb(51, 51, 51)!important; }.secondary-bg-color { background-color: rgb(255, 255, 255)!important; }.secondary-text-inverse-color { color: rgb(255, 255, 255)!important; }.secondary-text-color { color: rgb(51, 51, 51)!important; }.secondary-bg-inverse-color { background-color: rgb(51, 51, 51)!important; }.secondary-bg-inverse-color:before { background-color: rgb(51, 51, 51)!important; }.secondary-bg-inverse-color:after { background-color: rgb(51, 51, 51)!important; }.action-bg-color { background-color: rgb(255, 51, 51)!important; fill: rgb(255, 51, 51)!important }.action-text-color { color: rgb(255, 51, 51)!important; }.action-border-color { border-color: rgb(255, 51, 51)!important; }.action-inverse-bg-color { background-color: rgb(255, 255, 255)!important; fill: rgb(255, 255, 255)!important }.action-inverse-text-color { color: rgb(255, 255, 255)!important; }.action-inverse-border-color { border-color: rgb(255, 255, 255)!important; }.selection-bg-color { background-color: rgb(227, 8, 13)!important; fill: rgb(227, 8, 13)!important }.selection-text-color { color: rgb(227, 8, 13)!important; }.selection-border-color { border-color: rgb(227, 8, 13)!important; }.btn:hover .tab-icon.filled {background-color: rgb(227, 8, 13)!important; }.btn:active .tab-icon.filled {background-color: rgb(227, 8, 13)!important; }.btn.active .tab-icon.filled {background-color: rgb(227, 8, 13)!important; }.selection-inverse-bg-color { background-color: rgb(255, 255, 255)!important; fill: rgb(255, 255, 255)!important }.selection-inverse-text-color { color: rgb(255, 255, 255)!important; }.selection-inverse-border-color { border-color: rgb(255, 255, 255)!important; }.secondary-bg { background-color: rgb(227, 8, 13)!important; }.secondary-text { color: rgb(255, 255, 255)!important; }.intro-highlight-bg-color { background-color: rgb(227, 8, 13)!important; }.intro-highlight-text-color { color: rgb(227, 8, 13)!important; }.intro-highlight-inverse-bg-color { background-color: rgb(255, 255, 255)!important; }.intro-highlight-inverse-text-color { color: rgb(255, 255, 255)!important; }.leftMenuBg,.rightMenuBg,.tabs-menu,.overlay-menu,.order-tree-slider-wrapper,.sticky-group-name { background-color: rgb(255, 255, 255)!important; }.main-footer { background-color: rgb(255, 255, 255)!important; }.home-info-bg-fix { opacity: 0.5 !important; }@media screen and (max-width: 767px) {
    .home-wrapper .home-featured-content {
  left: 0 !important;
    }
    
    .ingredients-wrapper {
      margin-left: -20px !important;
      margin-right: -20px !important;
  }
  }
  
  
  .home-wrapper .home-featured-content {
      left: 250px !important;
    right: 0 !important;
    width: auto !important;
  }
  }

.home-wrapper .home-info {
  background: white; }

.step-legend, .order-type-chooser-wrapper {
  color: black !important;
    font-weight: bold;
    font-family: 'Roboto Condensed' !important;}

.btn-checkout-inverted {
font-weight: 600 !important;
color: #0071ba !important;
}

.top-order-tree-indicator {
  background-color: #F6F5F5 !important;
}

.add-to-order-btn {
background-color: #ffb220  !important;
}

.store-info-container,
.menu-item-name,
.card-head {
text-transform: uppercase;
    font-weight: bold;
    font-family: 'Roboto Condensed' !important;
  
}

.store-info-container {
font-weight: bold;
}

.item-description {
font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto Condensed' !important;
}

.leftMenuBg {
	background: rgb(211, 211, 211) !important;
}

.mobile-tabs,
.panels-wrapper .left-panel {
    background-color: rgb(227, 8, 13)  !important; 
}

.panels-wrapper .left-panel {
  flex: 0 0 300px !important;
  position: relative;
  padding-left: 100px;
left: -100px;
margin-right: -100px;
}

#menu-header,
.btn-menu {
  color: white !important;
  font-size: 30px;
  opacity: 1 !important;
    font-weight: bold;
    font-family: 'Roboto Condensed' !important;
}

hr.right-extended {
	border-color: #777;
}

#left-menu hr {
	border-color: #777;
}

#home-page .header,
#home-page .header .phone-number {
  color: black !important;
  background: rgb(211, 211, 211) !important;
}

.menu-item-name {
opacity: unset !important;
  font-size: 18px;
    font-weight: bold !important;
    font-family: 'Roboto Condensed' !important; !important;
}

.panel-item-name {
    font-weight: bold !important;
    font-family: 'Roboto Condensed' !important;
}

#home-page .logo-wrapper {
min-height: initial;
margin-top: 10px;
margin-bottom: 10px;
}

#home-page.secondary-bg-color, .footer {
background: rgb(211, 211, 211) !important;
}

.group-name {
    font-weight: bold;
    font-family: 'Roboto Condensed' !important;
}
  
  .btn-choice.active.text-danger {
color: white !important;
}

.change-store-btn {
color: black !important;
}

.custom-checkbox-details {
    color: black;
}

.step-legend {
    font-size: 24px !important;
}

.panel-item-name {
  word-break: initial !important;
}

#overlay-menu-tablet,  
fts-menu-index-host #menuIndex {
  background-color: rgb(227, 8, 13)  !important; 
}
 
  .custom-radio {
      font-size: 18px !important;
      font-weight: 500 !important;
    text-transform: capitalize;
  }
  
  .step-legend {
    font-size: 21x !important;   
    font-weight: bold;
  color: white !important;
  }
  
  #continue-to-menu {
        border-radius: 10px;
    font-size: 18px !important;
    background: rgb(227, 8, 13) !important;
   color: #fff !important;
      text-transform: uppercase !important;
      text-align: center !important;
    font-weight: bold;
  
  }
  
  fts-store-open-close-time,
  .option-button,
  #place-order-btn,
  .btn-coupon,
  .form-group .btn {
      text-transform: uppercase;
  
  }
   .isInHome.form-control{
      border-radius: 10px;
  }
#checkout {
      background: #E41015 !important;
      color: #fff !important;
      font-size: 15px !important;
    font-weight: bold;
    border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  }
  
  .has-group-ordering-btn > button {
      font-weight: bold;
      font-size: 15px;
    background: white !important;
     color:#0E2B2F !important;
    font-family: futura-pt, sans-serif !important;
  }

  #order-tree-toggle-btn {
        font-size: 15px !important;
  font-weight: bold !important;
  
  
  }
  
  .tabs-menu {
    color:#0E2B2F;
  
  }
  
  .btn-tab > .tab-label {
      font-size: 13px !important;
      font-weight: 500 !important;
  }
.menu-item.active {
      border-bottom: 4px solid #E41015 !important;
  }

.card-head{
   text-align: center;
    font-size: 15px;
    font-weight: bold;
  }
  
  .item-name {
      font-size: 15px !important;
      font-weight: 700 !important;
  }
  
  .item-description {
      font-size: 13px !important;
        font-weight: 500 !important;
     text-align: center;
  }
  
  .store-info-container {
  text-transform: uppercase;
        font-size: 15px !important;
        font-weight: bold !important;
  }

  .phone-number {
  
    text-transform: uppercase;
        font-size: 15px !important;
        font-weight: bold !important;
  }
  
  .add-to-order-btn, .customize-btn {
        font-weight: bold !important;
    font-size: 11px !important;
  }
.add-to-order-btn {
  background: #E41015 !important;
    color: white !important;
    border: solid 2px #E41015 !important;
  border-radius: 10px !important;
  
  }
  .customize-btn {
  color: #E41015 !important;
  border: solid 2px #E41015 !important;
    border-radius: 10px !important;
  }
  
  .group-name {
   font-weight: bold;
  font-size: 28px !important;
  }
  
  .menu-group > hr {
      border: white !important;
  }
  
  .overlay {
      background: white !important;
  }
.btn-tab .tab-icon.large {
      max-width: 99px  !important;
      max-height: 97px ;
      flex: 0 0 190px  !important;
  }
  
  .btn-tab .tab-icon{
      width: 19rem !important;
  }
  
  .btn-tab .tab-icon.large {
      max-height: 20px !important;
  }
  
  .tabs-menu .outer-container {
    height: 140px !Important;
  }
  
  .btn-tab {
      margin-left: 17px !important;
      margin-right: 17 !important;
      border-bottom: 10px solid transparent !important;
  }
.panels-wrapper .description-and-controls-panel {
      color: white ;
      background: #E41015;
      padding: 25px;
  }
  
.ingredient-info {
      font-weight: 500 !important;
  }
  
  .item-info > .item-name {
    font-size: 28px !important;
    font-weight: bold !important;
  }
  
label .custom-checkbox.selection-bg-color{
    background: #E41015 !important;
    fill: #E41015 !important;
        border: solid 2px #E41015!important;
  }

.ingredient-halves .half.whole.selection-bg-color,
  .ingredient-halves .half.left.selection-bg-color,
  .ingredient-halves .half.right.selection-bg-color{
      background: #E41015 !important;
  }
.custom-checkbox > .custom-checkbox-indicator {
      background: white !important;
    border: solid 2px !important; }
  
  .ingredient-description-list > span > span,
  .price-container > span,
  .font-secondary.primary-text-color.ng-tns-c359-79.ng-star-inserted {
  color: white !important;
  }
  
  .quantity-input {
      color: #0E2B2F !important;
  }
  
  .choice-wrapper {
  border-bottom: 1px !important;
  }
  
  .action-button-wrapper > button,
  .button-wrapper > button{
  color: #0E2B2F !important;
    background-color: #ffffff !important;
      border-radius: 10px;
  font-size: 18px;
    font-weight: bold;
  }
.choice-controls-wrapper > .choice-controls {
    background: #E41015 !important;
  }

.checkout-details-switch-order-type-btn,
  .modal-buttons .btn {
    font-weight:bold !important;
    text-transform: uppercase;
  }
  
  
  #continue-to-order-details-btn
  {
      border-radius: 10px;
      width: 100%;
      font-weight:bold !important;
  }
  
  #login, #register, #sign-up,
  #continue-to-payment-btn,
  #place-order-btn, .change-pass-btn {
    border-radius: 10px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
  }

.column-group .column > h2,
  #order-notification-upsize-btn,
  .checkout-upsize-btn {
  text-transform: capitalize !important;
  }
  
  
  
  #order-tree-toggle-btn {
    background: #F6F5F5 !important;
    border-top-left-radius: 10px ;
    border-bottom-left-radius: 10px;
  }
  
  .tabs-menu.shadowed {
    background: #F6F5F5 !important;
    box-shadow: inset 0 2px 5px #ddd !important;
  }
  
  .horizontal-menu-button-left,
  .horizontal-menu-button-right {
      background: linear-gradient(270deg,#F6F5F5 50%,hsla(0,0%,100%,0)) !important;
    height: 90% !important;
    margin-top: 5px;
  }
  
  .card-menu-item.shadowed,
  .sister-upsell.shadowed {
    box-shadow: none !important;
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
  }
  .sister-upsell.shadowed  {
    padding-top: 15px;
  }
  
    .compact .size-prices select ,
  .size-price-quantity-controls select {
    border-radius: 10px !important;
  }
  
  @media screen and (min-width: 767px) {
    .sister-upsell.shadowed .padded-horiz-15:last-child  {
    padding: 15px 0 0 !important;
  }
    
    .compact-header {
     padding: 20px 0;
  }
    
  .panel-item-footer {
      padding: 15px 0 0 !important;
  }
  
  .compact .size-prices,
  .size-price-quantity-controls {
      padding: 0 20px 20px !important;
  }
    
    .compact .size-prices select ,
  .size-price-quantity-controls select,
   .form-control.quantity-label,
    .form-control.quantity-selector,
    .form-control.item-size-options {
    padding: 0 15px !important;
    height: 45px ;
  }
    
      .form-control.quantity-selector,
    .form-control.item-size-options {
       border-radius: 10px;
    }
  
    .form-control.quantity-label {
      border-top-left-radius: 10px !important;
   border-bottom-left-radius: 10px !important;
    }
    
    #sizeInput {
       height: 45px  !important;
    }
    
    .form-control.quantity-selector,
      .form-control.quantity-selector {
          border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
    }
    
   .form-control.quantity-input{
    height: 45px ;
  }
  
  .control-button {
      flex:  1 1 50% !important;
  }
    
    .buttons-wrapper .control-button:only-child .btn {
      border-bottom-right-radius: 10px !important;
   }
  
  .add-to-order-btn,
  .customize-btn {
          padding: 12px 20px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    font-size: 12px !important;
  }
  
  .control-button + .control-button .add-to-order-btn {
    border-bottom-left-radius: 0 !important;
  }
  
  .customize-btn {
    border-bottom-right-radius: 0 !important;
  }
    
     .upsell-item-info-container .upsell-item-content .add-to-order-btn {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
  }
  
  .control-button + .control-button {
      margin-left: 0 !important;
    }
  .credit-cards {
      justify-content: flex-start !important;
      flex: 1;
  }
    
    .panels-wrapper .description-and-controls-panel {
      margin: 0 0 4rem !important;
  }
  }
  
  .description-and-controls-panel a {
   color: #fff !important;
  }
  
  .menu-item.active .menu-item-name {
    font-weight: bold !important;
  }

.item-name{
min-height: 81px !important;
}

.ellipsis{
    display: none !important;
}
.alert-form.alert-danger, .alert.alert-danger { background-color: rgb(187, 53, 49) !important; }.error-bg-color { background-color: rgb(187, 53, 49)!important; }.alert-form.alert-danger, .alert.alert-danger { color: rgb(255, 255, 255) !important; }.notifications { background-color: rgb(187, 53, 49) !important; }.notifications { color: rgb(255, 255, 255) !important; }.text-danger { color: rgb(187, 53, 49) !important; }.special-indicator { color: rgb(187, 53, 49) !important; }