.posBut{
  padding: 0px!important;
  margin: 5px!important;
  width: 25px!important;
  height: 25px!Important;
}

.chartHolder{

}

#orderSummaryDialog{
  width:600px;
  height:500px;
}

.priceTag div{
    line-height: 20px;
}

.priceSums{
    height:90px;
}

.priceSums table{
    float:right;
    margin-right:25px;
}

.priceSums table tr td{
    text-align:right;
}

.md-fab .material-icons{
    padding-top:16px;
}

.country-flag{
  width:30px;
  height:30px;
  border-radius:50%;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-right:25px;
}

.country-flag-gr{
  background-image: url(../images/gr.svg);
}

.country-flag-gb{
  background-image: url(../images/gb.svg);
}

.support-contact-panel{
    margin: 8px 12px 10px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,0.16);
    border-radius: 8px;
    background: rgba(0,0,0,0.16);
    color: rgba(255,255,255,0.88);
}

.support-contact-main{
    display: flex;
    align-items: center;
    min-height: 38px;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
}

.support-contact-main:hover{
    color: #ffffff;
    text-decoration: none;
}

.support-contact-main .material-icons{
    margin-right: 10px;
    color: #00bcd4;
}

.support-contact-phone{
    margin: 4px 0 10px 34px;
    color: rgba(255,255,255,0.72);
    font-size: 13px;
    line-height: 1.2;
    word-break: break-word;
}

.support-contact-actions{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
}

.support-contact-actions a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    border-radius: 4px;
    background: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    font-weight: 700;
}

.support-contact-actions a:hover{
    background: #00bcd4;
    color: #263238;
    text-decoration: none;
}

.support-contact-actions .material-icons{
    font-size: 20px;
}

.md-mini .material-icons{
    padding-top:9px;
}

.not-free{
    color:red;
}

.free{
    color:green;
}

.selectableImage{
    cursor:pointer;
}

.transparentDiv{
    background-color:rgba(0,0,0,0)!important;
}

#innerCatalogCategories{
    padding-top:0px;
}

#innerCatalogCategories > #categoriesList{
    width:250px;
}

.attributeList > div{
    padding:10px;
    border-bottom: 1px solid grey;
}

.optGroup{
  padding: 10px;
  margin-bottom:10px;
}

#logoAndDescription{
    z-index:100;
    color: grey;
    margin-bottom: 25px;
    font-style: italic;
    margin-right: 100px;
}

#loaderWrapper{
  position:fixed;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:100;
  background-color:rgba(0,0,0,0.2);
}

#firstLoadWrapper{
  position:fixed;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  z-index:100;
  background-color:rgba(255,255,255,1);
}

#loader{
  position:absolute;
  top:calc(50% - 50px);
  left:calc(50% - 50px);
}

@media only screen and (max-width: 600px) {
    #mapContainer{
        width:parent;
        height:parent;
    }

    #orderSummaryDialog{
      width:initial;
      height:initial;
    }

    .categoryMenu{
      display:none;
    }
}

.fbColor{
  background-color:#4267b2!important;
  color:white!important;
}

#mapContainer{
    width:700px;
    height:500px;
}

#pac-container{
    z-index: 10;
    top:0px;
    left:0px;
    right:0px;
    position: absolute;
}

#map {
    position:absolute;
    top: 50px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

#delMap{
  position: absolute;
    overflow: hidden;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.tableMessageActions md-button{
    height: 100px;
}

.promotedProducts{
    display: flex;
    overflow-x: auto;
    gap: 0px;
    padding: 0px;
}

.promotedProductsTitle{
    font-size: medium;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
}

.promotedProduct{
    width:250px;
    height:200px;
    border-radius: 12px;
    flex-shrink: 0;
    overflow: visible; /* allow overflow */
    margin: 0px 5px 0px 0px;
}

.promotedProducts img{
    width:100%;
    height: auto;
    object-fit: cover;
}

