/* ----------------------------------------------------------------
	Colors
	Replace the HEX Code with your Desired Color HEX
-----------------------------------------------------------------*/
:root {
  --theme-color: #6a1007;
  --theme-color-2: #ffffff;
  --theme-color-3: #6a1007;
  --theme-color-4: #ffffff;
  --theme-sub-color: #9c9c9c;
  --bg-color: #6a1007;
  --bg-color-2: #fff;
  --bg-line: #97190e;
  --border-color: 1px solid #97190e;
  /* gd background */
  --bg-s1: rgb(106, 16, 7);
  --bg-s2: -moz-linear-gradient(90deg, rgba(106, 16, 7, 1) 0%, rgba(106, 16, 7, 1) 35%);
  --bg-s3: -webkit-linear-gradient(90deg, rgba(106, 16, 7, 1) 0%, rgba(106, 16, 7, 1) 35%);
  --bg-s4: linear-gradient(90deg, rgba(106, 16, 7, 1) 0%, rgba(106, 16, 7, 1) 35%);
  --bg-s5: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6a1007",endColorstr="#6a1007",GradientType=1);
  /* menu filter */
  --nav-bg-active: #6a1007;
  --nav-color-active: #fff;
  --nav-bg: #fff;
  --nav-color: #6a1007;
  --nav-svg-filler: invert(1);
  --nav-svg-filler-active: initial;
  /* icon list */
  --icon-list-color: #6a1007;
  --icon-list-bg: #fff;
  --filter-icon: invert(9%) sepia(35%) saturate(7151%) hue-rotate(355deg) brightness(100%) contrast(99%);
  --filter-icon-after: brightness(1.5);
  /* sticker feed */
  --modal-sticker-header: #fff;
  --modal-sticker-title: #fff;
  --modal-sticker-close: #fff;
  /* Deail tab */
  --nav-tab-boxed-color: #31b801;
  --nav-tab-boxed-bg: #fff;
  --nav-tab-boxed-color-active: #fff;
  --nav-tab-boxed-bg-active: #31b801;
  /* sidebar buttons */
  --sidebar-bg: #fff;
  --sidebar-color: #6a1007;
  /*  Live AD */
  --LiveAD-bg: #31b801;
  --LiveAD-AdDate-color: #fff5de;
  --LiveAD-border: 2px solid #fff;
  --LiveAD-url-bg: #31b801;
  --LiveAD-ItemName-color: #333;
  --LiveAD-ItemName-bg: #fff;
  --LiveAD-ItemTime-color: #333;
  --LiveAD-ItemTime-bg: #fff5de;
}
body {
  height: 100vh !important;
}
body,
.dropdown-menu {
  font-family: "Noto Sans Thai", sans-serif !important;
}
#selectSite img {
  max-width: 220px;
  padding-top: 10px;
}
.smart-scroll-stg {
  top: 84px;
}
.title-theme {
  font-size: 25px;
  font-weight: 800;
  color: var(--theme-color);
  text-transform: uppercase;
}
.title-theme-sub {
  font-size: 18px;
  font-weight: 500;
  color: var(--theme-sub-color);
}
.text-topbar {
  color: var(--theme-color) !important;
}
/* menu filter */
.dialogbox .modal-dialog .modal-content .modal-header {
  background: var(--bg-s1);
  background: var(--bg-s2);
  background: var(--bg-s3);
  background: var(--bg-s4);
  filter: var(--bg-s5);
}
.dialogbox .modal-dialog .modal-content .modal-header .modal-title {
  color: var(--theme-color-2);
}
.dialogbox .modal-dialog .modal-content .modal-header .close {
  color: var(--theme-color-2);
}
.dailyPic .listview-title {
  color: var(--theme-color);
  background: var(--bg-s1);
  background: var(--bg-s2);
  background: var(--bg-s3);
  background: var(--bg-s4);
  filter: var(--bg-s5);
}
/* upload */
.modalbox .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid var(--theme-color);
  background: var(--bg-s1);
  background: var(--bg-s2);
  background: var(--bg-s3);
  background: var(--bg-s4);
  filter: var(--bg-s5);
}
.modalbox .modal-dialog .modal-content .modal-header .modal-title {
  color: var(--theme-color-2);
}
.modalbox .modal-dialog .modal-content .modal-header .close {
  color: var(--theme-color-2);
}
/* menu filter */
nav.feed-filter ul li {
  background: var(--nav-bg);
  border: 1px solid #6a1007 !important;
}

