/*
 * Base structure
 */

.tn-i:before {
  content: "_";
  color: rgba(0, 0, 0, 0);
}
.tn-i {
  background-size: 18px 18px !important;
  width: 18px;
  height: 18px;
  display: inline-block;
  line-height: 18px;
}
.tn-i-lnb {
  margin-right: 16px;
}
.tn-i.result {
  background-size: 22px 22px !important;
  width: 90%;
  height: 35px;
  display: inline-block;
  line-height: 28px;
  padding-left: 20px;
  padding-bottom: 10px !important;
}

/*
 common icon set
 */
.tn-i-lnb-shop {
  background-size: 32px !important;
  width: 34px;
  height: 23px;
  display: inline-block;
  line-height: 21px;
  background: url(/static/img/icon/lnb_shop_home.png) 0 0 no-repeat;
}

.tn-i-lnb-today {
  background: url(/static/img/icon/lnb_todaynote.png) 0 0 no-repeat;
}
.tn-i-lnb-reserv {
  background: url(/static/img/icon/lnb_reserv_mng.png) 0 0 no-repeat;
}
.tn-i-lnb-customer {
  background: url(/static/img/icon/lnb_customer.png) 0 0 no-repeat;
}
.tn-i-lnb-stat {
  background: url(/static/img/icon/lnb_stat.png) 0 0 no-repeat;
}
.tn-i-lnb-setup {
  background: url(/static/img/icon/lnb_setup.png) 0 0 no-repeat;
}

.tn-i-reserv-date {
  background: url(/static/img/icon/reserv_date.png) 0 0 no-repeat;
}
.tn-i-reserv-allergy {
  background: url(/static/img/icon/reserv_allergy.png) 0 0 no-repeat;
}
.tn-i-reserv-call {
  background: url(/static/img/icon/reserv_call.png) 0 0 no-repeat;
}
.tn-i-reserv-cnt {
  background: url(/static/img/icon/reserv_cnt.png) 0 0 no-repeat;
}
.tn-i-reserv-company {
  background: url(/static/img/icon/reserv_company.png) 0 0 no-repeat;
}
.tn-i-reserv-cust-name {
  background: url(/static/img/icon/reserv_cust_name.png) 0 0 no-repeat;
}
.tn-i-reserv-cust-memo {
  background: url(/static/img/icon/reserv_cust_memo.png) 0 0 no-repeat;
}
.tn-i-reserv-free {
  background: url(/static/img/icon/reserv_free.png) 0 0 no-repeat;
}
.tn-i-reserv-free2 {
  background: url(/static/img/icon/reserv_free.png) 0 0 no-repeat;
}
.tn-i-reserv-memo {
  background: url(/static/img/icon/reserv_memo.png) 0 0 no-repeat;
}
.tn-i-reserv-memo2 {
  background: url(/static/img/icon/reserv_memo.png) 0 0 no-repeat;
}
.tn-i-reserv-requests {
  background: url(/static/img/icon/reserv_memo.png) 0 0 no-repeat;
}
.tn-i-reserv-menu {
  background: url(/static/img/icon/menu.svg) 0 0 no-repeat;
}
.tn-i-reserv-smsyn {
  background: url(/static/img/icon/reserv_smsyn.png) 0 0 no-repeat;
}
.tn-i-reserv-social {
  background: url(/static/img/icon/reserv_social.png) 0 0 no-repeat;
}
.tn-i-reserv-table {
  background: url(/static/img/icon/reserv_table.png) 0 0 no-repeat;
}
.tn-i-reserv-time {
  background: url(/static/img/icon/reserv_time.png) 0 0 no-repeat;
}
.tn-i-reserv-char {
  background: url(/static/img/icon/reserv_character.png) 0 0 no-repeat;
}
.tn-i-reserv-tag {
  background: url(/static/img/icon/reserv_tag.png) 0 0 no-repeat;
}
.tn-i-reserv-food {
  background: url(/static/img/icon/reserv_food.png) 0 0 no-repeat;
}
.tn-i-reserv-seat {
  background: url(/static/img/icon/reserv_seat.png) 0 0 no-repeat;
}
.tn-i-reserv-deposit {
  background: url(/static/img/icon/reserv_deposit.png) 0 0 no-repeat;
}
.tn-i-reserv-menu {
  background: url(/static/img/icon/reserv_menu.svg) 0 0 no-repeat;
}
.tn-i-reserv-blank {
}