.promotedProducts md-card-title{
    padding: 0px;
    height:125px;
    max-height:125px;
}

.headerCartButton{
    position: absolute;
    top:15px;
    right:15px;
}



#deliveryMain{
    position: absolute;
    bottom: 0px;
    top: 66px;
    left: 0px;
    right: 0px;
}

.tableActionButton{
    border: 1px solid white;
}

#deliveryMap{
  height:100%;
}

.md-success{
  color:green;
}

.qBut{
    min-height: initial;
    min-width:initial;
    width:40px;
    height:25px;
}

.addressDiv{
    background-color: rgb(33,150,243);
    color: white;
    padding: 15px;
}

.mainSpan{
    font-weight:bold;
    font-size:25px;
}

.subSpan{
    font-size:15px;
    color:rgb(66,66,66);
}

.selectedChip{
    color:orange;
    font-weight:bold;
    outline: none;
}

.logoImg{
    width:80px;
    height:80px;
    position:absolute;
    right:10px;
    top:10px;
    border-radius: 50%;
}

.lowDiv{
    position:absolute;
    padding: 3px;
    height:30px;
    left:0px;
    top:120px;
    right:0px;
    color:white;
}

#orderNowDiv{
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  background-image:url('../images/order-now-bg-v2.png');
  background-size:cover;
  background-position:center;
}

.guest-home{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
}

.guest-home-page{
    width:100%;
    max-width:100vw;
    padding:22px 18px 32px;
    overflow-x:hidden;
    overflow-y:auto;
    box-sizing:border-box;
}

.guest-home-page:before{
    content:"";
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(255,255,255,0.38), rgba(255,255,255,0.78));
}

.guest-hero,
.guest-section{
    position:relative;
    z-index:1;
    width:100%;
    max-width:880px;
    margin:0 auto 16px;
    box-sizing:border-box;
}

.guest-hero{
    min-height:260px;
    display:flex;
    align-items:flex-end;
    padding:28px;
    box-sizing:border-box;
    color:#ffffff;
    background:linear-gradient(180deg, rgba(38,50,56,0.18), rgba(38,50,56,0.78));
    border-radius:8px;
    box-shadow:0 4px 18px rgba(38,50,56,0.22);
}

.guest-hero-content{
    max-width:520px;
}

.guest-hero-kicker{
    display:inline-block;
    margin-bottom:8px;
    padding:4px 8px;
    border-radius:4px;
    background:rgba(255,255,255,0.18);
    font-size:12px;
    font-weight:700;
}

.guest-hero h1{
    margin:0 0 8px;
    font-size:34px;
    line-height:1.12;
    font-weight:600;
}

.guest-hero p{
    margin:0 0 18px;
    max-width:430px;
    color:rgba(255,255,255,0.9);
    font-size:16px;
    line-height:1.45;
}

.guest-primary-action{
    min-height:46px;
    margin:0;
    padding:0 20px;
}

.guest-primary-action .material-icons{
    margin-right:8px;
    vertical-align:middle;
}

.guest-section{
    padding:18px;
    box-sizing:border-box;
    background:rgba(255,255,255,0.94);
    border-radius:8px;
    box-shadow:0 2px 12px rgba(38,50,56,0.16);
}

.guest-section-header h2{
    margin:0 0 12px;
    color:#263238;
    font-size:20px;
    font-weight:500;
}

.guest-promoted-products{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    max-width:100%;
    padding:2px 0 4px;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
}

.guest-promoted-product{
    width:190px;
    min-width:190px;
    max-width:190px;
    margin:0;
    border-radius:8px;
    overflow:hidden;
    cursor:pointer;
    scroll-snap-align:start;
}

.guest-promoted-image{
    width:100%;
    height:118px;
    object-fit:cover;
    background:#eceff1;
    display:block;
}

.guest-promoted-product md-card-content{
    padding:10px 12px 8px;
}