nav.feed-filter ul li a {
  color: var(--nav-color);
}
nav.feed-filter ul li.active {
  background-color: var(--nav-bg-active);
}
nav.feed-filter ul li.active a {
  color: var(--nav-color-active);
  font-weight: 700;
}
nav.feed-filter ul li a img {
  filter: var(--nav-svg-filler);
}
nav.feed-filter ul li.active a img {
  filter: var(--nav-svg-filler-active);
}
nav.feed-filter .des {
  color: rgb(113, 113, 113);
}
nav.feed-filter ul li.Filter .badge.badge-filter {
  border: none;
}
/* sticker feed */
.modal.action-sheet.sticker .modal-content .modal-header {
  background: var(--bg-s1);
  background: var(--bg-s2);
  background: var(--bg-s3);
  background: var(--bg-s4);
  filter: var(--bg-s5);
}
.modal.action-sheet.sticker .modal-content .modal-header .modal-title {
  color: var(--modal-sticker-title);
}
.modal.action-sheet.sticker .modal-content .modal-header .close {
  color: var(--modal-sticker-close);
}
/* menu filter */
nav.feed-filter2 ul li {
  background: var(--nav-bg);
  border: 1px solid #6a1007 !important;
}

nav.feed-filter2 ul li a {
  color: var(--nav-color);
}
nav.feed-filter2 ul li.active {
  background-color: var(--nav-bg-active);
  border: 1px solid #31b801;
}
nav.feed-filter2 ul li.active a {
  color: var(--nav-color-active);
  font-weight: 700;
}
nav.feed-filter2 ul li a img {
  filter: var(--nav-svg-filler);
}
nav.feed-filter2 ul li.active a img {
  filter: var(--nav-svg-filler-active);
}
nav.feed-filter2 .des {
  color: rgb(113, 113, 113);
}
nav.feed-filter2 ul li.Filter .badge.badge-filter {
  border: none;
}
/* Modal Price */
.modal-price {
  background: var(--bg-color);
  color: white;
}
/* Deail tab */
.nav-tabs.boxed .nav-item .nav-link {
  color: var(--nav-tab-boxed-color);
  background: var(--nav-tab-boxed-bg);
  border: 1px solid #31b801 !important;
}
.nav-tabs.boxed .nav-item .nav-link.active {
  color: var(--nav-tab-boxed-color-active);
  background: var(--nav-tab-boxed-bg-active);
  border: 1px solid #31b801 !important;
}
/* MEMBER PACKAGES */
ul.package li.item-package {
  background: #f3868b;
  color: rgb(23, 23, 23);
}
/* Button theme */
.btn-theme,
.btn-theme:focus {
  color: var(--theme-color);
  background-color: var(--bg-color);
  font-size: 30px;
  font-weight: 600;
  border: none;
}
.btn-theme.active,
.btn-theme:not(:disabled):not(.disabled):active,
.btn-theme.active:focus,
.btn-theme:not(:disabled):not(.disabled):active:focus,
.btn-theme:not(:disabled):not(.disabled):active:hover,
.btn-theme .show .dropdown-toggle.btn-theme {
  background-color: var(--bg-color);
  color: var(--theme-color);
  box-shadow: none;
}
.btn-theme.hover:not(.active),
.btn-theme:hover:not(.active),
.btn-theme .show .dropdown-toggle.btn-theme {
  background-color: var(--bg-color);
  color: var(--theme-color);
}
.btn-theme.disabled,
.btn-theme.disabled:hover,
.btn-theme.disabled:focus,
.btn-theme.disabled:active,
.btn-theme.disabled.active,
.btn-theme[disabled],
.btn-theme[disabled]:hover,
.btn-theme[disabled]:focus,
.btn-theme[disabled]:active,
.btn-theme[disabled].active,
fieldset[disabled] .btn-theme,
fieldset[disabled] .btn-theme:hover,
fieldset[disabled] .btn-theme:focus,
fieldset[disabled] .btn-theme:active,
fieldset[disabled] .btn-theme.active {
  background-color: var(--bg-color);
}
/* Button theme End*/
.text-theme {
  color: var(--theme-color-3) !important;
}
.bg-theme {
  background-color: var(--bg-color) !important;
  color: var(--theme-color-2) !important;
  font-weight: 500;
  text-transform: uppercase !important;
}
.head-theme {
  background-color: var(--bg-color) !important;
  color: var(--theme-color-2);
  font-weight: 500;
  text-transform: uppercase !important;
}
.m-logo {
  background-color: white !important;
  background-size: 160px !important;
  background-image: url(/images/theme/lineticket/head.jpg) !important;
  background-size: cover !important;
  background-position: center !important;
  text-align: center;
  border: none !important;
  color: #000;
}
.m-search {
  background: #6dbef9;
  background-image: url(/images/theme/lineticket/search.jpg) !important;
  background-size: cover !important;
  background-position: center !important;
  border-top: none;
}
.m-search .has-search .form-control {
  color: var(--theme-color-2) !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  border: none;
}
.has-search .form-control-i-search {
  color: var(--theme-color-2);
}
.has-search .form-control {
  color: var(--bg-color) !important;
  background-color: #dedede;
  border-top-color: none;
}
.has-search .form-control:focus {
  color: var(--theme-color-2);
  opacity: 1;
}
.has-search input::-webkit-input-placeholder {
  color: var(--theme-color-2); /*Change the placeholder color*/
  opacity: 0.8; /*Change the opacity between 0 and 1*/
}
.has-search input::placeholder {
  color: var(--theme-color-2);
}
.bar-theme {
  color: var(--theme-color) !important;
  background: var(--bg-color) !important;
}
.b-theme {
  border-top: none !important;
  background-image: url(/images/theme/lineticket/footer.jpg) !important;
  background-size: cover !important;
  background-position: center !important;
}