.tn-i-grade {
  background-size: 41px !important;
  width: 42px;
  height: 20px;
  display: inline-block;
  line-height: 18px;
}
.tn-i-cust-grade-A {
  background: url(/static/img/icon/grade_new.png) 0 0 no-repeat;
}
.tn-i-cust-grade-B {
  background: url(/static/img/icon/grade_normal.png) 0 0 no-repeat;
}
.tn-i-cust-grade-C {
  background: url(/static/img/icon/grade_vip.png) 0 0 no-repeat;
}
.tn-i-cust-watch {
  background: url(/static/img/icon/customer_watch.png) 0 0 no-repeat;
}

/*
 tag icon set
 */
.tn-i-1-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_1@2x.png) 0 0 no-repeat;
}
.tn-i-2-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_2@2x.png) 0 0 no-repeat;
}
.tn-i-3-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_3@2x.png) 0 0 no-repeat;
}
.tn-i-4-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_4@2x.png) 0 0 no-repeat;
}
.tn-i-5-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_5@2x.png) 0 0 no-repeat;
}
.tn-i-6-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_6@2x.png) 0 0 no-repeat;
}
.tn-i-7-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_7@2x.png) 0 0 no-repeat;
}
.tn-i-8-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_8@2x.png) 0 0 no-repeat;
}
.tn-i-9-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_9@2x.png) 0 0 no-repeat;
}
.tn-i-10-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_10@2x.png) 0 0 no-repeat;
}
.tn-i-11-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_11@2x.png) 0 0 no-repeat;
}
.tn-i-12-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_12@2x.png) 0 0 no-repeat;
}
.tn-i-13-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_13@2x.png) 0 0 no-repeat;
}
.tn-i-14-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_14@2x.png) 0 0 no-repeat;
}
.tn-i-15-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_15@2x.png) 0 0 no-repeat;
}
.tn-i-16-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_16@2x.png) 0 0 no-repeat;
}
.tn-i-17-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_17@2x.png) 0 0 no-repeat;
}
.tn-i-18-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_18@2x.png) 0 0 no-repeat;
}
.tn-i-19-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_19@2x.png) 0 0 no-repeat;
}
.tn-i-20-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_20@2x.png) 0 0 no-repeat;
}
.tn-i-21-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_21@2x.png) 0 0 no-repeat;
}
.tn-i-22-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_22@2x.png) 0 0 no-repeat;
}
.tn-i-23-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_23@2x.png) 0 0 no-repeat;
}
.tn-i-24-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_24@2x.png) 0 0 no-repeat;
}
.tn-i-25-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_25@2x.png) 0 0 no-repeat;
}
.tn-i-26-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_26@2x.png) 0 0 no-repeat;
}
.tn-i-27-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_27@2x.png) 0 0 no-repeat;
}
.tn-i-28-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_28@2x.png) 0 0 no-repeat;
}
.tn-i-29-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_29@2x.png) 0 0 no-repeat;
}
.tn-i-30-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_30@2x.png) 0 0 no-repeat;
}
.tn-i-31-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_31@2x.png) 0 0 no-repeat;
}
.tn-i-32-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_32@2x.png) 0 0 no-repeat;
}
.tn-i-33-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_33@2x.png) 0 0 no-repeat;
}
.tn-i-34-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_34@2x.png) 0 0 no-repeat;
}
.tn-i-35-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_35@2x.png) 0 0 no-repeat;
}
.tn-i-36-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_36@2x.png) 0 0 no-repeat;
}
.tn-i-37-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_37@2x.png) 0 0 no-repeat;
}
.tn-i-38-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_38@2x.png) 0 0 no-repeat;
}
.tn-i-39-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_39@2x.png) 0 0 no-repeat;
}
.tn-i-40-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_40@2x.png) 0 0 no-repeat;
}
.tn-i-41-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_41@2x.png) 0 0 no-repeat;
}
.tn-i-42-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_42@2x.png) 0 0 no-repeat;
}
.tn-i-43-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_43@2x.png) 0 0 no-repeat;
}
.tn-i-44-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_44@2x.png) 0 0 no-repeat;
}
.tn-i-45-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_45@2x.png) 0 0 no-repeat;
}
.tn-i-46-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_46@2x.png) 0 0 no-repeat;
}
.tn-i-47-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_47@2x.png) 0 0 no-repeat;
}
.tn-i-48-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_48@2x.png) 0 0 no-repeat;
}
.tn-i-49-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_49@2x.png) 0 0 no-repeat;
}
.tn-i-50-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_50@2x.png) 0 0 no-repeat;
}
.tn-i-51-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_51@2x.png) 0 0 no-repeat;
}
.tn-i-52-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_52@2x.png) 0 0 no-repeat;
}
.tn-i-53-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_53@2x.png) 0 0 no-repeat;
}
.tn-i-54-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_54@2x.png) 0 0 no-repeat;
}
.tn-i-55-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_55@2x.png) 0 0 no-repeat;
}
.tn-i-56-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_56@2x.png) 0 0 no-repeat;
}
.tn-i-57-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_57@2x.png) 0 0 no-repeat;
}
.tn-i-58-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_58@2x.png) 0 0 no-repeat;
}
.tn-i-59-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_59@2x.png) 0 0 no-repeat;
}
.tn-i-60-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_60@2x.png) 0 0 no-repeat;
}
.tn-i-61-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_61@2x.png) 0 0 no-repeat;
}
.tn-i-62-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_62@2x.png) 0 0 no-repeat;
}
.tn-i-63-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_63@2x.png) 0 0 no-repeat;
}
.tn-i-64-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_64@2x.png) 0 0 no-repeat;
}
.tn-i-65-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_65@2x.png) 0 0 no-repeat;
}
.tn-i-66-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_66@2x.png) 0 0 no-repeat;
}
.tn-i-67-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_67@2x.png) 0 0 no-repeat;
}
.tn-i-68-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_68@2x.png) 0 0 no-repeat;
}
.tn-i-69-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_69@2x.png) 0 0 no-repeat;
}
.tn-i-70-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_70@2x.png) 0 0 no-repeat;
}
.tn-i-71-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_71@2x.png) 0 0 no-repeat;
}
.tn-i-72-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_72@2x.png) 0 0 no-repeat;
}
.tn-i-73-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_73@2x.png) 0 0 no-repeat;
}
.tn-i-74-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_74@2x.png) 0 0 no-repeat;
}
.tn-i-75-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_75@2x.png) 0 0 no-repeat;
}
.tn-i-76-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_76@2x.png) 0 0 no-repeat;
}
.tn-i-77-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_77@2x.png) 0 0 no-repeat;
}
.tn-i-78-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_78@2x.png) 0 0 no-repeat;
}
.tn-i-79-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_79@2x.png) 0 0 no-repeat;
}
.tn-i-80-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_80@2x.png) 0 0 no-repeat;
}
.tn-i-81-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_81@2x.png) 0 0 no-repeat;
}
.tn-i-82-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_82@2x.png) 0 0 no-repeat;
}
.tn-i-83-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_83@2x.png) 0 0 no-repeat;
}
.tn-i-84-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_84@2x.png) 0 0 no-repeat;
}
.tn-i-85-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_85@2x.png) 0 0 no-repeat;
}
.tn-i-86-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_86@2x.png) 0 0 no-repeat;
}
.tn-i-87-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_87@2x.png) 0 0 no-repeat;
}
.tn-i-88-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_88@2x.png) 0 0 no-repeat;
}
.tn-i-89-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_89@2x.png) 0 0 no-repeat;
}
.tn-i-90-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_90@2x.png) 0 0 no-repeat;
}
.tn-i-91-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_91@2x.png) 0 0 no-repeat;
}
.tn-i-92-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_92@2x.png) 0 0 no-repeat;
}
.tn-i-93-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_93@2x.png) 0 0 no-repeat;
}
.tn-i-94-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_94@2x.png) 0 0 no-repeat;
}
.tn-i-95-gray {
  background: url(/static/img/icon/tag/new2/tag_icon_95@2x.png) 0 0 no-repeat;
}

.tn-i-notification {
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  color: #000;
  font-style: normal;
  cursor: pointer;
}