.guest-promoted-product h3{
    height:38px;
    margin:0 0 6px;
    color:#263238;
    font-size:15px;
    line-height:1.25;
    font-weight:500;
    overflow:hidden;
}

.guest-product-price{
    color:#f37903;
    font-size:17px;
    font-weight:700;
}

.guest-service-actions{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
}

.guest-service-button{
    min-height:74px;
    margin:0;
    text-align:left;
    color:#263238!important;
}

.guest-service-button .material-icons{
    color:#f37903;
    margin-right:8px;
    vertical-align:middle;
}

.guest-service-button span{
    white-space:normal;
    line-height:1.2;
}

.guest-cart-button{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:5;
}

.guest-cart-button span{
    position:absolute;
    top:5px;
    right:5px;
    min-width:18px;
    height:18px;
    border-radius:9px;
    background:#f37903;
    color:#ffffff;
    font-size:11px;
    line-height:18px;
}

.loginDiv{
    background-image:url('../images/login-bg.png');
    background-size:cover;
    background-position:center;
}

.login-page{
    min-height:calc(100vh - 80px);
    padding:48px 16px 24px;
    box-sizing:border-box;
}

.login-panel{
    max-width:560px;
}

.login-panel md-tabs-canvas{
    border-radius:8px 8px 0 0;
}

.login-form{
    background:rgba(255,255,255,0.92);
}

.login-card{
    margin:0;
    border-radius:0 0 8px 8px;
    overflow:hidden;
}

.login-card-header{
    padding:24px 24px 16px;
    background:#ffffff;
    border-bottom:1px solid rgba(0,0,0,0.06);
}

.login-card-logo{
    width:132px;
    height:48px;
    min-width:132px;
    margin-right:16px;
    border-radius:8px;
    object-fit:contain;
    background:#ffffff;
}

.login-card-header h1{
    margin:0 0 4px;
    color:#263238;
    font-size:26px;
    font-weight:500;
    line-height:1.2;
}

.login-card-header p{
    margin:0;
    color:#607d8b;
    font-size:14px;
    line-height:1.35;
}

.login-card-content{
    padding:22px 24px 24px;
}

.auth-input{
    margin:10px 0 2px;
}

.auth-submit-button{
    width:100%;
    min-height:44px;
    margin:14px 0 0;
}

.login-divider{
    height:1px;
    margin:22px 0 18px;
    background:rgba(0,0,0,0.08);
    position:relative;
}

.login-divider span{
    display:block;
}

.login-actions{
    padding:0;
}

.login-actions .md-button{
    min-height:42px;
}

.auth-action-button{
    margin:5px 0;
}

.store-onboarding-login-button{
    width:100%;
    min-height:42px;
    margin:8px 0 0;
    color:#ffffff!important;
    background:#1976d2!important;
}

.register-form [layout-margin]{
    margin:-8px;
}

.table-code-toggle-button{
    color:#f37903!important;
}

.table-code-toggle-button .material-icons{
    font-size:20px;
    line-height:20px;
    margin-right:6px;
    vertical-align:middle;
}

.table-code-login{
    margin:12px 0 0;
    padding:18px 18px 10px;
    background:#fffaf3;
    border:1px solid rgba(243,121,3,0.22);
    border-radius:8px;
}

.table-code-login-header{
    margin-bottom:12px;
}

.table-code-login-icon{
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:8px;
    margin-right:14px;
    background:#fff3e0;
    color:#f37903;
    display:flex;
    align-items:center;
    justify-content:center;
}

.table-code-login-icon .material-icons{
    font-size:27px;
}

.table-code-login h2{
    margin:0 0 3px;
    color:#263238;
    font-size:22px;
    font-weight:500;
    line-height:1.2;
}

.table-code-login p{
    margin:0;
    color:#607d8b;
    font-size:14px;
    line-height:1.35;
}

.table-code-login-form{
    margin-top:8px;
}

