@charset "utf-8";

::-webkit-scrollbar { width: 5px; height: 5px; }

::-webkit-scrollbar-track { border-radius: 4px; }

::-webkit-scrollbar-thumb { border-radius: 4px; background: rgb(219, 219, 219); }

body { background: 0px 0px; }

.brandName { color: rgb(249, 152, 22); font-weight: 700; display: block; }

.btn { margin: 2px; }

.widget { margin-bottom: 20px; }

form .widget { margin-top: 20px; }

.widget-head .heading { display: inline; margin-right: 10px; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { text-align: center; }

.deep-style { background-color: rgba(55, 64, 80, 0.84) !important; color: rgb(255, 255, 255) !important; }

.flex-between { display: flex; justify-content: space-between; }

.notice { font-style: italic; font-weight: 800; padding-left: 5px; color: rgb(243, 70, 70) !important; }

.notice-black { font-style: italic; font-weight: 800; color: rgb(0, 0, 0); padding-left: 5px; }

.nav-pills.inner > li > a { margin-right: 8px; }

form.inline .form-group { display: inline-block; min-height: auto; margin: 15px 0px 0px; }

form.inline .form-group .checkbox, form.inline .form-group .radio { margin-bottom: 0px; }

form.inline .form-group .control-label { margin-right: 8px; }

.widget.search .kv-drp-dropdown { background-color: rgb(255, 255, 255); }

.form-group { min-height: auto; }

.localized-file-input { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; vertical-align: middle; }

.localized-file-input-control { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; }

.localized-file-input-button { margin: 0px; }

.localized-file-input-filename { color: rgb(51, 51, 51); white-space: nowrap; }

.tooltip > .tooltip-inner { color: rgb(255, 255, 255); }

.table-header { height: 35px; line-height: 35px; text-align: center; }

.bg-danger { background: rgb(237, 107, 117); color: rgb(255, 255, 255); }

.shape { border-style: solid; border-width: 0px 60px 40px 0px; float: right; height: 0px; width: 0px; transform: rotate(360deg); }

.offer { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px; margin: 15px 0px; overflow: hidden; }

.offer:hover { transform: scale(1.1); transition: 0.4s ease-in-out; }

.shape { border-color: rgba(255, 255, 255, 0) rgb(217, 83, 79) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }

.offer-radius { border-radius: 7px; }

.offer-danger { border-color: rgb(217, 83, 79); }

.offer-danger .shape { border-color: transparent rgb(217, 83, 79) transparent transparent; }

.offer-success { border-color: rgb(92, 184, 92); }

.offer-success .shape { border-color: transparent rgb(92, 184, 92) transparent transparent; }

.offer-default { border-color: rgb(153, 153, 153); }

.offer-default .shape { border-color: transparent rgb(153, 153, 153) transparent transparent; }

.offer-primary { border-color: rgb(66, 139, 202); }

.offer-primary .shape { border-color: transparent rgb(66, 139, 202) transparent transparent; }

.offer-info { border-color: rgb(91, 192, 222); }

.offer-info .shape { border-color: transparent rgb(91, 192, 222) transparent transparent; }

.offer-warning { border-color: rgb(240, 173, 78); }

.offer-warning .shape { border-color: transparent rgb(240, 173, 78) transparent transparent; }

.offer-purple { border-color: rgb(153, 153, 255); }

.offer-purple .shape { border-color: transparent rgb(153, 153, 255) transparent transparent; }

.label-purple { background-color: rgb(153, 153, 255); }

.label-blue { background-color: rgb(91, 192, 222); }

.shape-text { color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; position: relative; right: -40px; top: 2px; white-space: nowrap; transform: rotate(30deg); }

.offer-content { padding: 0px 10px; }

@media (min-width: 487px) {
  .container { max-width: 450px; }
  .col-sm-6 { width: 50%; }
}

@media (min-width: 900px) {
  .container { max-width: 970px; }
  .col-md-4 { width: 33.3333%; }
}

@media (min-width: 1200px) {
  .container { max-width: 570px; }
  .col-lg-3 { width: 16.6667%; }
}

.warning-summary { color: rgb(169, 114, 41); background: rgb(255, 235, 208); border-left: 3px solid rgb(249, 152, 22); padding: 10px 20px; margin: 0px 0px 15px; display: inline-block; }

.info-summary { color: rgb(33, 141, 167); background: rgb(226, 252, 255); border-left: 3px solid rgb(96, 181, 251); padding: 10px 20px; margin: 0px 0px 15px; display: inline-block; }

@media (min-width: 768px) {
  .lead { font-size: 19px; }
}

.btn-excel { background: rgb(11, 142, 27); border-color: rgb(11, 142, 27); color: rgb(255, 255, 255); }

.iti--allow-dropdown { display: block; }

select.form-control.btn-warning[name="brand_id"], select.form-control.btn-warning[name="Brand[brand_id]"] { width: auto; max-width: 240px; }

.cd-wrap:has(> select[name="brand_id"]), .cd-wrap:has(> select[name="Brand[brand_id]"]) { width: auto !important; max-width: 240px; }

.search-bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 4px 12px; margin-bottom: 8px; }

