/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v83/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/orbitron/v17/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyGy6BoWgz.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

html,body{font-family:Montserrat;display:flex;min-height:100vh;flex-direction:column;}
#aboutus{min-height:200px;background:rgba(250,250,250,0.5);padding:30px 20px;border:1px solid #aaa;margin:30px 10px;width:calc(100% - 20px);border-radius:5px;text-align:center;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;font-size:1.2em;text-shadow:0px 1px 2px #fff;}
#aboutus hr{width:calc(100% - 100px);margin:10px 50px;border-top:1px solid red;border-bottom:none;}
#aboutus h2{width:100%}
#aboutus h5{width:100%}

#d3a{display:none}
#d3y{display:none}
#d3m{display:none}

#qrTD{display:block;margin:10px auto;padding-top:30px;font-family:Orbitron;font-size:3em;}

#pro.bad::placeholder{color:red;opacity:1;font-weight:bold}
#pro.good::placeholder{color:black;opacity:1;font-weight:normal}

#lang,#lang2{cursor:pointer;}
#lang{background:rgba(0,0,0,0.7);padding:10px 20px 0px 20px;border:1px solid #fff;border-radius:3px;}
#caddress{position:relative;font-size:.9em;text-align:center;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:10px;height:80px;display:none;cursor:pointer;}
#curbside{position:relative;font-size:1.2em;text-align:center;color:#c22c27;display:none;}
#curbside:before{content:'check_box_outline_blank';font-family:Material Icons;vertical-align:middle;font-size:1.3em;}
#curbside.yes:before{content:'check_box';font-family:Material Icons;vertical-align:middle;font-size:1.3em;}
#emptycart{color:#c22c27;font-family:Montserrat;cursor:pointer;display:none;margin-left:20px;}
#dfee{display:none}
#main{margin-top:180px;flex:1 0 auto;}
#mobnav{position:fixed;top:0;left:0;padding:10px 10px;background:#000;z-index:999;vertical-align:middle;}
#mobcart{background:#c22c27;height:28px;line-height:28px;width:70px;padding:0 0 0 10px;margin:0;color:#fff;position:relative;}
#mobcart:after{position:absolute;right:10px;content:attr(v)}
#mobcart i{vertical-align:middle;}
#moblang{background:#333;height:28px;line-height:28px;width:70px;padding:0 0 0 10px;margin:0 15px;color:#fff;position:relative;text-align:center;}
#moblang:after{position:absolute;right:10px;content:attr(v)}
#address{padding-left:20px}
#address i{vertical-align:middle;cursor:pointer;position:absolute;left:5px}
#address i:hover{color:#c22c27}
#phone{padding-left:20px;color:#fff}
#phone i{vertical-align:middle;cursor:pointer;position:absolute;left:5px}
#hour{position:absolute;top:160px;right:88px;width:200px;height:200px;text-align:center;line-height:1.1;}
#hour2{padding:20px 30px 0 0;line-height:1.3;text-align:center;}
#nav li:hover{font-weight:bold}
.redkp{background:#c22c27;color:#fff;border-radius:8px;padding:10px 20px;width:130px}
.reverseredkp{background:#fff;color:#c22c27;border-radius:8px;padding:10px 20px;border:1px solid #c22c27;width:130px}
.mobitem{display:none}
.sidenav .background{background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(/img/map.png);background-size:cover;background-position:center center;}
.sidenav .user-view .circle{background-color:#333;background-image:url(/img/logo.png);background-size:contain;background-position:center center;background-repeat:no-repeat;}
#sidetbl{line-height:20px;padding:15px 0;}
#sidetbl i{vertical-align:bottom;}
#sidetbl,#tbldrink,#tblhelp,#tblorder,#tblnew{display:none;}
#tblnew{position:relative;}
#tblnew:after{position:absolute;content:attr(v);right:30px;font-weight:bold;}

.tcenter{margin-bottom:60%;padding:30px 20px;}

.hotp{display:inline-block;width:16px;height:16px;background-image:url(hotp16.gif)}
.fancyclose{position:absolute;top:10px;right:10px;color:#000;}
.col{position:relative}
.modal{max-height:100% !important;max-width:1000px;}

.chko{display:inline-block;padding:18px;width:98%;background:#c22c27;color:#fff;border-radius:3px;margin-top:30px;cursor:pointer;text-align:center;}
.chko.disabled{opacity:0.5;pointer-events:none;}

.container{max-width:1200px;margin:0 auto;padding-top:30px;width:95%;position:relative;}
.mont{font-family:Montserrat}
.head{font-family:Montserrat;color:#fff;}
.foot{font-family:Montserrat;color:#fff;background:#231F20;padding:10px 0 20px 0;}
.foot a{font-family:Montserrat;color:#fff;}
.page-footer{background:#231F20;margin-top:60px;}
.flex { display: flex; flex-wrap: wrap; }

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-56 { font-size: 56px; }
#sitelogo{height:160px;background-color:rgba(0,0,0,0.3);border-radius:10px;margin-top:20px;background-size:contain;background-image:url(/img/logo.png);background-repeat:no-repeat;background-position:center center;cursor:pointer;}

#topBG{position:absolute;top:0;left:0;width:100%;height:536px;background-image:url(/img/online.jpg);background-repeat:no-repeat;background-size:cover;z-index:-1;}
#topbg{position:absolute;top:0;left:0;width:100%;height:536px;background-image:url(bg.jpg);background-repeat:no-repeat;background-size:cover;z-index:-1;}
#topbg2{background:rgba(0,0,0,0.38);position:absolute;top:0;left:0;width:100%;height:100%;font-size:2em;color:#fff;}

#fname{margin-top:20px;padding-top:0;font-weight:bold;font-family:Montserrat;font-size:1.6em;}

#nav li{float:left;padding:2px 8px;font-size:1.3em;}
#nav li a{color:#fff}
#cart{background:#c22c27;width:70px;padding:0 0 0 10px;margin:0;color:#fff;position:relative;}
#cart:after{position:absolute;right:10px;content:attr(v)}
#cart i{vertical-align:middle;}

#links img{width:32px;height:32px;margin-top:15px;margin-right:10px;}

#search{position:absolute;left:0;bottom:-180px;height:43px;border-radius:99px;background:#fff;line-height:43px;display:none;}
#search i{vertical-align:middle;color:#000;}
#search input{border:none !important;padding:0;height:35px;width:70%;text-align:center;}

#category{background-color:#f5f5f5;padding:0;}
#category ul{padding:0;margin:0}
//#category li.cat{height:64px;line-height:64px;padding:0 18px;font-family:Montserrat;font-weight:bold;margin:0;cursor:pointer;position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#category li.cat{height:64px;line-height:1.2;padding:0 28px 0 18px;font-family:Montserrat;font-weight:bold;margin:0;cursor:pointer;display:flex;align-items:center;}
#category li.cat:before{position:absolute;right:10px;font-family:material icons;content:'chevron_right';color:#c22c27;font-size:1.3em;}
#category li.cat:hover{background:#fff;}
#category li.cat.on{background:#c22c27 !important;color:#fff;}
#category li.cat.on:before{color:#fff;}

#category li.item{position:relative;display:block;width:90%;height:77px;margin:5px auto;cursor:pointer;border:1px solid #ccc;border-radius:3px;overflow:hidden;}
#category li.soldout:after{content:'Sold Out';position:absolute;top:20px;right:10px;width:200px;padding:0.3em;
border: 2px rgba(255,255,255,0.7) dashed;
background-color: #A00;
color: #fff;
display: block;
position:absolute;
text-align: center;
text-decoration: none;
letter-spacing: .09em;
background-color: #A00;
text-shadow: 0 0 0.75em #444;
box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
font: bold 16px/1.2em Arial, Sans-Serif;
-webkit-text-shadow: 0 0 0.75em #444;
-webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
-webkit-transform: rotate(45deg) scale(0.75,1);
z-index:1;
}
.modsoldout{background-color:#E0E0E0;pointer-events:none;}
.modsoldout:after{content:'Sold Out';position:absolute;top:17px;right:0px;width:100%;padding:0.3em;
background-color: #A00;
color: #fff;
display: block;
position:absolute;
text-align: center;
text-decoration: none;
letter-spacing: .09em;
background-color: #989898;
text-shadow: 0 0 0.75em #444;
box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
font: bold 16px/1.2em Arial, Sans-Serif;
-webkit-text-shadow: 0 0 0.75em #444;
-webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
-webkit-transform: scale(1,1) rotate(-35deg);
z-index:1;
};

#category .mobitem h5{display:none}
#category li.item:hover{background:#fff;}
#category li.item.noimg img{position:absolute;left:0;top:0;width:85px;height:75px;}
#category li.item.img img{position:absolute;left:0;top:0;width:85px;height:75px;background-color:#c8c8c8;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#category li.item b.n{position:absolute;left:90px;right:90px;top:0px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#category li.item b.n2{position:absolute;left:90px;right:90px;top:0px;}
#category li.item p{position:absolute;left:90px;line-height:1;top:5px;padding:0;height:45px;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 100px);font-family:Open Sans}
#category li.item b.p{position:absolute;right:10px;top:0px;}

#item{padding:0 18px;}
#item .item{background-color:#F5F5F5;padding:1px 20px;margin:0;height:100%;}

#item li.item{position:relative;display:block;width:100%;height:144px;margin:20px 0;cursor:pointer;border:1px solid #ccc;border-radius:3px;overflow:hidden;}
#item li.item:hover{background:#fff;}

#item li.soldout:after{content:'Sold Out';position:absolute;top:20px;right:-70px;width:220px;padding:0.5em;
border: 2px rgba(255,255,255,0.7) dashed;
background-color: #A00;
color: #fff;
display: block;
position:absolute;
text-align: center;
text-decoration: none;
letter-spacing: .09em;
background-color: #A00;
text-shadow: 0 0 0.75em #444;
box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
font: bold 16px/1.2em Arial, Sans-Serif;
-webkit-text-shadow: 0 0 0.75em #444;
-webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
-webkit-transform: rotate(45deg) scale(0.75,1);
}

//#item li.noimg img{position:absolute;left:0;top:0;width:176px;height:54px;}
//#item li.img img{position:absolute;left:0;top:0;width:176px;height:144px;background-color:#c8c8c8;}
//#item li b.p{position:absolute;right:20px;top:20px;font-family:Montserrat;}
//#item li b.n{position:absolute;left:200px;top:20px;font-family:Montserrat;}

#item li.noimg img{position:absolute;right:0;top:0;width:176px;height:142px;}
#item li.img img{position:absolute;right:0;top:0;width:176px;height:142px;background-color:#c8c8c8;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#item li p{position:absolute;left:20px;top:20px;padding:0;height:63px;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 250px);font-family:Open Sans}
#item li b.p{position:absolute;left:20px;bottom:10px;}
#item li b.n{position:absolute;left:20px;top:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

#custom{background-color:#F5F5F5;}

#dinein{width:224px;height:48px;border:1px solid #c22c27;position:relative;margin:20px auto 30px auto;text-align:center;line-height:48px;cursor:pointer;display:none;}
#pickup{width:224px;height:48px;border:1px solid #c22c27;position:relative;margin:20px auto 30px auto;text-align:center;line-height:48px;cursor:pointer;}
#pickup:hover{background:#fff;}
#pickup b{position:absolute;left:0;width:174px;height:48px;text-align:center;line-height:48px;color:#c22c27;}
#pickup i{position:absolute;right:0;width:55px;height:47px;background:#c22c27;color:#fff;text-align:center;line-height:47px;}

#delivery{width:224px;height:48px;border:1px solid #c22c27;position:relative;margin:20px auto 40px auto;text-align:center;line-height:48px;cursor:pointer;}
#delivery:hover{background:#fff;}
#delivery b{position:absolute;left:0;width:174px;height:48px;text-align:center;line-height:48px;color:#c22c27;}
#delivery i{position:absolute;right:0;width:55px;height:47px;background:#c22c27;color:#fff;text-align:center;line-height:47px;}

#list{padding-top:0;padding-bottom:0;margin-bottom:0;}
#list li{padding:9px 0;border-top:1px dashed #999;}
#list li b{display:inline-block;font-weight:normal;}
#list li b.q{text-align:center;height:100%;padding-top:20px;font-weight:bold;}
#list li b.p{text-align:right;padding-right:10px;height:100%;padding-top:20px;font-weight:bold;}
#list li b.n{text-align:left;}
#list li .mainname{color:#000;font-weight:bold;}
#list li .modname{font-size:0.8em;opacity:0.6;font-family:Open Sans;}
#list b.e{color:#c22c27;margin:10px 20px 0 0;display:inline-block;font-size:0.9em;font-family:Montserrat;cursor:pointer;}
#list b.r{color:#c22c27;margin-top:10px;margin-right:10px;display:inline-block;font-size:0.9em;font-family:Montserrat;cursor:pointer;}
#list b.r i{font-size:1.2em;margin:2px;}
#list b.a{color:#c22c27;margin-top:10px;display:inline-block;font-size:0.9em;font-family:Montserrat;cursor:pointer;}
#list b.a i{font-size:1.2em;margin:2px;}
#list b.c{opacity:.7;display:block;width:100%;text-transform:uppercase;font-size:0.9em;font-family:Montserrat}
#list b.cnote{opacity:.7;display:block;width:100%;font-size:0.9em;font-family:Montserrat}

#invmsg .modal-content{position:relative;height:100%}
#msg .modal-content{position:relative;height:100%}
#msg .mylist{margin-bottom:10px;}
#msg .mylist li{padding:9px 0;border-top:1px dashed #999;width:100%;font-size:0.9em;line-height:20px;margin-top:10px;}
#msg .mylist li b{display:inline-block;font-weight:normal;text-align:left;}
#msg .mylist li b.q{text-align:center;height:100%;padding-top:20px;font-weight:bold;}
#msg .mylist li b.p{text-align:right;padding-right:10px;height:100%;padding-top:20px;font-weight:bold;}
#msg .mylist li div.n{text-align:left;}
#msg .mylist li .mainname{color:#000;font-weight:bold;}
#msg .mylist li .modname{font-size:0.8em;opacity:0.6;font-family:Open Sans;}
#msg .mylist b.e{color:#c22c27;margin:10px 20px 0 0;display:inline-block;font-size:0.9em;font-family:Montserrat;cursor:pointer;}
#msg .mylist b.r{color:#c22c27;margin-top:10px;margin-right:10px;display:inline-block;font-size:0.9em;font-family:Montserrat;cursor:pointer;}
#msg .mylist b.r i{font-size:1.2em;margin:2px;}
#msg .mylist b.a{color:#c22c27;margin-top:10px;display:inline-block;font-size:0.9em;font-family:Montserrat;cursor:pointer;}
#msg .mylist b.a i{font-size:1.2em;margin:2px;}
#msg .mylist b.c{opacity:.7;display:block;width:100%;text-transform:uppercase;font-size:0.9em;font-family:Montserrat}
#msg .mylist b.cnote{opacity:.7;display:block;width:100%;font-size:0.9em;font-family:Montserrat}

#olist{padding-top:20px;padding-bottom:0;margin-bottom:60px;font-size:1.1em;}
#olist span{display:block;padding:9px 0;border-top:1px dashed #999;width:100%}
#olist span b{display:block;font-weight:normal;}
#olist span b.q{text-align:center;height:100%;padding-top:20px;font-weight:bold;}
#olist span b.p{text-align:right;padding-right:10px;height:100%;padding-top:20px;font-weight:bold;}
#olist span b.n{text-align:left;}
#olist span .mainname{color:#000;font-weight:bold;}
#olist span .modname{font-size:0.9em;opacity:0.6;font-family:Open Sans;}
#olist b.c{opacity:.7;display:block;width:100%;text-transform:uppercase;font-size:0.9em;font-family:Montserrat}
#olist b.cnote{opacity:.7;display:block;width:100%;font-size:0.9em;font-family:Montserrat}

#oadd{display:inline-block;padding:18px 38px;background:#333;color:#fff;border-radius:3px;margin-top:30px;font-family:Montserrat}
#oadd:hover{background:#c22c27}

#empty{text-align:center;font-weight:bold;font-family:Montserrat;margin-bottom:10px;}

#sum{display:none;margin-top:0px;}
#sum li{position:relative;height:48px;line-height:48px;border-top:1px solid #999;white-space:nowrap;}
#sum li b{position:absolute;left:0;right:100px;text-align:right;}
#sum li:after{position:absolute;content:attr(v);right:0px;text-align:right;font-weight:bold;}
#tip{display:none}
#discount{display:none}

#checkout{background:#c22c27;color:#fff;font-weight:bold;margin-top:10px;border-radius:3px;height:48px;line-height:48px;position:relative;padding:0 20px;text-align:left;cursor:pointer;}
#checkout.disabled{opacity:0.5;pointer-events:none;}
//#checkout:before{content:attr(a);position:absolute;left:-20px;right:-20px;text-align:center;top:-40px;color:#000;font-size:0.9em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#checkout:after{content:attr(v);position:absolute;right:20px;}
#po2{position:relative;text-align:left;}
#po2:after{content:attr(v);position:absolute;right:20px;}
#checkout img{width:40px;height:40px;margin-left:calc(50% - 20px);vertical-align:middle;}

#notice{text-align:center;background:#c22c27;color:#fff;width:224px;margin:0 auto;padding:10px 0;display:none;}

#msg{transform:translateY(-8%) !important;}
#msg .msgimg{margin:0 10px;background-color:#f2f2f0;width:calc(100% - 20px);height:200px;border:1px solid #000;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#msg a.btn{background-color:#f2f2f0;color:#000;}
#msg a.checked{background-color:#fad34f;color:#000;}
#msg .mainname{font-weight:normal;color:black;}
#msg .jcollapsible-body{margin:0;padding:0 0 5px 20px;border:none;display:block !important;}
#msg .collapsible-body{margin:0;padding:5px 0 5px 20px;border:none;display:block !important;}

#msg .cnote{display:<?php echo $cnote; ?>;}
#msg .cdesc{display:<?php echo $cdesc; ?>;}
#msg td{padding:5px 5px;vertical-align:top;}
#msg td.q{text-align:center;width:80px;}
#msg td.n{width:calc(100% - 170px);}
#msg td.p{text-align:right;padding-right:25px;width:90px;}

.desc{margin:10px;width:calc(100% - 20px);min-height:80px;text-align:left;}

#msg .modal-content{position:relative;height:100%}

#msg .modal-footer{height:83px;padding:9px 5px;}
#msg a.check{margin:0 100px;}
#msg a.close{margin:0 100px;}
#msg a.timer{width:100%;text-align:center;display:none;}
#msg a.send{margin-top:-50px;margin-left:50px;height:80px;line-height:80px;}
#msg a.cancel{margin-top:-50px;margin-right:50px;height:80px;line-height:80px;}

#msg li{display:block;float:left;margin-top:20px;font-size:20px;width:90px;line-height:60px;text-align:center;}

#msg a.subitem{display:block;float:left;margin:30px 10px;border:1px solid #999;min-height:150px;position:relative;color:#000;cursor:pointer;}
#msg b.subname{position:absolute;top:5px;left:5px;}
#msg b.subprice{position:absolute;bottom:5px;left:5px;}

#popA.disabled{opacity:0.5;pointer-events:none;}
#fancyM,#popM{float:left;display:inline-block;vertical-align:middle;color:#000;user-select:none;cursor:pointer;}
#fancyq,#popq{float:left;display:inline-block;vertical-align:middle;margin:0 30px;font-size:1.6em;cursor:pointer;}
#fancyP,#popP{float:left;display:inline-block;vertical-align:middle;color:#000;user-select:none;cursor:pointer;}
#fancyA,#popA{color:#fff;padding:10px 20px;text-align:center;background:rgba(44,44,44,1);display:inline-block;border-radius:10px;font-size:1.2em;margin:0 auto;cursor:pointer;}
#fancyA:hover,#popA:hover{background:#c22c27;}
//#fancyM,#popM{position:absolute;bottom:20px;left:40px;}
//#fancyq,#popq{position:absolute;display:block;width:40px;text-align:center;bottom:20px;left:100px;font-size:2.5em;}
//#fancyP,#popP{position:absolute;bottom:20px;left:150px;}
//#fancyA,#popA{color:#fff;padding:10px 20px;text-align:center;background:rgba(44,44,44,1);position:absolute;display:inline-block;bottom:30px;right:40px;border-radius:10px;font-size:1.2em;}

#pop{height:100%;padding-bottom:60px;}
#pop .indicator-item{background-color:rgba(10,10,10,0.5);}
#pop .indicator-item.active{background-color:rgba(0,0,0,1);}
#pop ul{bottom:100px;z-index:2;}
#pop ul li{height:20px;width:20px;float:none;display:inline-block;}
#pop .popimg{margin:0 10px;;width:calc(100% - 20px);height:200px;background-color:#f2f2f0;border:1px solid #000;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#pop .group p{padding:0;margin:0}
#pop .group{margin:10px 0;}
#pop .group .row{margin:10px;}
#pop .group .option{margin:2px;width:100%;min-height:60px;float:left;line-height:1;position:relative;font-size:0.9em;padding:5px 35px 3px 5px;border:1px solid #aaa;border-radius:3px;font-family:Open Sans}
#pop .group .option.moption:after{position:absolute;right:9px;top:3px;font-size:24px;color:red;text-shadow:1px 1px #fff;line-height:1;text-align:center;content:attr(v);}
#pop .option u{position:absolute;right:20px;bottom:5px;background:#c62828;width:69px;height:30px;z-index:-1;color:#fff;display:none;text-decoration:none;line-height:30px;text-align:center;font-size:1.2em;}
#pop .option a.del{position:absolute;right:70px;bottom:5px;color:#fff;background:#b71c1c;border-radius:99px;width:30px;height:30px;box-shadow:1px 1px solid #999;display:none;}
#pop .option a.del:before{position:absolute;left:0px;bottom:0px;font-family:'Material Icons';content:'\e15b';color:#fff;text-align:center;width:100%;line-height:30px;}

#pop .option a.on{position:absolute;right:10px;bottom:5px;color:#fff;background:#222;border-radius:99px;width:30px;height:30px;box-shadow:1px 1px solid #999;}
#pop .option a.on:before{position:absolute;left:0px;bottom:0px;font-family:'Material Icons';content:'\e876';text-align:center;width:100%;line-height:30px;}
#pop .option a.off{position:absolute;right:10px;bottom:5px;color:#fff;background:#b71c1c;border-radius:99px;width:30px;height:30px;box-shadow:1px 1px solid #999;}
#pop .option a.off:before{position:absolute;left:0px;bottom:0px;font-family:'Material Icons';content:'\e145';color:#fff;text-align:center;width:100%;line-height:30px;}
#pop .option a.qty{position:absolute;right:10px;bottom:5px;color:#fff;background:#b71c1c;border-radius:99px;width:30px;height:30px;box-shadow:1px 1px solid #999;}
#pop .option a.qty:before{position:absolute;left:0px;bottom:0px;font-family:'Material Icons';content:'\e145';color:#fff;text-align:center;width:100%;line-height:30px;}
#pop .option a.off.disabled{background:#ffcdd2;pointer-events:none;}
#pop .option a.qty.disabled{background:#ffcdd2;pointer-events:none;}
#pop .option a.disabled{opacity:0.5;pointer-events:none;}
#pop .option b{position:absolute;top:5px;right:5px;font-size:0.8em;line-height:1;font-weight:normal;}
#pop .option img{max-height:100px;width:100%;}
#pop a b{position:absolute;bottom:5px;right:5px;font-size:0.8em;line-height:1;font-weight:normal;}
#pop a img{max-height:100px;width:100%;}

#sp{display:block;height:60px;margin-bottom:30px;}
#sp input{margin:0 10px;width:calc(100% - 20px);}

.thumblogo{height:200px;background-size:contain;background-color:#666;background-repeat:no-repeat;background-position:center center;margin:10px 0px;border:10px solid #fff;box-sizing:border-box;box-shadow:0px 0px 2px #000;}
.thumbqr{height:200px;background-size:contain;background-color:#fefefe;background-repeat:no-repeat;background-position:center center;margin:10px 0px;border:10px solid #fff;box-sizing:border-box;box-shadow:0px 0px 2px #000;}
.thumb{height:200px;background-size:cover;margin:10px 0px;border:10px solid #fff;box-sizing:border-box;box-shadow:0px 0px 2px #000;}

#delivery.off{opacity:0.8;color:#888;border:1px solid #999;}
#delivery.off b{opacity:0.8;color:#888;}
#delivery.off i{opacity:0.8;color:#888;background:#666;}

#pickup:after{content:attr(v);position:absolute;bottom:-36px;left:-20px;right:-20px;text-align:center;color:#000;font-weight:bold;}
#delivery:after{content:attr(v);position:absolute;bottom:-36px;left:-20px;right:-20px;text-align:center;color:#000;font-weight:bold;}

#pickup.off{opacity:0.8;color:#888;border:1px solid #999;}
#pickup.off b{opacity:0.8;color:#888;}
#pickup.off i{opacity:0.8;color:#888;background:#666;}

#addr{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;}
#addr h6{height:54px;padding:0 20px;font-weight:bold;background:#ebebeb;margin:0;line-height:54px;}
#alist{min-height:100px;padding:20 30px;}
#addr .addr{margin:20% auto;width:600px;min-height:600px;background:#fff;border:1px solid #999;position:relative;}
#geo{margin:10px 50px;height:48px;padding-left:35px;border:1px solid #999;position:relative;border-radius:3px;}
#geo i{position:absolute;left:5px;top:10px;}
#geo input{border:none;box-shadow:none;}
#faraddr{margin:10px 50px;display:none;}
#addaddr{margin:10px 50px;display:none;}
#apt{margin:10px auto;height:48px;}
#apt input{border:1px solid #999;height:48px;padding:0 10px;box-sizing:border-box;border-radius:3px;}
#addr i.close{position:absolute;top:10px;right:10px;}
#addr textarea{border:1px solid #999;height:99px;padding:10px;box-sizing:border-box;border-radius:3px;}
#cnote{margin:10px auto;height:99px;}
#addcancel{width:45%;text-align:center;background:#f5f5f5;font-weight:bold;float:left;height:48px;line-height:48px;color:#000;border-radius:3px;}
#addsave{width:45%;text-align:center;background:#f5f5f5;font-weight:bold;background:#c22c27;color:#fff;float:right;height:48px;line-height:48px;border-radius:3px;}
#alist li{height:48px;line-height:48px;overflow:hidden;position:relative;padding-left:58px;margin:0 30px;}
#alist li.on:before{content:'adjust';position:absolute;left:20px;font-family:material icons;font-size:2em;color:#c22c27;}
#alist li.off:before{content:'radio_button_unchecked';position:absolute;left:20px;font-family:material icons;font-size:2em;}
#alist li i{margin-top:10px;margin-right:20px;}

#time{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:none;z-index:9;}
#time h6{height:54px;padding:0 20px;font-weight:bold;background:#ebebeb;margin:0;line-height:54px;}
#dlist{height:120px;padding:10px 50px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
#dlist li{display:inline-block;width:80px;height:80px;border:1px solid #aaa;float:left;position:relative;margin:1px;border-radius:3px;cursor:pointer;}
#dlist li:hover{font-weight:bolder;border:1px solid #000;}
#dlist li.on{border:1px solid #c22c27;}
#dlist li.on:before{background:#c22c27;color:#fff;}
#dlist li.on:after{color:#c22c27;}
#dlist li:before{position:absolute;top:0;left:0;width:100%;height:25px;content:attr(t);text-align:center;border-bottom:1px solid #999;}
#dlist li:after{position:absolute;top:25px;height:55px;line-height:55px;left:0;width:100%;content:attr(n);text-align:center;font-size:1.8em;font-weight:bold;}
#time .time{margin:0 auto;width:600px;min-height:500px;background:#fff;border:1px solid #999;position:relative;flex:0 1 auto;max-height:90%;overflow-y:scroll;}
#time i.close{position:absolute;top:10px;right:10px;}

#asap{margin-left:50px;margin-top:20px;width:calc(50% - 50px);height:64px;line-height:64px;float:left;text-align:center;border-radius:3px 0 0 3px;cursor:pointer;}
#later{margin-top:20px;width:calc(50% - 50px);height:64px;line-height:64px;float:left;text-align:center;border-radius:0 3px 3px 0;cursor:pointer;}
#asap.disabled{opacity:0.5;pointer-events:none;}
#asap.on{background:#c22c27;color:#fff;}
#later.on{background:#c22c27;color:#fff;}
#asap.off{background:#fff;color:#000;border:1px solid #999;}
#later.off{background:#fff;color:#000;border:1px solid #999;}
#closeMsg{margin:10px 50px;display:none;font-weight:bold;}
#maxMsg{margin:10px 50px;display:none;font-weight:bold;}
#laters{margin:10px 50px;display:none;padding-bottom:50px;}
#laters li{border:1px solid #ccc;text-align:center;cursor:pointer;height:48px;line-height:48px;float:left;width:25%;}
#laters li:hover{background:#333;color:#fff;}
#laters li.on{background:#c22c27;color:#fff;}
#laters li.disabled{display:none}

#tecdivo{width:600px}

#pay{display:none;padding:0 18px;}
#pay .pay{padding:18px;background:#f5f5f5;}
#pay input{border:1px solid #999;background:#fff;border-radius:3px;padding:0 20px;box-sizing:border-box;}
#pay input.disabled{border:1px solid #ccc;background:#ccc;}
#pay .row{padding:0 20px;min-height:60px;}
#pay .error{color:#f00 !important;font-weight:bold;}

[type="radio"]+span{font-weight:bold;color:#000}
[type="radio"]:checked+span{font-weight:bold;color:#c22c27}
[type="radio"].with-gap+span:after{ background-color: #c22c27 !important; }
[type="radio"].with-gap:checked+span:after { background-color: #c22c27 !important; }
[type="radio"].with-gap:checked+span:before,
[type="radio"].with-gap:checked+span:after { border: 2px solid #c22c27 !important; }

[type="checkbox"].filled-in:checked+span:not(.lever):after{border:2px solid #c22c27;background-color:#c22c27;}

#pay .tip{display:block;float:left;border:1px solid #999;border-radius:3px;margin:5px;height:48px;line-height:48px;text-align:center;background:#fff;position:relative;color:#000;box-sizing:border-box;}
#pay .tip.on:after{position:absolute;top:2px;right:5px;font-family:material icons;content:'check_circle';line-height:1;color:#c22c27;font-size:1.5em;}
#ctip{display:block;float:left;margin:5px;border:1px solid #999;border-radius:3px;height:48px;line-height:48px;text-align:left;}

label.on{color:#c22c27;}
#pay a.p{margin:0 10px;font-weight:bold;border:1px solid #444;background:#fff;color:#000;border-radius:3px;line-height:33px;}
#pay a.p.on{background:#c22c27;color:#fff;border:1px solid #c22c27}

.apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: plain;
    -apple-pay-button-style: white-outline;
    height:36px; position:relative; top:14px; margin-right:10px
}

#ccer{display:none;background:#f5f5f5;padding:0 36px;}
#done{display:none;background:#f5f5f5;padding:0 36px;cursor:pointer;}
#confirm{position:relative;padding:50px 0;}
#confirm:after{content:attr(v);font-weight:bold;font-size:3em;}

#cftotal{display:inline-block;font-weight:bold;margin-bottom:10px;}

#result{display:none}

#pickupaddress{text-align:center;font-weight:bold;color:#fff;background-color:#c22c27;}
#maddress .maddress{list-style:none;width:90%;position:relative;cursor:pointer;margin:10px auto;padding:10px 50px 10px 10px;border:1px solid #999;border-radius:3px;}
#maddress .maddress:after{position:absolute;right:20px;top:0;content:'check_box_outline_blank';font-family:material icons;font-size:30px;}
#maddress .maddress.checked:after{content:'check_box';color:#c22c27;}

@media only screen and ( max-width:992px ){
#topBG{height:320px;}
#topbg{height:320px;}
#main{margin-top:30px !important;padding-top:30px;}
#profile{margin:30px !important;padding:0px;}
#mobmenu{color:#fff;}
}
@media only screen and ( max-width:600px ){
#aboutus{min-height:200px;background:rgba(250,250,250,0.5);padding:20px;margin:20px 10px;width:calc(100% - 20px);font-size:1em;}
#aboutus hr{width:calc(100% - 20px);margin:10px 10px;}
#category ul>li.item:nth-child(odd){background-color:#fff;}
#category ul>li.item:nth-child(even){background-color:#eee;}
.modal{width:95%;margin-bottom:20px;}
#tecdivo{width:95%;margin-bottom:20px;}
#topBG{height:220px;}
#topbg{height:220px;}
#main{margin-top:10px !important;padding-top:10px;}
#profile{margin:0px !important;padding:0 !important;}
#addr .addr{margin:10% 0;width:100%;height:100%;}
#alist{padding:10 15px;}
#alist li{padding-left:38px;margin:0 15px;}
#alist li.on:before{left:0px;}
#alist li.off:before{left:0px;}
#geo{margin:10px 20px}
#addaddr{margin:10px 20px}
#time .time{margin-top:70px;width:100%;height:100%}
#dlist{padding:10px 5px;overflow-x:auto;height:90px;}
#dlist li{width:60px;height:70px;border:1px solid #aaa;float:left;position:relative;margin:1px;border-radius:3px;cursor:pointer;}
#pay input{padding:0 10px;}
#pay{padding:0}
#pay .row{padding:0}
#pay a.p{padding:0px 7px;}
#pay .tip{padding:0;margin:3px;}
#pay .center{padding:0 0px;}
#mobmenu {width:100px;height:100%;color:#fff;}
#fname{font-size:1.3em;margin-top:30px;}
#item{padding:0}
#links img{width:22px;height:22px}
#category li.cat.on:before{position:absolute;right:10px;font-family:material icons;content:'keyboard_arrow_down';color:#fff;font-size:1.3em;}
#addmore,#po2{font-size:13px;}
#po2:after{content:attr(v);position:absolute;bottom:3px;right:10px;font-size:13px;}
}
.sects{margin-top:0px;margin-bottom:24px;}
.sects h4{font-weight:bolder;}
#about-sec h5{color:#c22c27;}
#about-phone{padding:10px 0px 10px 35px;color:white;margin:20px 0 0 0;background:#c22c27;width:142px;border-radius:10px;cursor:pointer;}
#about-phone i{left:19px;position:absolute;}
#hours-sec h5{color:#c22c27;}
#location-sec h5{color:#c22c27;}
#gallery-sec h5{color:#c22c27;}
#abouthour{line-height:1.3;text-align:start;}
#abouthour pre{font-family:monospace,monospace;font-size:1em;float:left;};

.about-gmap{height:260px;background-size:cover;background-color:#fefefe;background-repeat:no-repeat;background-position:center center;margin:10px 0px;border:10px solid #fff;box-sizing:border-box;box-shadow:0px 0px 2px #000;}
@media only screen and (max-width:600px){
#sects{margin-top:48px;}

}
#pop .option a.nested{position: absolute;right: 10px;bottom: 5px;color: #fff;border-radius: 99px;width: 30px;height: 30px;}
#pop .option a.nested.off{position: absolute;
  right: 10px;
  bottom: 5px;
  color: #fff;
  background: #b71c1c;
  border-radius: 99px;
  width: 30px;
  height: 30px;}
#pop .option a.nested i{top: 6px;position: absolute;left: 6px;font-size: 17px;font-weight:bold;color: #b71c1c;}
#pop .option a.nested.off:before{
position: absolute;
  left: 0px;
  bottom: 0px;
  font-family: 'Material Icons';
  content: '\e5c8';
  color: #fff;
  text-align: center;
  width: 100%;
  line-height: 30px;
}
#nestedmsg .modal-content{position:relative;height:100%;}
#nestedpop{height:100%;padding-bottom:60px;}
#nestedmsg{transform: translateY(-8%) !important;border-radius: 10px;}
#nestedpop h5{padding-bottom: 16px;}
#nestedpop .group p{padding:0;margin:0}
#nestedpop .group{margin:10px 0;}
#nestedpop .group b{font-weight:bold;}
#nestedpop .group .row{margin:10px 0px;}
#nestedpop .group .option{margin:2px;width:100%;min-height:60px;float:left;line-height:1;position:relative;font-size:0.9em;padding:5px 35px 3px 5px;border:1.5px solid #aaa;border-radius:10px;}
#nestedpop .group .option.moption:after{position:absolute;right:9px;top:3px;font-size:24px;color:red;text-shadow:1px 1px #fff;line-height:1;text-align:center;content:attr(v);}
#nestedpop .option a.off{right: 10px;position: absolute;bottom: 5px;width:30px;height:30px;border-radius:99px;font-size: 17px;color: #fff;background:#b71c1c;}
#nestedpop .option a.off:before {position: absolute;left: 0px;bottom: 0px;font-family: 'Material Icons';content: '\e145';color: #fff;text-align: center;width: 100%;line-height: 30px;}
#nestedpop .option b {position: absolute;top: 5px;right: 5px;font-size: 0.8em;line-height: 1;font-weight: normal;}
#nestedpop .option a.on::before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  font-family: 'Material Icons';
  content: '\e876';
  text-align: center;
  width: 100%;
  line-height: 30px;
}
#nestedpop .option a.disabled {
  opacity: 0.5;
  pointer-events: none;
}
#nestedpop .option a.on {
  position: absolute;
  right: 10px;
  bottom: 5px;
  color: #fff;
  background: #222;
  border-radius: 99px;
  width: 30px;
  height: 30px;
  box-shadow: 1px 1px solid #999;
}
#nestedpopA.disabled {
  opacity: 0.5;
  pointer-events: none;
}
#nestedpopA {
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  background: #b71c1c;
  display: inline-block;
  border-radius: 10px;
  font-size: 1.2em;
  margin: 0 auto;
  cursor: pointer;
}
#nestedremove {
  color: #fff !important;
  padding: 10px 20px;
  text-align: center;
  background: #b71c1c;
  display: inline-block;
  border-radius: 99px;
  font-size: 1.2em;
  margin: 0 auto;
  cursor: pointer;
  margin-bottom:32px;
  width:100%;
}
#nestedpop .group{border-top:solid #eee 1px;padding-top:8px;}
#nesteddesc{font-weight:lighter;font-size:0.75em;margin-top:2px;}
.loadingOverlay {position: absolute;left: 0;width: 100%;height: 100%;z-index: 5;animation-duration: 3s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolderShimmer;animation-timing-function: linear;background-color: white;background: linear-gradient(to right, #eeeeee 8%,#d0cfcf 18% , #eeeeee 33%);}
@keyframes placeHolderShimmer {
  0% {
    background-position: -800px 0
  }
  100% {
    background-position: 800px 0
  }
}
.spinner {border: 8px solid #f3f3f3;border-top: 8px solid grey;border-radius: 50%;width: 60px;height: 60px;animation: spin 2s linear infinite;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-icon {width: 50px;height: 50px;}
@media only screen and (max-width: 992px) {
#loadingOverlay {top:319px;}
}

@media only screen and (max-width: 601px) {
#loadingOverlay {top:351px;}
}
.input-container {
    position: relative;
    display: flex;
}
.input-container button:focus{
    background-color:#c22c27;
}
input[type="text"] {
    flex: 1;
    padding-right: 60px;
}

.apply-button {
    position: absolute;
    right: 10px; 
    top: 50%;
    transform: translateY(-63%); 
    padding: 5px 10px;
    background-color: #c22c27; 
    color: white; 
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.apply-button:hover {
    background-color: #a82023; 
}
.loading-icon {
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3; 
    border-top: 2px solid #c22c27;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    position: absolute;
    right: 82px; 
    top: 29%;
    transform: translateY(-50%);
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#authnetpay{
    display:none;
}
#tecpay{
    background:#b71c1c;
    color:white;
    border-radius:10px;
}
span.minmax{
    color:#e53e3e;
}
#closedmsg.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
  max-height:100% !important;
  max-width:100%;
}

#closedmsg .modal-content {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  max-width: 450px;
  width: 90%;
  text-align: left;
  font-family: 'Segoe UI', Roboto, -apple-system, BlinkMacSystemFont, sans-serif;
  animation: closedMsgSlideIn 0.3s ease-out;
}

@keyframes closedMsgSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#closedmsg .modal-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#closedmsg .modal-icon {
  background-color: #ffebee;
  color: #f44336;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 24px;
}

#closedmsg .modal-title {
  color: #212121;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}

#closedmsg .modal-message {
  color: #555;
  line-height: 1.6;
  margin-bottom: 30px;
}

#closedmsg .modal-footer {
  display: flex;
  background-color:transparent;
  justify-content: flex-end;
}

#closedmsg .close-button {
  background-color: #b71c1c;
  color: white;
  border: none;
  padding: 12px 24px;
  font-size: 15px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.2s;
}

#closedmsg .close-button:hover {
  background-color: #e53935;
}
.modal-buttons a {
    padding: 12px 24px;
    font-size: 1rem;
    border-radius: 6px;
    transition: background 0.3s ease;
}

.modal-buttons a:hover {
    filter: brightness(90%);
}

@media (max-width: 603px) {
    .modal-buttons {
        flex-direction: column;
        align-items: center;
    }

    .modal-buttons a {
        width: 100%;
        max-width: 220px;
    }
}