.table-code-login-input{
    margin-bottom:0;
}

.table-code-login-input .hint{
    color:#78909c;
    font-size:12px;
    padding-top:3px;
}

.table-code-login-button{
    min-height:42px;
    margin:14px 0 0 12px;
    padding:0 18px;
}

.business-onboarding-callout{
    margin:20px 0 0;
    padding:18px;
    background:#eef6fb;
    border:1px solid rgba(25,118,210,0.18);
    border-radius:8px;
}

.business-onboarding-header{
    margin-bottom:8px;
}

.business-onboarding-icon{
    width:44px;
    height:44px;
    min-width:44px;
    margin-right:14px;
    border-radius:8px;
    background:#e3f2fd;
    color:#1976d2;
    display:flex;
    align-items:center;
    justify-content:center;
}

.business-onboarding-icon .material-icons{
    font-size:27px;
}

.business-onboarding-callout h2{
    margin:0 0 3px;
    color:#263238;
    font-size:20px;
    font-weight:500;
    line-height:1.2;
}

.business-onboarding-callout p{
    margin:0;
    color:#607d8b;
    font-size:14px;
    line-height:1.35;
}

.store-onboarding-page{
    min-height:calc(100vh - 80px);
    padding:32px 16px 48px;
    background:#f4f7f9;
    box-sizing:border-box;
}

.store-onboarding-shell{
    width:100%;
    max-width:980px;
    margin:0 auto;
    box-sizing:border-box;
}

.store-onboarding-hero{
    margin-bottom:18px;
    padding:24px;
    background:#263238;
    color:#ffffff;
    border-radius:8px;
    box-sizing:border-box;
}

.store-onboarding-title{
    display:flex;
    align-items:center;
    min-width:0;
}

.store-onboarding-icon{
    width:56px;
    height:56px;
    min-width:56px;
    margin-right:16px;
    border-radius:8px;
    background:#ff9800;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.store-onboarding-icon .material-icons{
    font-size:32px;
}

.store-onboarding-title h1{
    margin:0 0 5px;
    font-size:30px;
    font-weight:500;
    line-height:1.15;
}

.store-onboarding-title p{
    max-width:620px;
    margin:0;
    color:#cfd8dc;
    font-size:15px;
    line-height:1.45;
}

.store-onboarding-login-link{
    flex-shrink:0;
    margin:12px 0 0 18px;
    color:#263238!important;
    background:#ffffff!important;
}

.store-onboarding-login-link .material-icons{
    font-size:19px;
    line-height:19px;
    margin-right:6px;
    vertical-align:middle;
}

.store-onboarding-form{
    background:#ffffff;
    border:1px solid rgba(38,50,56,0.08);
    border-radius:8px;
    overflow:hidden;
    box-sizing:border-box;
}

.store-onboarding-section{
    padding:26px 28px 18px;
    border-bottom:1px solid rgba(38,50,56,0.08);
}

.store-onboarding-section-header{
    display:flex;
    align-items:flex-start;
    margin-bottom:12px;
}

.store-onboarding-section-header > span{
    width:32px;
    height:32px;
    min-width:32px;
    margin-right:12px;
    border-radius:50%;
    background:#e3f2fd;
    color:#1976d2;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
}

.store-onboarding-section-header h2{
    margin:0 0 3px;
    color:#263238;
    font-size:22px;
    font-weight:500;
}

.store-onboarding-section-header p{
    margin:0;
    color:#607d8b;
    font-size:14px;
    line-height:1.4;
}

.store-onboarding-row{
    margin:-8px;
}

.onboarding-input{
    margin:10px 0 4px;
}

.store-onboarding-checkbox{
    margin:12px 0 4px;
}

.store-onboarding-error,
.store-onboarding-success{
    margin:22px 28px 0;
    padding:16px;
    border-radius:8px;
    display:flex;
    align-items:flex-start;
}