.search-bar > .search-bar-date { flex: 0 0 auto; min-width: 240px; max-width: 380px; }

.search-bar > .search-bar-quick { flex: 0 0 auto; }

.search-bar > .search-bar-btn { flex: 0 0 auto; }

.search-bar .form-group { margin-bottom: 0px; }

.search-bar .help-block { display: none; }

.search-bar .search-bar-quick > .form-group > .control-label, .search-bar .search-bar-btn > .form-group > .control-label { display: none; }

.search-bar .search-bar-quick .btn-group { width: auto !important; }

.search-bar .search-bar-quick .btn-group .btn { padding: 6px 10px; }

.search-form-submit { padding-top: 25px; }

.table-responsive .table td { white-space: nowrap; }

.navbar .dropdown.pull-left { padding-top: 0px; }

.img-r40-100 { width: 40px; height: 100px; }

.img-r40-40 { width: 40px; height: 40px; }

.navbar .dropdown.notif .dropdown-menu { max-height: 80vh; overflow-y: scroll; }

.dropdown-menu { top: 92%; }

.form-high .form-group { min-height: 84px; }

.modal-header-custom { padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); }

.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 58em; }

.mix-tab .tab-content > .tab-pane { padding-top: 10px; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: initial; }

ul.menu li > a > span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 85%; }

.sidebar.sidebar-fusion #menu > div ul > li > a[data-toggle="collapse"]::after { right: 15px; }

.sidebar.sidebar-fusion #menu > div ul > li > a { padding-left: 10px; text-align: center; }

.sidebar.sidebar-fusion #menu > div > ul > li > ul > li a { padding-left: 15px; }

.center { margin: 0px auto; }

.hint-block, .help-block { font-weight: 400; }

.hint-block.hint-block-compact { font-size: small; padding-left: 0px; }

.table > tbody > tr > td:has(.hint-block-compact) { padding: 1px; }

.kv-drp-dropdown .left-ind, .kv-drp-dropdown .right-ind { top: 0.7rem; }

.kv-drp-dropdown .range-value { padding-left: 3rem; }

@media screen and (min-width: 768px) {
  .modal-dialog { width: 40%; }
}

a.asc::after, a.desc::after, a[data-sort]::after { position: relative; top: 1px; font-size: 12px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; padding-left: 5px; }

a[data-sort]::after { content: ""; }

a.asc::after { content: ""; }

a.desc::after { content: ""; }

.kv-grid-group-row > td::before { position: relative; top: 1px; font-size: 12px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; padding-right: 5px; content: "+"; }

.kv-grid-group-row.open > td::before { content: "−"; }

.select2-container--krajee .select2-selection--multiple .select2-selection__rendered { display: block; }

.loading-overlay { z-index: 9999 !important; }

.json { background-color: rgb(29, 33, 41); color: rgb(143, 220, 51); text-align: left; padding: 10px; overflow: scroll; max-height: 75vh; }

.flash-alert { position: absolute; top: 10px; }

#myAudio { display: none; }

div.big-block { padding: 2% 5%; text-align: center; }

.big-block a { padding: 64px; font-size: 2rem; color: rgb(84, 142, 81); border-color: rgba(136, 136, 136, 0.58); }

.label-table { font-weight: 700; width: 40%; }

.value-table { display: inline-block; width: 50%; }