/* button profile */
.menu-item {
  background: var(--bg-color);
}
.menu-item:focus,
.menu-item.active,
.menu-item:hover {
  background-color: var(--bg-color);
}
.menu-item.active .sub8,
.menu-item:hover .sub8 {
  font-family: "Material Icons";
  color: var(--theme-color) !important;
}
.menu-item:focus .menu-item-label,
.menu-item.active .menu-item-label,
.menu-item:hover .menu-item-label {
  color: #fff !important;
}
.menu-item-label {
  color: var(--theme-color);
}
/*pageing*/
.page-item.active .page-link,
.page-link:hover,
.page-link:focus {
  background-color: var(--bg-color) !important;
}
/*modoal rule*/
.modalbox .modal-dialog .modal-content .modal-header .rule {
  color: var(--theme-color);
}
.modalbox .modal-dialog .modal-content .modal-header .rule i {
  color: var(--theme-color);
}
.dialogbox .modal-dialog .modal-content .modal-header .rule {
  color: var(--theme-color);
}
.dialogbox .modal-dialog .modal-content .modal-header .rule i {
  color: var(--theme-color);
}
/* side menu */
#sidebarPanel .modal-content {
  background: var(--bg-s1);
  background: var(--bg-s2);
  background: var(--bg-s3);
  background: var(--bg-s4);
  filter: var(--bg-s5);
}
.profileBox {
  font-family: "Noto Sans Thai", sans-serif !important;
  background: var(--bg-s1);
  background: var(--bg-s2);
  background: var(--bg-s3);
  background: var(--bg-s4);
  filter: var(--bg-s5);
}