.store-onboarding-error{
    background:#ffebee;
    color:#b71c1c;
}

.store-onboarding-error .material-icons{
    margin-right:10px;
}

.store-onboarding-success{
    background:#f1f8e9;
    color:#263238;
}

.store-onboarding-success-icon{
    width:44px;
    height:44px;
    min-width:44px;
    margin-right:14px;
    border-radius:50%;
    background:#689f38;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
}

.store-onboarding-success h2{
    margin:0 0 8px;
    font-size:22px;
    font-weight:500;
}

.store-onboarding-success p{
    margin:4px 0;
}

.store-onboarding-actions{
    padding:20px 28px 24px;
}

.store-onboarding-actions .md-button{
    min-height:42px;
}

@media only screen and (max-width: 900px) {
  .store-onboarding-hero{
      display:block;
  }

  .store-onboarding-login-link{
      margin:18px 0 0;
  }
}

@media only screen and (max-width: 600px) {
  .guest-home-page{
      padding:14px 10px 88px;
      overflow-x:hidden;
  }

  .guest-hero{
      min-height:210px;
      padding:20px;
  }

  .guest-hero h1{
      font-size:27px;
  }

  .guest-hero p{
      font-size:14px;
  }

  .guest-section{
      padding:14px;
      margin-bottom:12px;
  }

  .guest-promoted-product{
      width:162px;
      min-width:162px;
      max-width:162px;
  }

  .guest-promoted-image{
      height:102px;
  }

  .guest-service-actions{
      grid-template-columns:1fr;
      gap:8px;
  }

  .guest-service-button{
      min-height:58px;
  }

  .loginDiv{
      background-image:url('../images/login-bg-mobile.png');
  }

  .login-page{
      min-height:calc(100vh - 64px);
      padding:18px 10px;
      align-items:flex-start;
  }

  .login-panel{
      max-width:none;
  }

  .login-card-header{
      padding:18px 16px 14px;
  }

  .login-card-logo{
      width:112px;
      height:40px;
      min-width:112px;
      margin-right:12px;
  }

  .login-card-header h1{
      font-size:23px;
  }

  .login-card-content{
      padding:18px 16px 20px;
  }

  .table-code-login{
      padding:16px 14px 8px;
  }

  .business-onboarding-callout{
      padding:16px 14px;
  }

  .business-onboarding-callout h2{
      font-size:19px;
  }

  .table-code-login h2{
      font-size:20px;
  }

  .table-code-login-button{
      width:100%;
      margin:0 0 10px;
  }

  .login-actions{
      padding:0;
  }

  .store-onboarding-page{
      min-height:calc(100vh - 64px);
      padding:14px 10px 28px;
  }

  .store-onboarding-hero{
      padding:18px 16px;
  }

  .store-onboarding-title{
      align-items:flex-start;
  }

  .store-onboarding-icon{
      width:46px;
      height:46px;
      min-width:46px;
      margin-right:12px;
  }

  .store-onboarding-title h1{
      font-size:24px;
  }

  .store-onboarding-title p{
      font-size:14px;
  }

  .store-onboarding-login-link{
      width:100%;
      margin:16px 0 0;
  }

  .store-onboarding-section{
      padding:20px 16px 12px;
  }

  .store-onboarding-section-header h2{
      font-size:20px;
  }

  .store-onboarding-error,
  .store-onboarding-success{
      margin:16px 16px 0;
  }

  .store-onboarding-actions{
      padding:16px;
  }

  .store-onboarding-actions .md-button{
      width:100%;
      margin:5px 0;
  }
}

md-card md-card-title md-card-title-media .md-media-sm{
    border-radius: 50%;
}

md-tabs-canvas{
    background-color: rgba(255,255,255,0.87);
}

#orderNowInnerDiv{
    margin-top: 150px;
    background-color: rgba(255,255,255,0.6);
    text-align:middle;
    padding:15px;
    font-weight: bold;
}