.no-border { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.chat_box { height: 600px; overflow-y: scroll; }

.chat_box .chat_box_msg_wrap { margin: 10px 0px; max-width: 100%; display: inline-flex; }

.chat_box .chat_option { padding: 5px 10px; }

.chat_box .chat_box_msg { padding: 5px 10px; word-break: break-all; display: inline-flex; grid-template-columns: 35px 1fr; gap: 10px; line-height: 30px; background-color: rgb(237, 237, 237); border-radius: 10px; }

.chat_box li { list-style: none; }

.chat_box .chat_box_msg > .text-wrap { padding-top: 8px; font-size: 14px; line-height: 1.4; color: rgb(61, 61, 61); }

.chat_box_msg > img { width: 35px; height: 35px; align-self: flex-start; border-radius: 50%; }

.multi-setting-area { float: right; }

.multi-setting-area .btn { margin-top: -1px; margin-right: 3px; background-color: rgb(227, 227, 227); }

.multi-setting-wrap { margin: 0px 4px; padding: 8px; display: inline; border-color: rgb(227, 227, 227); }

.multi-setting-wrap input { margin-top: 0px; margin-right: 3px; }

.multi-setting-wrap .text-input { border-radius: 0px; border: 1px solid rgb(204, 204, 204); line-height: 20px; width: 40px; }

.mobild-show { display: block; }

@media (min-width: 768px) {
  .mobild-show { display: none; }
}

.ngr-plus { color: rgb(219, 0, 0); }

.ngr-minus { color: rgb(51, 167, 0); }

.lang-tabs-scroll-wrapper { display: flex; align-items: flex-start; position: relative; }

.lang-tabs-scroll-inner { overflow: hidden; flex: 1 1 0%; min-width: 0px; }

.lang-tabs-scroll-inner > .tabs-x { margin-bottom: 0px; }

.lang-tabs-scroll-inner .nav-tabs { flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }

.lang-tabs-arrow { flex-shrink: 0; width: 24px; height: 34px; border: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245); color: rgb(85, 85, 85); cursor: pointer; display: none; align-items: center; justify-content: center; font-size: 10px; padding: 0px; line-height: 34px; z-index: 1; }

.lang-tabs-arrow:hover { background: rgb(224, 224, 224); }

.lang-tabs-scroll-wrapper.has-overflow .lang-tabs-arrow { display: flex; }

.lang-tabs-arrow.disabled { opacity: 0.3; cursor: default; }

.vip-front-copy-page { --vip-brand: #7c4dff; --vip-brand-2: #b388ff; --vip-line: #e9e6f2; --vip-bg: #f6f5fb; --vip-text: #2b2b3a; --vip-muted: #8a879c; color: var(--vip-text); }

.vip-front-copy-subtabs { display: inline-flex; gap: 6px; margin: 22px 0px 20px; padding: 5px; border: 0px; border-radius: 12px; background: rgb(239, 236, 248); }

.vip-front-copy-subtabs > li > a { margin: 0px; padding: 8px 22px; border-radius: 9px; color: var(--vip-muted); font-weight: 600; border: 0px !important; }

.vip-front-copy-subtabs > li.active > a, .vip-front-copy-subtabs > li.active > a:hover { color: var(--vip-brand); background: rgb(255, 255, 255); box-shadow: rgba(124, 77, 255, 0.15) 0px 1px 4px; }

.vip-front-copy-card { padding: 22px; border: 1px solid var(--vip-line); border-radius: 14px; background: rgb(255, 255, 255); }

.vip-front-copy-card-tag { display: inline-block; margin-bottom: 18px; padding: 5px 12px; border-radius: 999px; color: var(--vip-brand); background: rgb(240, 235, 255); font-size: 13px; font-weight: 700; }

.vip-front-copy-card-tag i { margin-right: 6px; }

.vip-front-copy-editor { display: flex; gap: 18px; align-items: flex-start; min-height: 560px; }

.vip-tier-sidebar { flex: 0 0 220px; padding: 10px; border: 1px solid var(--vip-line); border-radius: 12px; background: rgb(253, 252, 255); }

.vip-tier-list-item { display: flex; width: 100%; align-items: center; gap: 10px; margin-bottom: 4px; padding: 10px 12px; border: 0px; border-radius: 9px; color: var(--vip-text); background: 0px 0px; text-align: left; }

.vip-tier-list-item:hover { background: rgb(244, 240, 255); }

.vip-tier-list-item.active { color: rgb(255, 255, 255); background: linear-gradient(135deg,var(--vip-brand),var(--vip-brand-2)); }

.vip-tier-list-item .vip-tier-order { display: flex; flex: 0 0 auto; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 6px; color: var(--vip-brand); background: rgba(124, 77, 255, 0.12); font-size: 12px; font-weight: 700; }

.vip-tier-list-item.active .vip-tier-order { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.25); }

