s

assets/script/pc_style.css

@@ -0,0 +1,558 @@
+*,
+::after,
+::before {
+  box-sizing: border-box;
+}
+
+button,
+input,
+select {
+  outline: none !important;
+  color: #000;
+  border-radius: 0;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  border-radius: 0;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+
+input[type=number] {
+  -moz-appearance: textfield;
+}
+
+body {
+  color: #000;
+  font-family: "Inter", sans-serif;
+  background: #fafafb;
+  position: relative;
+  font-size: 14px;
+  word-break: break-word;
+  counter-reset: section;
+  font-weight: 400;
+  line-height: 1.5;
+  margin: auto;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+a {
+  text-decoration: none;
+}
+
+::-webkit-scrollbar-track {
+  background: #f5f5f5;
+}
+
+::-webkit-scrollbar-thumb {
+  background: grey;
+  border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #ccc;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 10px;
+}
+
+.clearfix::after {
+  content: "";
+  clear: both;
+  display: block;
+}
+
+.inherit {
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  margin: 0;
+}
+
+.line-clamp-2 {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-3 {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-4 {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 4;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.line-clamp-5 {
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 5;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.icons {
+  background: url(../images/global-sprite.png) no-repeat;
+  background-size: 400px 400px;
+}
+
+.admin-global-container {
+  max-width: 1720px;
+  margin: auto;
+  display: flex;
+}
+
+.admin-menu-container {
+  position: relative;
+  overflow: auto;
+  background: #004e99;
+  color: #fff;
+  width: 16%;
+  padding: 20px 0;
+  line-height: 20px;
+}
+.admin-menu-container a {
+  color: #fff;
+}
+.admin-menu-container .menu-logo {
+  display: table;
+  margin-bottom: 50px;
+  margin-left: 16px;
+}
+.admin-menu-container .menu-logo img {
+  height: 22px;
+}
+.admin-menu-container .menu-list {
+  margin: 50px 0;
+}
+.admin-menu-container details[open] svg {
+  transform: rotate(90deg);
+}
+.admin-menu-container details[open] summary {
+  background: #81b5e4;
+}
+.admin-menu-container details[open] summary a {
+  font-weight: 700;
+}
+.admin-menu-container details[open] .icons {
+  filter: brightness(100);
+}
+.admin-menu-container summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+  padding-right: 16px;
+  border-radius: 4px;
+  position: relative;
+  transition: 0.3s all;
+}
+.admin-menu-container summary a {
+  padding: 8px 16px;
+  display: flex;
+  align-items: center;
+}
+.admin-menu-container svg {
+  position: absolute;
+  right: 16px;
+  transition: 0.3s all;
+}
+.admin-menu-container .item {
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  line-height: 36px;
+  transition: 0.3s all;
+  border-radius: 4px;
+}
+.admin-menu-container .item:hover {
+  background: #81b5e4;
+}
+.admin-menu-container .item:hover .icons {
+  filter: brightness(100);
+}
+.admin-menu-container .title {
+  width: calc(100% - 33px);
+}
+.admin-menu-container .sub-menu {
+  padding: 13px 13px 13px 45px;
+  position: relative;
+}
+.admin-menu-container .sub-menu::before {
+  content: "";
+  width: 1px;
+  height: calc(100% - 39px);
+  background: #79b0e2;
+  position: absolute;
+  left: 20px;
+  top: 20px;
+}
+.admin-menu-container .sub-menu a {
+  display: block;
+  margin-bottom: 15px;
+  position: relative;
+}
+.admin-menu-container .sub-menu a:hover {
+  text-decoration: underline;
+}
+.admin-menu-container .sub-menu a::before {
+  content: "";
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #79b0e2;
+  position: absolute;
+  top: 6px;
+  left: -28px;
+}
+.admin-menu-container .sub-menu a:last-child {
+  margin: 0;
+}
+.admin-menu-container .icons {
+  width: 20px;
+  height: 20px;
+  margin-right: 13px;
+}
+.admin-menu-container .icon-home {
+  background-position: -9px -7px;
+}
+.admin-menu-container .icon-sell {
+  background-position: -45px -7px;
+}
+.admin-menu-container .icon-product {
+  background-position: -81px -8px;
+}
+.admin-menu-container .icon-user {
+  background-position: -117px -8px;
+}
+.admin-menu-container .icon-marketing {
+  background-position: -154px -8px;
+}
+.admin-menu-container .icon-content {
+  background-position: -187px -8px;
+}
+.admin-menu-container .icon-stats {
+  background-position: -224px -8px;
+}
+.admin-menu-container .icon-system {
+  background-position: -262px -8px;
+}
+.admin-menu-container .icon-settings {
+  background-position: -297px -8px;
+}
+.admin-menu-container .icon-support {
+  background-position: -332px -7px;
+}
+.admin-menu-container .icon-account {
+  background-position: -367px -9px;
+}
+.admin-menu-container .icon-logout {
+  background-position: -9px -45px;
+}
+
+.admin-menu {
+  color: #fff;
+  z-index: 1;
+}
+.admin-menu .item {
+  display: flex;
+  align-items: center;
+  transition: 0.3s all;
+  position: relative;
+}
+.admin-menu .item:hover {
+  background: #81b5e4;
+}
+.admin-menu .item:hover .icons {
+  filter: brightness(100);
+}
+.admin-menu .item:hover .sub-menu {
+  left: calc(100% + 8px);
+  opacity: 1;
+  visibility: inherit;
+}
+.admin-menu .sub-menu {
+  padding: 10px 22px 10px 15px;
+  border-radius: 6px;
+  background: #004e99;
+  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+  white-space: nowrap;
+  min-width: 150px;
+  z-index: -1;
+  transition: 0.2s all;
+  position: absolute;
+  left: calc(100% + 30px);
+  top: 0;
+  opacity: 0;
+  visibility: hidden;
+  min-width: 200px;
+}
+.admin-menu .sub-menu a {
+  display: block;
+  margin-bottom: 12px;
+  line-height: 18px;
+  position: relative;
+}
+.admin-menu .sub-menu a:hover {
+  text-decoration: underline;
+}
+.admin-menu .sub-menu a::before {
+  content: "";
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #79b0e2;
+  position: absolute;
+  top: 6px;
+  left: -18px;
+}
+.admin-menu .sub-menu a:last-child {
+  margin: 0;
+}
+.admin-menu .menu-list {
+  padding-left: 16px;
+  margin-top: 10px;
+  position: relative;
+}
+.admin-menu .menu-list::before {
+  content: "";
+  width: 1.5px;
+  background: #79b0e2;
+  position: absolute;
+  left: 1px;
+  top: 7px;
+  bottom: 7px;
+}
+.admin-menu .icons {
+  width: 50px;
+  height: 40px;
+}
+.admin-menu .icon-home {
+  background-position: 7px 3px;
+}
+.admin-menu .icon-sell {
+  background-position: -29px 3px;
+}
+.admin-menu .icon-product {
+  background-position: -66px 3px;
+}
+.admin-menu .icon-user {
+  background-position: -103px 3px;
+}
+.admin-menu .icon-marketing {
+  background-position: -139px 3px;
+}
+.admin-menu .icon-content {
+  background-position: -172px 3px;
+}
+.admin-menu .icon-stats {
+  background-position: -208px 3px;
+}
+.admin-menu .icon-system {
+  background-position: -247px 3px;
+}
+.admin-menu .icon-settings {
+  background-position: -282px 2px;
+  margin-left: -1px;
+}
+.admin-menu .icon-support {
+  background-position: -318px 3px;
+}
+.admin-menu .icon-account {
+  background-position: -354px 2px;
+}
+.admin-menu .icon-logout {
+  background-position: 6px -34px;
+}
+
+.admin-content-container .note-list {
+  min-width: 144px;
+}
+.admin-content-container .note-list a {
+  display: block;
+  padding: 0 10px;
+  line-height: 35px;
+  transition: 0.2s all;
+}
+.admin-content-container .note-list a:hover {
+  background: #f5f7ff;
+  color: #0041e8;
+  font-weight: 600;
+}
+.admin-content-container .content-holder {
+  padding: 16px 0 16px 16px;
+}
+
+.table-fixed {
+  text-align: center;
+}
+.table-fixed td {
+  padding: 13px 8px;
+  border: 1px solid #ececec;
+}
+.table-fixed tbody td {
+  padding: 5px 8px;
+}
+.table-fixed tbody td:nth-child(2), .table-fixed tbody td:nth-child(3) {
+  text-align: left;
+}
+.table-fixed tbody td:nth-child(2) {
+  color: #0041e8;
+}
+
+.admin-home-tab {
+  overflow: auto;
+}
+.admin-home-tab a {
+  color: #a0a8b5;
+  padding: 9px 7.7px;
+  text-align: center;
+  border-right: 1px solid #dde1eb;
+  white-space: nowrap;
+}
+.admin-home-tab a:last-child {
+  border: 0;
+}
+.admin-home-tab a:hover, .admin-home-tab a.current {
+  background: #0041e8;
+  color: #fff;
+}
+
+.home-report-holder {
+  display: none;
+}
+.home-report-holder table {
+  width: 100%;
+  line-height: 20px;
+  text-align: center;
+}
+.home-report-holder thead {
+  background: #f6f6f6;
+  font-weight: 500;
+}
+.home-report-holder td {
+  border: 1px solid #ececec;
+  padding: 14px 5px;
+}
+.home-report-holder td a {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.home-report-holder td:nth-child(2) {
+  text-align: left;
+}
+
+.home-todo-list td {
+  padding: 0 4px;
+  color: #000 !important;
+}
+.home-todo-list td:nth-child(1), .home-todo-list td:nth-child(3), .home-todo-list td:nth-child(4) {
+  white-space: nowrap;
+}
+
+.product-list th {
+  padding: 10px;
+  border: 1px solid #ececec;
+  background: #f6f6f6;
+}
+.product-list td {
+  padding: 8px;
+  border: 1px solid #ececec;
+}
+
+.product-sale-info td {
+  padding: 14px;
+  border: 1px solid #ececec;
+}
+
+input[type=radio] {
+  position: absolute;
+}
+input[type=radio]:before {
+  content: "";
+  background: #fff;
+  border-radius: 100%;
+  border: 1.5px solid #0041e8;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  position: relative;
+  top: -0.2em;
+  margin-right: 1em;
+  vertical-align: top;
+  cursor: pointer;
+  text-align: center;
+  transition: all 250ms ease;
+}
+input[type=radio]:checked:before {
+  background-color: #0041e8;
+  box-shadow: inset 0 0 0 4px #fff;
+}
+input[type=radio]:focus:before {
+  outline: none;
+  border-color: #0041e8;
+}
+
+.table-seo td {
+  padding: 14px;
+  border: 1px solid #ececec;
+}
+
+.product-specifications td {
+  padding: 14px;
+  border: 1px solid #ececec;
+}
+
+.table-config th {
+  padding: 10px 5px;
+  background: #f6f6f6;
+  border: 1px solid #ececec;
+}
+.table-config td {
+  padding: 10px;
+  border: 1px solid #ececec;
+}
+
+.accessory th {
+  padding: 10px 5px;
+  background: #f6f6f6;
+  border: 1px solid #ececec;
+}
+.accessory td {
+  padding: 10px 6px;
+  border: 1px solid #ececec;
+}/*# sourceMappingURL=pc_style.css.map */

assets/script/pc_style.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["pc_style.scss","pc_style.css"],"names":[],"mappings":"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","file":"pc_style.css"}

assets/script/pc_style.scss

@@ -0,0 +1,563 @@
+*,
+::after,
+::before {
+    box-sizing: border-box;
+}
+button,
+input,
+select {
+    outline: none !important;
+    color: #000;
+    border-radius: 0;
+}
+button,
+input {
+    overflow: visible;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+    margin: 0;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    border-radius: 0;
+}
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+input[type="number"] {
+    -moz-appearance: textfield;
+}
+body {
+    color: #000;
+    font-family: "Inter", sans-serif;
+    background: #fafafb;
+    position: relative;
+    font-size: 14px;
+    word-break: break-word;
+    counter-reset: section;
+    font-weight: 400;
+    line-height: 1.5;
+    margin: auto;
+}
+img {
+    max-width: 100%;
+    height: auto;
+}
+a {
+    text-decoration: none;
+}
+::-webkit-scrollbar-track {
+    background: #f5f5f5;
+}
+::-webkit-scrollbar-thumb {
+    background: grey;
+    border-radius: 5px;
+}
+::-webkit-scrollbar-thumb:hover {
+    background: #ccc;
+}
+::-webkit-scrollbar {
+    width: 8px;
+    height: 10px;
+}
+.clearfix {
+    &::after {
+        content: "";
+        clear: both;
+        display: block;
+    }
+}
+.inherit {
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    margin: 0;
+}
+.line-clamp-2 {
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.line-clamp-3 {
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 3;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.line-clamp-4 {
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 4;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.line-clamp-5 {
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 5;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.icons {
+    background: url(../images/global-sprite.png) no-repeat;
+    background-size: 400px 400px;
+}
+.admin-global-container {
+    max-width: 1720px;
+    margin: auto;
+    display: flex;
+}
+.admin-menu-container {
+    position: relative;
+    overflow: auto;
+    background: #004e99;
+    color: #fff;
+    width: 16%;
+    padding: 20px 0;
+    line-height: 20px;
+    a {
+        color: #fff;
+    }
+    .menu-logo {
+        display: table;
+        margin-bottom: 50px;
+        margin-left: 16px;
+        img {
+            height: 22px;
+        }
+    }
+    .menu-list {
+        margin: 50px 0;
+    }
+    details {
+        &[open] {
+            svg {
+                transform: rotate(90deg);
+            }
+            summary {
+                background: #81b5e4;
+                a {
+                    font-weight: 700;
+                }
+            }
+            .icons {
+                filter: brightness(100);
+            }
+        }
+    }
+    summary {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        cursor: pointer;
+        padding-right: 16px;
+        border-radius: 4px;
+        position: relative;
+        transition: 0.3s all;
+        a {
+            padding: 8px 16px;
+            display: flex;
+            align-items: center;
+        }
+    }
+    svg {
+        position: absolute;
+        right: 16px;
+        transition: 0.3s all;
+    }
+    .item {
+        display: flex;
+        align-items: center;
+        padding: 0 16px;
+        line-height: 36px;
+        transition: 0.3s all;
+        border-radius: 4px;
+        &:hover {
+            background: #81b5e4;
+            .icons {
+                filter: brightness(100);
+            }
+        }
+    }
+    .title {
+        width: calc(100% - 33px);
+    }
+    .sub-menu {
+        padding: 13px 13px 13px 45px;
+        position: relative;
+        &::before {
+            content: "";
+            width: 1px;
+            height: calc(100% - 39px);
+            background: #79b0e2;
+            position: absolute;
+            left: 20px;
+            top: 20px;
+        }
+        a {
+            display: block;
+            margin-bottom: 15px;
+            position: relative;
+            &:hover {
+                text-decoration: underline;
+            }
+            &::before {
+                content: "";
+                width: 8px;
+                height: 8px;
+                border-radius: 50%;
+                background: #79b0e2;
+                position: absolute;
+                top: 6px;
+                left: -28px;
+            }
+            &:last-child {
+                margin: 0;
+            }
+        }
+    }
+    .icons {
+        width: 20px;
+        height: 20px;
+        margin-right: 13px;
+    }
+    .icon-home {
+        background-position: -9px -7px;
+    }
+    .icon-sell {
+        background-position: -45px -7px;
+    }
+    .icon-product {
+        background-position: -81px -8px;
+    }
+    .icon-user {
+        background-position: -117px -8px;
+    }
+    .icon-marketing {
+        background-position: -154px -8px;
+    }
+    .icon-content {
+        background-position: -187px -8px;
+    }
+    .icon-stats {
+        background-position: -224px -8px;
+    }
+    .icon-system {
+        background-position: -262px -8px;
+    }
+    .icon-settings {
+        background-position: -297px -8px;
+    }
+    .icon-support {
+        background-position: -332px -7px;
+    }
+    .icon-account {
+        background-position: -367px -9px;
+    }
+    .icon-logout {
+        background-position: -9px -45px;
+    }
+}
+.admin-menu {
+    color: #fff;
+    z-index: 1;
+    .item {
+        display: flex;
+        align-items: center;
+        transition: 0.3s all;
+        position: relative;
+        &:hover {
+            background: #81b5e4;
+            .icons {
+                filter: brightness(100);
+            }
+            .sub-menu {
+                left: calc(100% + 8px);
+                opacity: 1;
+                visibility: inherit;
+            }
+        }
+    }
+    .sub-menu {
+        padding: 10px 22px 10px 15px;
+        border-radius: 6px;
+        background: #004e99;
+        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+        white-space: nowrap;
+        min-width: 150px;
+        z-index: -1;
+        transition: 0.2s all;
+        position: absolute;
+        left: calc(100% + 30px);
+        top: 0;
+        opacity: 0;
+        visibility: hidden;
+        min-width: 200px;
+        a {
+            display: block;
+            margin-bottom: 12px;
+            line-height: 18px;
+            position: relative;
+            &:hover {
+                text-decoration: underline;
+            }
+            &::before {
+                content: "";
+                width: 8px;
+                height: 8px;
+                border-radius: 50%;
+                background: #79b0e2;
+                position: absolute;
+                top: 6px;
+                left: -18px;
+            }
+            &:last-child {
+                margin: 0;
+            }
+        }
+    }
+    .menu-list {
+        padding-left: 16px;
+        margin-top: 10px;
+        position: relative;
+        &::before {
+            content: "";
+            width: 1.5px;
+            background: #79b0e2;
+            position: absolute;
+            left: 1px;
+            top: 7px;
+            bottom: 7px;
+        }
+    }
+    .icons {
+        width: 50px;
+        height: 40px;
+    }
+    .icon-home {
+        background-position: 7px 3px;
+    }
+    .icon-sell {
+        background-position: -29px 3px;
+    }
+    .icon-product {
+        background-position: -66px 3px;
+    }
+    .icon-user {
+        background-position: -103px 3px;
+    }
+    .icon-marketing {
+        background-position: -139px 3px;
+    }
+    .icon-content {
+        background-position: -172px 3px;
+    }
+    .icon-stats {
+        background-position: -208px 3px;
+    }
+    .icon-system {
+        background-position: -247px 3px;
+    }
+    .icon-settings {
+        background-position: -282px 2px;
+        margin-left: -1px;
+    }
+    .icon-support {
+        background-position: -318px 3px;
+    }
+    .icon-account {
+        background-position: -354px 2px;
+    }
+    .icon-logout {
+        background-position: 6px -34px;
+    }
+}
+.admin-content-container {
+    .note-list {
+        min-width: 144px;
+        a {
+            display: block;
+            padding: 0 10px;
+            line-height: 35px;
+            transition: 0.2s all;
+            &:hover {
+                background: #f5f7ff;
+                color: #0041e8;
+                font-weight: 600;
+            }
+        }
+    }
+    .content-holder {
+        padding: 16px 0 16px 16px;
+    }
+}
+.table-fixed {
+    text-align: center;
+    td {
+        padding: 13px 8px;
+        border: 1px solid #ececec;
+    }
+    tbody {
+        td {
+            padding: 5px 8px;
+            &:nth-child(2),
+            &:nth-child(3) {
+                text-align: left;
+            }
+            &:nth-child(2) {
+                color: #0041e8;
+            }
+        }
+    }
+}
+.admin-home-tab {
+    overflow: auto;
+    a {
+        color: #a0a8b5;
+        padding: 9px 7.7px;
+        text-align: center;
+        border-right: 1px solid #dde1eb;
+        white-space: nowrap;
+        &:last-child {
+            border: 0;
+        }
+        &:hover,
+        &.current {
+            background: #0041e8;
+            color: #fff;
+        }
+    }
+}
+.home-report-holder {
+    display: none;
+    table {
+        width: 100%;
+        line-height: 20px;
+        text-align: center;
+    }
+    thead {
+        background: #f6f6f6;
+        font-weight: 500;
+    }
+    td {
+        border: 1px solid #ececec;
+        padding: 14px 5px;
+        a {
+            display: block;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+        &:nth-child(2) {
+            text-align: left;
+        }
+    }
+}
+.home-todo-list {
+    td {
+        padding: 0 4px;
+        color: #000 !important;
+        &:nth-child(1),
+        &:nth-child(3),
+        &:nth-child(4) {
+            white-space: nowrap;
+        }
+    }
+}
+.product-list {
+    th {
+        padding: 10px;
+        border: 1px solid #ececec;
+        background: #f6f6f6;
+    }
+    td {
+        padding: 8px;
+        border: 1px solid #ececec;
+    }
+}
+
+.product-sale-info {
+    td {
+        padding: 14px;
+        border: 1px solid #ececec;
+    }
+}
+
+input[type="radio"] {
+    position: absolute;
+    &:before {
+        content: "";
+        background: #fff;
+        border-radius: 100%;
+        border: 1.5px solid #0041e8;
+        display: inline-block;
+        width: 20px;
+        height: 20px;
+        position: relative;
+        top: -0.2em;
+        margin-right: 1em;
+        vertical-align: top;
+        cursor: pointer;
+        text-align: center;
+        transition: all 250ms ease;
+    }
+
+    &:checked {
+        &:before {
+            background-color: #0041e8;
+            box-shadow: inset 0 0 0 4px #fff;
+        }
+    }
+    &:focus {
+        &:before {
+            outline: none;
+            border-color: #0041e8;
+        }
+    }
+}
+
+.table-seo {
+    td {
+        padding: 14px;
+        border: 1px solid #ececec;
+    }
+}
+
+.product-specifications {
+    td {
+        padding: 14px;
+        border: 1px solid #ececec;
+    }
+}
+
+.table-config {
+    th {
+        padding: 10px 5px;
+        background: #f6f6f6;
+        border: 1px solid #ececec;
+    }
+    td {
+        padding: 10px;
+        border: 1px solid #ececec;
+    }
+}
+
+.accessory {
+    th {
+        padding: 10px 5px;
+        background: #f6f6f6;
+        border: 1px solid #ececec;
+    }
+    td {
+        padding: 10px 6px;
+        border: 1px solid #ececec;
+    }
+}