.nowElm{
  width:250px;
}

.cardIconDiv{
  padding-top:17px;
  padding-left:10px;
  color:grey;
}

#orderNowBut{
  margin: auto;
}

.inHeader{
    z-index:100;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    height:60px;
}

.inContent{
    position:absolute;
    top:60px;
    bottom:50px;
    left:0px;
    right:0px;
    overflow:auto;
}

.catalog{
    position:absolute;
    right: 0px;
    left: 0px;
    bottom: 0px;
    top: 0px;
}

.catalogWrapper{
  position:relative;
  width: calc(100% - 300px);
  height: 100%;
}

.catalogWidget{
    position:fixed;
    overflow:auto;
    right:0px;
    top:55px;
    bottom:55px;
    padding:0px;
    width:300px;
}

.catalogHeader{
    height:150px;
    position: relative;
    overflow: hidden;
}

.catalogHeaderImage{
    width: 100%;
    height: 150px;
    position: absolute;
    object-fit: cover;
    object-position: center;
}

.catalogHeaderImageMobile{
    display: none;
}

#productsList{
    overflow:auto;
}

#categoriesList{
    overflow:auto;
    /* border-right: 1px solid #dddddd; */
}

.catalogContent{
    position: absolute;
    top: 200px;
    bottom: 50px;
    overflow:auto;
    left: 0px;
    right: 0px;
}

.catalogFooter{
    position:absolute;
    bottom:0px;
    height:50px;
    right: 15px;
    left:0px;
}

.statusContent{
    position:absolute;
    top:60px;
    bottom:85px;
    left:0px;
    right:0px;
    overflow:auto;
}

.statusFooter{
    position:absolute;
    bottom:0px;
    height:85px;
    right: 15px;
    left:0px;
}

.statusButtons{
    overflow: auto;
    text-wrap: nowrap;
}

.statusButtons md-select{
    margin: 0px;
}

.statusButtons md-button{
    margin:3px 3px;
}

.moveTableActions md-select{
    width: 150px;
    min-width: 150px;
    margin-right: 6px;
}

.moveTableActions .md-select-value{
    min-height: 32px;
    padding-bottom: 2px;
}

#cartBut{
    width:100%;
    background-color:orange;
}

#atlwdg-trigger{
    z-index:1000;
}


html {
  -ms-overflow-style: none;
}

::-webkit-scrollbar {
    width: 0px;
    height:0px;
    background: transparent;
    display:none;
}

::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.chips-overflow .md-chips {
  width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
}

.chips-overflow .md-chips md-chip,
.chips-overflow .md-chips .md-chip-input-container {
  display: inline-block;
  float: none;
}

.myGrid {
    width:100%;
    height:100%;
}

.dialogDiv{
  min-width:400px;
}

.arrayVal{
    margin-right:5px;
}

.card:hover{
    box-shadow: 10px 10px 5px #888888;
    cursor:pointer;
}

.myGrid {
    width:100%;
    height:calc(100% - 0px);
}

.menu-logo{
    height:35px;
    max-width:100%;
    margin-bottom:15px;
}

.inMiddle{
    position:absolute;
    top:calc(50% - 75px);
    left:calc(50% - 75px);
}