.profileBox .username .text-theme {
  color: var(--theme-color-2) !important;
  font-weight: 600;
}
.profileBox .profile-img-wrapper.big {
  border: none;
}
.profileBox .id-number span.num {
  color: var(--theme-color-2);
  border: var(--border-color);
}
.profileBox .btn-side {
  color: var(--theme-color);
  background: var(--theme-color-2);
}
.listview.theme {
  border-top: var(--border-color);
  border-bottom: var(--border-color);
  background: var(--bg-s1);
  background: var(--bg-s2);
  background: var(--bg-s3);
  background: var(--bg-s4);
  filter: var(--bg-s5);
}
.link-listview.theme > li a {
  color: var(--theme-color-2) !important;
}
.link-listview.theme .title-header {
  border-top: var(--border-color);
}
.link-listview.theme > li a:first {
  border-top: var(--border-color);
}
.link-listview > li a:after {
  opacity: 0.9;
  filter: var(--filter-icon-after);
}
.listview.theme > li:after {
  background: var(--bg-line);
}
.link-listview.theme .multi-level.active ul {
  padding-bottom: 0px;
}
.listview.sub {
  border-top: var(--border-color);
  background: var(--bg-s1);
  background: var(--bg-s2);
  background: var(--bg-s3);
  background: var(--bg-s4);
  filter: var(--bg-s5);
}
.sidebar-buttons {
  border-top: var(--border-color);
  background: var(--bg-s1);
  background: var(--bg-s2);
  background: var(--bg-s3);
  background: var(--bg-s4);
  filter: var(--bg-s5);
  border: none !important;
}