.vip-tier-list-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#vip-add-tier, .vip-outline-action { width: 100%; margin-top: 4px; padding: 11px; border: 1px dashed var(--vip-brand-2); border-radius: 10px; color: var(--vip-brand); background: rgb(255, 255, 255); font-weight: 600; }

#vip-add-tier { border-style: solid; }

#vip-add-tier:hover, .vip-outline-action:hover { background: rgb(250, 247, 255); }

.vip-tier-workspace { flex: 1 1 0%; min-width: 0px; padding: 18px; border: 1px solid var(--vip-line); border-radius: 12px; background: rgb(253, 252, 255); }

.vip-tier-panel { display: none; }

.vip-tier-panel.active { display: block; }

.vip-tier-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }

.vip-tier-heading > strong { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }

.vip-tier-heading label { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; color: var(--vip-muted); font-size: 13px; font-weight: 400; }

.vip-tier-top-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }

.vip-tier-panel .form-group { margin-bottom: 16px; }

.vip-tier-panel .form-group > label { color: var(--vip-muted); font-size: 13px; font-weight: 400; }

.vip-tier-panel .form-control { height: 42px; border-color: var(--vip-line); border-radius: 10px; color: var(--vip-text); background: rgb(252, 251, 255); box-shadow: none; }

.vip-tier-panel .form-control:focus { border-color: var(--vip-brand-2); background: rgb(255, 255, 255); }

.vip-tier-upload { min-height: 42px; align-items: center; justify-content: center; gap: 6px; padding: 10px; border: 1px dashed var(--vip-brand-2); border-radius: 10px; background: rgb(252, 251, 255); cursor: pointer; display: flex !important; color: var(--vip-brand) !important; font-weight: 600 !important; }

.vip-tier-upload input { display: none; }

.vip-tier-upload img { max-width: 100%; max-height: 46px; border-radius: 6px; }

.vip-language-field { display: flex; gap: 8px; align-items: stretch; }

.vip-language-switch { display: flex; flex: 0 0 auto; align-items: center; gap: 2px; padding: 2px 4px; border: 1px solid var(--vip-line); border-radius: 10px; background: rgb(255, 255, 255); }

.vip-lang-arrow { padding: 4px 7px; border: 0px; border-radius: 6px; color: var(--vip-muted); background: 0px 0px; font-size: 15px; line-height: 1; }

.vip-lang-arrow:hover, .vip-lang-arrow:focus { color: var(--vip-brand); background: rgb(240, 235, 255); outline: 0px; }

.vip-lang-current { min-width: 46px; color: var(--vip-brand); font-size: 12px; font-weight: 700; text-align: center; user-select: none; }

.vip-lang-visible { flex: 1 1 0%; min-width: 0px; }

.vip-benefit-list, .vip-amount-list { width: 100%; }

.vip-benefit-row, .vip-amount-row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }

.vip-benefit-language, .vip-benefit-language .input-group, .vip-amount-language, .vip-amount-language .input-group { width: 100%; min-width: 0px; }

.vip-benefit-row .vip-remove-benefit, .vip-amount-row .vip-remove-amount { flex: 0 0 auto; width: 38px; height: 38px; border: 1px solid var(--vip-line); border-radius: 8px; color: var(--vip-muted); background: rgb(255, 255, 255); }

.vip-benefit-row .vip-remove-benefit:hover, .vip-amount-row .vip-remove-amount:hover { border-color: rgb(255, 84, 112); color: rgb(255, 84, 112); }

.vip-tier-footer { display: flex; justify-content: flex-end; margin-top: 14px; }

.vip-delete-tier { padding: 7px 12px; border: 1px solid var(--vip-line); border-radius: 10px; color: var(--vip-muted); background: rgb(255, 255, 255); font-size: 13px; }

.vip-delete-tier:hover { border-color: rgb(255, 84, 112); color: rgb(255, 84, 112); }

.vip-front-copy-actions { padding: 20px; }

.vip-front-copy-actions .btn-primary { padding: 12px 34px; border: 0px; border-radius: 10px; background: linear-gradient(135deg,var(--vip-brand),var(--vip-brand-2)); font-weight: 600; }

@media (max-width: 767px) {
  .vip-front-copy-editor { display: block; }
  .vip-tier-sidebar { width: 100%; margin-bottom: 18px; }
  .vip-tier-top-grid { grid-template-columns: 1fr; }
}