.inMiddleNew{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.actions{
    height:40px;
    margin-bottom:10px;
}

.soption{
    width:60%;
}

.optAccessory{
    position:absolute;
    top:55px;
    right:5px;
    width:30%;
}

.loader{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(80,80,80,0.8);
    z-index:105;
}

.centerDiv{
    position:absolute;
    left:10px;
    right:10px;
    top:10px;
    bottom:10px;
}

.formDiv{
    height:calc(100% - 50px);
}

.single-ui{
    width:100%;
    height:100%;
    z-index:2;
}

.list-ui{
    width:100%;
    height:100%;
    z-index:2;
}

.addBT{
    background-color:rgb(29,125,205);
    color:white;
    position:fixed;
    right:50px;
    bottom:50px;
    z-index:100;
}
.addBT i{
    color:white;
}

.rightNav{
    z-index:101;
}

.saveBT, .deleteBT{
    float:right;
    margin-right: 10px;
}

.bigIcon{
    font-size:50px;
}

.header-icon{
    font-size:25px;
    margin-top:7px;
}

.header-text{
    position:absolute;
    top:10px;
    left:30px;
    font-size:20px;
    white-space: nowrap;
}

.orange{
    background-color:rgb(243,121,3)!important;
    color:white!important;
}

.orange:disabled{
    background-color:rgba(0,0,0,0.38)!important;
    color:rgba(0,0,0,0.38)!important;
}

.lightredbg{
    background-color: #ffdcdc;
}

.lightgreenbg{
    background-color: #eafdea;
}

.paid{
    color:green;
}

.green{
    background-color:rgb(80,170,80)!important;
    color:white!important;
}

.blue{
    background-color:rgb(243,121,253)!important;
    color:white!important;
}

.red{
    background-color:rgb(255,88,3)!important;
    color:white!important;
}

.backBT{
    color:white;
}

.headerSearchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.selectHeader {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}

#searchFld{
    left:100px;
}

.view-animate {
  padding:0px;
}

.view-animate.ng-enter, .view-animate.ng-leave {
  transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;

  display:block;
  width:100%;
  border-left:1px solid black;

  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  padding:0px;
}

.view-animate.ng-enter {
  left:100%;
}
.view-animate.ng-enter.ng-enter-active {
  left:0;
}
.view-animate.ng-leave.ng-leave-active {
  left:-100%;
}

md-toast.md-center {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}

.order-success-dialog{
    width: min(420px, calc(100vw - 32px));
    border-radius: 8px;
    overflow: hidden;
}

.order-success-content{
    padding: 32px 28px 20px;
    text-align: center;
    background: linear-gradient(180deg, #f4fbf7 0%, #ffffff 58%);
}

.order-success-icon{
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #1b8f4d;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(27, 143, 77, 0.24);
}

.order-success-icon .material-icons{
    font-size: 42px;
    line-height: 42px;
}

.order-success-content h2{
    margin: 0;
    color: #17352a;
    font-size: 26px;
    font-weight: 700;
}

.order-success-message{
    margin: 10px auto 20px;
    color: #52615a;
    font-size: 16px;
    line-height: 1.45;
}

.order-success-summary{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border: 1px solid #d9eee2;
    border-radius: 8px;
    background: #ffffff;
    color: #28483a;
    text-align: left;
}

.order-success-summary span{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-success-summary strong{
    flex-shrink: 0;
    color: #0f6f3a;
    font-size: 18px;
}

.order-success-actions{
    padding: 0 28px 28px;
    background: #ffffff;
}

.order-success-button{
    min-width: 160px;
    border-radius: 4px;
    font-weight: 700;
}

checkoutDiv{
    padding: 5px;
    display: flex;
    justify-content: center;
}

.filter-label{

}

.filter-name{

}

.filter-options{
    max-height:100px;
    overflow:auto;
}

.filter-option{
    height:25px;
}

.show-md{
    display:none;
}

.vertical-divider {
    border-top-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
    height: 100%;
}

.bordered {
    border: 1px solid lightgrey;
    padding: 5px;
    margin: 5px;
}

@media only screen and (max-width: 900px){
  .catalogWrapper{
    width: 100%;
  }

  .catalogWidget{
    display:none;
  }

  .show-md{
      display:initial;
  }
}

@media only screen and (max-width: 600px){
  .catalogHeader{
    height:180px;
  }

  .catalogHeaderImage{
    height:180px;
  }

  .catalogHeaderImageDesktop{
    display:none;
  }

  .catalogHeaderImageMobile{
    display:block;
  }

  .catalogContent{
    top:230px;
  }
}