.sidebar-buttons .bg-button-theme {
  background: var(--sidebar-bg);
  color: var(--sidebar-color);
  padding: 15px;
  margin-right: 4px;
  border: none;
}
.sidebar-buttons .btn:hover:not(.active) {
  background: var(--sidebar-bg);
  color: var(--sidebar-color);
}
/* panelbox  */
.panelbox-left .title-center {
  color: var(--theme-color-2);
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.panelbox-left .LoginTheme .LoginContact img {
  filter: invert(1);
  margin: 0 4px;
  opacity: 1;
  transition: 0.3s;
}
.panelbox-left .LoginTheme .LoginContact img:hover {
  filter: invert(1);
  margin: 0 4px;
  opacity: 1;
  transform: scale(1.1);
}
.panelbox.side-right .modal-dialog .modal-content {
  background: var(--bg-s1);
  background: var(--bg-s2);
  background: var(--bg-s3);
  background: var(--bg-s4);
  filter: var(--bg-s5);
}
/* icon menu */
.listview.sub .item .icon-list {
  font-size: 18px;
  background: var(--icon-list-bg);
  color: var(--icon-list-color) !important;
}
.listview.sub .item .icon-list .sprite {
  filter: var(--filter-icon);
}
/* menu setting */
.m-setting {
  color: var(--theme-color);
}
.m-setting .title-header {
  border-top: var(--border-color);
}
/* button profile */
.menu-item {
  background: var(--theme-color);
}
.menu-item:focus,
.menu-item.active,
.menu-item:hover {
  background-color: var(--theme-color);
}
.menu-item.active .sub8,
.menu-item:hover .sub8 {
  font-family: "Material Icons";
  color: var(--theme-color) !important;
}
.menu-item:focus .menu-item-label,
.menu-item.active .menu-item-label,
.menu-item:hover .menu-item-label {
  color: #fff !important;
}
.menu-item-label {
  color: #fff;
}
/*pageing*/
.page-item.active .page-link,
.page-link:hover,
.page-link:focus {
  background-color: var(--theme-color) !important;
}
/*modoal rule*/
.modalbox .modal-dialog .modal-content .modal-header .rule {
  color: var(--theme-color);
}
.modalbox .modal-dialog .modal-content .modal-header .rule i {
  color: var(--theme-color);
}
.dialogbox .modal-dialog .modal-content .modal-header .rule {
  color: var(--theme-color);
}
.dialogbox .modal-dialog .modal-content .modal-header .rule i {
  color: var(--theme-color);
}
/* top100 */
.top100-title {
  color: var(--theme-color);
}
/*  Live AD */
.LiveAD {
  background: var(--LiveAD-bg);
  background-image: url(/images/theme/lineticket/LiveAD/bg.jpg) !important;
  background-size: cover;
}
.LiveAD .AdDate {
  color: var(--LiveAD-AdDate-color);
}
.LiveAD .AdUrl {
  flex-grow: 0;
  color: #ffffff;
  background: var(--LiveAD-url-bg);
}
.LiveAD .AdItem {
  border: var(--LiveAD-border);
}
.LiveAD .ItemName {
  color: var(--LiveAD-ItemName-color);
  background: var(--LiveAD-ItemName-bg);
}
.LiveAD .ItemTime {
  color: var(--LiveAD-ItemTime-color);
  background: var(--LiveAD-ItemTime-bg);
}
/* more five item */
.LiveAD.more .AdItem {
  border: var(--LiveAD-border);
}
.LiveAD.more .ItemName {
  color: var(--LiveAD-ItemName-color);
  background: var(--LiveAD-ItemName-bg);
}
.LiveAD.more .ItemTime {
  color: var(--LiveAD-ItemTime-color);
  background: var(--LiveAD-ItemTime-bg);
}
/* LoginTheme */
body.LoginTheme,
.LoginTheme a {
  color: #fff !important;
}
.LoginTheme .headback {
  color: #fff !important;
  background: rgba(27, 0, 56, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0.31);
  box-shadow: none !important;
}
.LoginTheme .headback a {
  color: #fff !important;
}
.LoginTheme .LoginContainer {
  background: url("../../images/theme/lineticket/login-bg.jpg"), #31b801;
  background-size: cover;
  background-position: center top;
}
.LoginTheme .LogoTheme {
  width: 100%;
}
.LoginTheme .btn-theme {
  font-size: 20px;
  font-weight: 700;
  color: #6a1007 !important;
  border-radius: 15px;
  background-image: linear-gradient(#fff 48.74%, #fff) !important;
  cursor: pointer;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.LoginTheme .checkbox .cr,
.LoginTheme .radio .cr {
  background: white;
}

.LoginTheme .text-black {
  color: white !important;
}
/* error */
.LoginTheme label.error,
.LoginTheme .validate-error-text,
.LoginTheme .text-danger {
  color: #fff600 !important;
}
.LoginTheme .formbox .form-control.error {
  border: #fff600 1px solid;
}
/* LoginTheme register login plus*/
.LoginTheme .LoginContainer .title-center {
  color: #fff;
}
.LoginTheme .LoginContainer .color-support {
  color: #fff;
}
.LoginTheme .LoginContainer .divider.mline {
  background: rgba(133, 51, 44, 1);
}
.LoginTheme .feed-mobile .id-number span.num {
  color: #ffffff;
  border: 1px solid rgba(147, 147, 147, 0.3);
}
.LoginTheme .LoginContact img {
  filter: invert(1);
  margin: 0 4px;
  opacity: 1;
  transition: 0.3s;
}
.LoginTheme .LoginContact img:hover {
  filter: invert(1);
  opacity: 1;
  transform: scale(1.1);
}
.btn.rounded {
  border-radius: 8px !important;
}
/*action sheet Qr Code Access */
.modal.action-sheet.QrAccess .modal-content {
  background: var(--bg-color);
}
.modal.action-sheet.QrAccess .modal-content .modal-header {
  color: var(--theme-color-2);
  background: var(--bg-color);
}
.modal.action-sheet.QrAccess .modal-content,
.modal.action-sheet.QrAccess .modal-content h5 {
  color: var(--theme-color-2);
}
.modal.action-sheet.QrAccess .modal-content .nav-tabs.wallet {
  background: #fff !important;
}
.nav-tabs.wallet .nav-item .nav-link {
  color: #888888;
}
.nav-tabs.wallet .nav-item .nav-link {
  color: #323232;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #fff !important;
  background-color: #6a1007;
}
.modal.action-sheet.QrAccess .nav-tabs.wallet .nav-link.active {
  color: #fff !important;
  background-color: #6a1007;
}
.modal.action-sheet.QrAccess .nav-tabs.wallet .nav-link {
  color: #6a1007;
}
.modal.action-sheet.QrAccess .modal-content .MyCaption {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  padding: 20px 0 15px 0;
  color: #fff;
}
.modal.action-sheet.QrAccess .btn-theme,
.modal.action-sheet.QrAccess .btn-theme:focus,
.modal.action-sheet.QrAccess .btn-theme.active,
.modal.action-sheet.QrAccess .btn-theme:not(:disabled):not(.disabled):active,
.modal.action-sheet.QrAccess .btn-theme.active:focus,
.modal.action-sheet.QrAccess .btn-theme:not(:disabled):not(.disabled):active:focus,
.modal.action-sheet.QrAccess .btn-theme:not(:disabled):not(.disabled):active:hover,
.modal.action-sheet.QrAccess .btn-theme .show .dropdown-toggle.btn-theme {
  color: #6a1007;
  background-color: #31b801;
  background-image: linear-gradient(#fff 48.74%, #fff) !important;
}
.modal.action-sheet.QrAccess .modal-content .modal-header .close .material-icons {
  color: var(--theme-color-2);
  text-shadow: none;
}
.modal.action-sheet.QrAccess .modal-content .CountTime {
  color: var(--theme-color-2);
}
.modal.action-sheet.QrAccess textarea {
  background: rgba(255, 255, 255, 0.37);
  border: 3px solid rgba(136, 61, 122, 0.14) !important;
}
.modal.action-sheet.QrAccess .error {
  color: #fff600 !important;
}
/* End action sheet Qr Code Access */
/* Menu Action Sheet */
.menubox .item {
  color: var(--theme-color) !important;
  background: #fff !important;
}
.menubox .item .menuIcon {
  filter: invert(9%) sepia(35%) saturate(7151%) hue-rotate(355deg) brightness(100%) contrast(99%);
}
.formbox.login .form-control {
  border: 1px solid #ddd;
}
.formbox.login .flag .select2-container .select2-selection {
  border: 1px solid #ddd;
}
/* UI category  */

.category-row.one .category-item {
  padding: 10px 15px;
}
.category-row.one .category-item .category-item-title {
  font-size: 18px;
  font-weight: 700;
  width: 90%;
}
.category-row.one .category-image {
  margin-right: -25px;
  margin-left: -15px;
}
.category-row.one .category-item-detail {
  color: rgb(135, 135, 135) !important;
}
.category-row.one .category-item .category-item-title,
.category-row.two .category-item .category-item-title {
  color: rgb(82, 164, 250);
}
.card.list-user .list-top {
  color: rgb(135, 135, 135);
}
.card.list-user .list-top .title {
  color: rgb(82, 164, 250);
}
.card.list-user .list-top .top-image {
  object-position: 0 -20px;
  margin-right: -30px;
  margin-left: -30px;
}
.category-row.two {
  grid-gap: 15px;
}
.category-row.two .category-item {
  padding: 0 15px 15px 15px;
  text-align: center;
}
.category-row.two .category-image {
  max-width: 180px;
}
.category-row.two .category-item-detail {
  color: rgb(135, 135, 135) !important;
}
.category-item:after {
  opacity: 0.6;
  filter: var(--filter-icon);
}
/* login tab */
.LoginTheme .nav-tabs.style1 {
  background-color: white;
}
.LoginTheme .nav-tabs.style1 .nav-item .nav-link.active {
  background-color: #e7cb87;
  color: #6a1007 !important;
}
.LoginTheme .nav-tabs.style1 .nav-item .nav-link {
  color: #818181 !important;
}