/*
    IMPORTANT NOTES: (PLEASE READ CAREFULLY!)
    1. DO NOT MODIFY the system styles section, it is generated by the system,
    your modifications will be overwritten. If you want to change the stylesheet
    template, modify the ew.scss in the "themes" subfolder under the installed
    directory. Only modify the ew.scss if you have the necessary knowledges in
    CSS.
    2. You MUST write your styles in User Styles editor. If you want to override
    the system styles, you can copy the styles to the User Styles editor, or you
    can use the separate user stylesheet.
*/
/*BEGIN_SYSTEM_STYLES*/
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,900&family=Anuphan:wght@400;500;600;700&display=swap");
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes shake {
  0% {
    transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-2deg);
  }
  20% {
    transform: translate(-3px, 0) rotate(3deg);
  }
  30% {
    transform: translate(0, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(2px, 1px) rotate(-2deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(4deg);
  }
  90% {
    transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: none;
  }
}
:root {
  --modal-options-limit: 10;
  --filter-options-limit: 6;
}

@font-face {
  font-family: "ew";
  src: url("fonts/ew.eot?t39no9");
  src: url("fonts/ew.eot?#iefixt39no9") format("embedded-opentype"), url("fonts/ew.woff?t39no9") format("woff"), url("fonts/ew.ttf?t39no9") format("truetype"), url("fonts/ew.svg?t39no9#ew") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  display: inline-block;
  font: normal normal normal 14px/1 "ew";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-advanced-search::before {
  content: "\e608";
}

.icon-grid-add::before {
  content: "\e60f";
}

.icon-grid-edit::before {
  content: "\e61c";
}

.icon-addedit::before {
  content: "\e609";
}

.icon-md-add::before {
  content: "\e61b";
}

.icon-md-edit::before {
  content: "\e600";
}

.icon-md-copy::before {
  content: "\e60c";
}

.icon-md-view::before {
  content: "\e614";
}

.icon-inline-add::before {
  content: "\e619";
}

.icon-inline-copy::before {
  content: "\e606";
}

.icon-inline-copy2::before {
  content: "\e61a";
}

.icon-inline-edit::before {
  content: "\e605";
}

.icon-reset-search::before {
  content: "\e60d";
}

.icon-view::before {
  content: "\e612";
}

.icon-advanced-search2::before {
  content: "\e60b";
}

.icon-highlight::before {
  content: "\e60a";
}

.icon-csv::before {
  content: "\e610";
}

.icon-xml::before {
  content: "\e60e";
}

.icon-email::before {
  content: "\f003";
}

.icon-user::before {
  content: "\f007";
}

.icon-print::before {
  content: "\f02f";
}

.icon-edit::before {
  content: "\f040";
}

.icon-export::before {
  content: "\f045";
}

.icon-selected::before {
  content: "\f046";
}

.icon-filter::before {
  content: "\f0b0";
}

.icon-copy::before {
  content: "\f0c5";
}

.icon-options::before {
  content: "\f0c9";
}

.icon-table::before {
  content: "\f0ce";
}

.icon-first::before {
  content: "\f100";
}

.icon-last::before {
  content: "\f101";
}

.icon-prev::before {
  content: "\f104";
}

.icon-next::before {
  content: "\f105";
}

.icon-collapse::before {
  content: "\f147";
}

.icon-expand::before {
  content: "\f196";
}

.icon-search::before {
  content: "\e611";
}

.icon-language::before {
  content: "\e613";
}

.icon-pdf::before {
  content: "\e601";
}

.icon-word::before {
  content: "\e602";
}

.icon-excel::before {
  content: "\e603";
}

.icon-html::before {
  content: "\e604";
}

.icon-master-detail::before {
  content: "\e607";
}

.icon-arrow-left::before {
  content: "\e615";
}

.icon-arrow-down::before {
  content: "\e616";
}

.icon-arrow-up::before {
  content: "\e617";
}

.icon-arrow-right::before {
  content: "\e618";
}

body {
  font-family: Anuphan, var(--bs-font-sans-serif), "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.975rem;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Anuphan, var(--bs-font-sans-serif), "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.content-wrapper {
  background-color: #FFFFFF;
}

a:not(.btn) .icon-view,
a:not(.btn) .icon-edit,
a:not(.btn) .icon-inline-edit,
a:not(.btn) .icon-copy,
a:not(.btn) .icon-inline-copy,
a:not(.btn) .fa-trash {
  display: inline-block;
}
a:not(.btn).ew-edit + a:not(.btn).ew-inline-edit, a:not(.btn).ew-copy + a:not(.btn).ew-inline-copy {
  padding-left: 4px;
}

/* google map */
.gm-style-iw {
  color: #212529;
}

.ew-single-map {
  margin-bottom: 1rem;
}

.brand-link .ew-brand-image {
  float: none;
}

.ew-icon {
  font-size: max(0.975rem, 1rem);
  width: max(0.975rem, 1rem);
  text-align: center;
}

.input-group .ew-icon, .ew-dropdown-clear .ew-icon {
  font-size: 0.975rem;
  width: 0.975rem;
  text-align: center;
}

.dropdown-menu > li > a > .fa {
  margin-right: 0;
}

.dropdown-header {
  text-align: left;
}

label.form-check-label {
  font-weight: 400 !important;
}

[id^=el_] > .form-check {
  margin-top: 0.5rem;
}

.ew-grid-add-edit .input-group .custom-select {
  width: auto;
}

.content-header h1 small {
  font-size: 70%;
}

.ew-image {
  margin: 1px;
  max-width: none;
}

.ew-images > * {
  margin-right: 0.25rem;
}

.ew-toolbar .ew-export-option, .ew-toolbar .ew-import-option, .ew-toolbar .ew-search-option, .ew-toolbar .ew-action-option, .ew-toolbar .ew-detail-option, .ew-toolbar .ew-filter-option {
  margin-bottom: 1rem;
  margin-right: 0.5rem;
}
.ew-toolbar .ew-filter-option {
  display: none;
}

.ew-list-other-options .ew-add-edit-option, .ew-list-other-options .ew-acton-option {
  margin-right: 0.5rem;
}

.ew-user-priv-form .ew-grid {
  display: block;
}

.ew-view-form, .ew-delete-form {
  display: block;
  margin-bottom: 1rem;
}

.ew-edit-form {
  margin-bottom: 1rem;
}

.ew-desktop .ew-desktop-button {
  text-align: center;
  margin-bottom: 1rem;
}
.ew-desktop .ew-desktop-table {
  min-width: 300px;
}
.ew-desktop .ew-desktop-table > thead > tr > th:first-of-type .checkbox, .ew-desktop .ew-desktop-table > tbody > tr > th:first-of-type .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.ew-desktop .ew-desktop-table > thead > tr > td:first-of-type > span[id^=elh_], .ew-desktop .ew-desktop-table > tbody > tr > td:first-of-type > span[id^=elh_] {
  font-weight: bold;
  display: inline-block;
  margin-top: 0.75rem;
}
.ew-desktop .ew-desktop-table > thead > tr > td:first-of-type .checkbox, .ew-desktop .ew-desktop-table > tbody > tr > td:first-of-type .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.ew-desktop .ew-desktop-table > thead > tr > td:first-of-type .checkbox label, .ew-desktop .ew-desktop-table > tbody > tr > td:first-of-type .checkbox label {
  font-weight: bold;
}
.ew-desktop .ew-desktop-table > thead > tr > td:nth-of-type(2):not(:last-of-type) .ew-search-operator, .ew-desktop .ew-desktop-table > tbody > tr > td:nth-of-type(2):not(:last-of-type) .ew-search-operator {
  margin-top: 0.75rem;
}
.ew-desktop .ew-desktop-table > thead > tr > th:last-of-type, .ew-desktop .ew-desktop-table > thead > tr > td:last-of-type, .ew-desktop .ew-desktop-table > tbody > tr > th:last-of-type, .ew-desktop .ew-desktop-table > tbody > tr > td:last-of-type {
  min-width: 150px;
}

.ew-label .checkbox {
  padding-top: 0;
}
.ew-label label {
  font-weight: bold;
}

.ew-grid {
  padding: 0;
  border: 1px solid #51585E;
  margin-bottom: 1rem;
  display: table;
}
.ew-grid .ew-grid-upper-panel {
  border-bottom: 1px solid #5C636A;
}
.ew-grid .ew-table tbody,
.ew-grid .ew-table tfoot,
.ew-grid .ew-table :not(thead) > tr,
.ew-grid .ew-table td,
.ew-grid .ew-table th {
  border-color: #DEE2E6;
}
.ew-grid .ew-table.table-bordered > thead > tr:first-child {
  border-top-width: 0;
}
.ew-grid .ew-table > thead > *,
.ew-grid .ew-table > thead > * > * {
  border-bottom-color: #5C636A !important;
}
.ew-grid .ew-table > :not(:last-child):not(thead) > :last-child > * {
  border-bottom-color: #DEE2E6;
}
.ew-grid .ew-table, .ew-grid .ew-grid-middle-panel {
  border: 0;
  padding: 0;
  margin-bottom: 0;
}
.ew-grid .ew-grid-lower-panel {
  border-top: 1px solid #DEE2E6;
}

.ew-form .row {
  margin-bottom: 1rem;
}

.ew-search-panel > .card {
  display: table;
}
.ew-search-panel .row-cols-sm-1 > .col-sm-auto {
  width: 100%;
}

.ew-pager {
  padding-right: 1rem;
  margin-bottom: 1rem;
  display: inline-flex;
  width: auto;
  align-items: center;
  /*rtl:ignore*/
  direction: ltr;
}
.ew-pager .input-group {
  flex-wrap: nowrap;
}
.ew-pager .input-group > input.ew-page-no {
  width: 6em;
}
.ew-pager .ew-prev-next, .ew-pager .ew-numeric-page {
  direction: ltr;
}
.ew-pager .ew-prev-next .btn:not(:disabled), .ew-pager .ew-numeric-page .btn:not(:disabled) {
  cursor: pointer;
}
.ew-pager .ew-numeric-page > ul.pagination {
  margin-bottom: 0;
}

.ew-prev-next {
  display: flex;
}

.ew-list-other-options {
  margin-bottom: 2px;
  display: inline-flex;
}

.ew-pager-form {
  display: inline-flex;
}

.ew-grid-upper-panel.card-header, .ew-grid-lower-panel.card-footer {
  padding: 0.4rem 0.4rem;
  border-left: 0;
  border-right: 0;
  background-color: rgba(0, 0, 0, 0.03);
}
.ew-grid-upper-panel.card-header .ew-pager, .ew-grid-lower-panel.card-footer .ew-pager {
  margin-bottom: 0;
}

button.ew-btn {
  min-width: 75px;
}

a.ew-btn {
  min-width: 49px;
}

.ew-btn-dropdown {
  min-width: calc(0.25rem * 2 + max(0.975rem, 1rem) + 0.3em * 2 + 2px);
}

.ew-aggregate::after {
  content: ": ";
}

.ew-table-header .ew-table-header-btn,
.jtable-column-header-container {
  white-space: nowrap;
  display: flex;
}
.ew-table-header .ew-table-header-btn .ew-table-header-caption,
.jtable-column-header-container .ew-table-header-caption {
  flex-grow: 1;
}
.ew-table-header .ew-table-header-btn .ew-filter-dropdown-btn, .ew-table-header .ew-table-header-btn .ew-table-header-sort:not(:empty),
.jtable-column-header-container .ew-filter-dropdown-btn,
.jtable-column-header-container .ew-table-header-sort:not(:empty) {
  margin-left: 0.5rem;
}

.ew-summary-caption .ew-table-header-btn {
  white-space: nowrap;
  display: inline-flex;
}
.ew-summary-caption .ew-table-header-btn .ew-filter-dropdown-btn, .ew-summary-caption .ew-table-header-btn .ew-table-header-sort:not(:empty) {
  margin-left: 0.25rem;
}

.ew-grid .ew-table {
  color: #212529;
  border: 0;
  width: 100%;
}
.ew-grid .ew-table.table > tbody {
  border-top: 0;
}
.ew-grid .ew-table > tbody:last-child > tr:last-child,
.ew-grid .ew-table > tbody:last-child > tr:last-child > td,
.ew-grid .ew-table > tfoot,
.ew-grid .ew-table > tfoot > tr:last-child,
.ew-grid .ew-table > tfoot > tr:last-child > td,
.ew-grid .ew-table td.ew-table-last-row {
  border-bottom: 0;
}
.ew-grid .ew-table > tbody:last-child > tr:last-child > td.ew-table-border-bottom,
.ew-grid .ew-table > tfoot > tr:last-child > td.ew-table-border-bottom,
.ew-grid .ew-table td.ew-table-last-row.ew-table-border-bottom,
.ew-grid .ew-table .ew-table-border-bottom {
  border-bottom: 1px solid;
  border-color: #DEE2E6;
}
.ew-grid .ew-table > thead > tr > th,
.ew-grid .ew-table > thead > tr > td {
  font-weight: normal;
  border-color: #5C636A;
  vertical-align: top;
}
.ew-grid .ew-table > thead > tr > th label,
.ew-grid .ew-table > thead > tr > td label {
  margin-bottom: 0;
}
.ew-grid .ew-table .ew-table-header, .ew-grid .ew-table .ew-rpt-col-summary, .ew-grid .ew-table .ew-rpt-col-header {
  background-color: #646C74;
  color: #FFFFFF;
}
.ew-grid .ew-table .ew-table-footer {
  background-color: #E9EAEC;
  color: #000000;
}
.ew-grid .ew-table .table-active {
  --bs-table-bg: null;
  --bs-table-accent-bg: null;
  background-color: #E2E3E5 !important;
  color: #000000 !important;
}
.ew-grid .ew-table > thead > tr > td:first-child,
.ew-grid .ew-table > thead > tr > th:first-child,
.ew-grid .ew-table > tbody > tr > td:first-child,
.ew-grid .ew-table > tfoot > tr > td:first-child {
  border-left: 0;
}
.ew-grid .ew-table > thead > tr > td:last-child,
.ew-grid .ew-table > thead > tr > th:last-child,
.ew-grid .ew-table > tbody > tr > td:last-child,
.ew-grid .ew-table > tfoot > tr > td:last-child,
.ew-grid .ew-table td.ew-table-last-col, .ew-grid .ew-table th.ew-table-last-col {
  border-right: 0;
}
.ew-grid .ew-table tr:not([class^=ew-]):not(.table-active) {
  background-color: transparent;
  color: #212529;
}
.ew-grid .ew-table .ew-table-alt-row:not(.table-active) {
  --bs-table-accent-bg: rgba(0, 0, 0, 0.05);
  color: #212529;
}
.ew-grid .ew-table.table-hover > tbody > tr:not(.expandable-body):hover {
  --bs-table-accent-bg: rgba(0, 0, 0, 0.075);
  color: #212529;
}

.expandable-body .ew-table {
  margin: 0;
}

.ew-add-edit-option {
  display: inline-block;
}

.ew-detail-option {
  display: inline-block;
}

.ew-action-option {
  padding-right: 10px;
  display: inline-block;
}

.ew-multi-column-form > .ew-multi-column-row {
  margin-bottom: 1rem;
}
.ew-multi-column-form > .ew-multi-column-row .card .ew-table-header-btn {
  display: inline-flex;
}
.ew-multi-column-form > .ew-multi-column-row .card .ew-table-header-btn .ew-table-header-sort {
  margin-left: 0.5rem;
}
.ew-multi-column-form > .ew-multi-column-row .card-header + * .card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ew-multi-column-form > .ew-multi-column-row .card > *:not(:last-child) .card-img-bottom {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ew-multi-column-form > .ew-multi-column-row .card-body .card-title {
  float: none;
}
.ew-multi-column-form > .ew-multi-column-row .card-body .card-subtitle {
  color: #6C757D;
}
.ew-multi-column-form > .ew-multi-column-row .card-body .card-title, .ew-multi-column-form > .ew-multi-column-row .card-body .card-subtitle {
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.ew-multi-column-form > .ew-multi-column-row .card-body .card-text {
  margin-bottom: 1rem;
}
.ew-multi-column-form > .ew-multi-column-row .card .ew-images > *:not(:first-child) {
  display: none;
}
.ew-multi-column-form .ew-multi-column-list-option .ew-list-option-body[data-name=checkbox] label {
  margin-top: 0;
  margin-bottom: 0;
}

.ew-multi-column-list-option {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  display: flex;
}
.ew-multi-column-list-option.ew-top-end, .ew-multi-column-list-option.ew-bottom-end {
  flex-direction: row-reverse;
}
.ew-multi-column-list-option .ew-list-option-body {
  float: left;
}
.ew-multi-column-list-option .dropdown-toggle::after {
  display: none;
}
.ew-multi-column-list-option [data-name=checkbox] .form-check {
  margin: 0.25rem;
}

.ew-layout-option .btn-group .form-check {
  margin: 0.25rem;
}

.ew-list-option-header label.checkbox, .table th label.checkbox {
  margin-bottom: 0;
}

.ew-list-option-body {
  vertical-align: middle !important;
}
.ew-list-option-body .btn-group > .btn {
  float: none;
}
.ew-list-option-body .ew-row-link, .ew-list-option-body .ew-row-link:hover, .ew-list-option-body .ew-row-link:focus {
  text-decoration: none;
}
.ew-list-option-body:not(td) {
  padding-right: 0.5rem;
}

.ew-row-link + .ew-row-link {
  padding-left: 0.5rem;
}

.ew-view-table {
  min-width: 300px;
}
.ew-view-table > tbody > tr > td:first-child {
  font-weight: bold;
}

.ew-view-table, .ew-desktop-table {
  background-color: #FFFFFF;
}

.ew-preview-lower-panel {
  display: flex;
}
.ew-preview-lower-panel .ew-detail-count, .ew-preview-lower-panel .ew-preview-other-options {
  float: left;
}
.ew-preview-lower-panel .ew-detail-count {
  margin-bottom: 1rem;
  padding-right: 10px;
  /*rtl:ignore*/
  direction: ltr;
}

.icon-expand, .icon-collapse, .ew-group-toggle {
  cursor: pointer;
}

.ew-export-table {
  border: 0;
}
.ew-export-table td {
  border: 1px solid;
  border-color: #DEE2E6;
}
.ew-export-table .ew-table-header, .ew-export-table .ew-export-table-header td {
  background-color: #646C74;
  color: #FFFFFF;
  vertical-align: top;
}
.ew-export-table .ew-export-table-row > td {
  background-color: var(--bs-table-bg);
  color: #212529;
}
.ew-export-table .ew-export-table-alt-row > td {
  background-color: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}
.ew-export-table .ew-export-table-footer {
  background-color: #E9EAEC;
  color: #000000;
}

.ew-list-export-options, .ew-view-export-options, .ew-view-other-options {
  margin-bottom: 1rem;
}

.ew-extended-search [class^=col-], .ew-extended-search [class*=" col-"] {
  padding-left: 0;
}

.ew-extended-search .row .date {
  white-space: normal;
}

.ew-search-cond .form-check + .form-check {
  margin-left: 0.5rem;
}

.ew-search-caption, .ew-search-operator, .ew-search-cond, .ew-search-and, .ew-search-operator2,
.ew-search-field, .ew-search-field2 {
  display: inline-flex;
  margin-right: 0.5rem;
}

.ew-search-field-single {
  display: inline-flex;
}

.modal .ew-search-cond, .modal .ew-search-and, .ew-search-div .ew-search-cond, .ew-search-div .ew-search-and {
  display: inline-flex;
  height: calc(1.5em + 0.75rem + 2px);
}
.modal .ew-search-field, .modal .ew-search-field2, .ew-search-div .ew-search-field, .ew-search-div .ew-search-field2 {
  display: block;
}
.modal .ew-search-operator select, .ew-search-div .ew-search-operator select {
  margin-bottom: 0.5rem;
}
.modal .ew-search-operator2 select, .ew-search-div .ew-search-operator2 select {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.modal .ew-search-cond .form-check, .modal .ew-search-and label, .ew-search-div .ew-search-cond .form-check, .ew-search-div .ew-search-and label {
  margin-top: 0.5rem;
}

.ew-search-and label {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
}

.ew-search-operator, .ew-search-operator2 {
  color: maroon;
  font-weight: normal;
}

#ew-email-form #subject, #ew-email-form #message {
  width: 100%;
}

#ew-email-form #message {
  max-width: 100%;
}

.ew-rpt-grp-header, .ew-rpt-grp-header-6, .ew-rpt-grp-header-5, .ew-rpt-grp-header-4, .ew-rpt-grp-header-3, .ew-rpt-grp-header-2, .ew-rpt-grp-header-1 {
  border-bottom: 1px solid;
  border-right: 1px solid;
  border-color: #5C636A;
  font-weight: bold;
}
.ew-rpt-grp-header a:link, .ew-rpt-grp-header-6 a:link, .ew-rpt-grp-header-5 a:link, .ew-rpt-grp-header-4 a:link, .ew-rpt-grp-header-3 a:link, .ew-rpt-grp-header-2 a:link, .ew-rpt-grp-header-1 a:link, .ew-rpt-grp-header a:active, .ew-rpt-grp-header-6 a:active, .ew-rpt-grp-header-5 a:active, .ew-rpt-grp-header-4 a:active, .ew-rpt-grp-header-3 a:active, .ew-rpt-grp-header-2 a:active, .ew-rpt-grp-header-1 a:active, .ew-rpt-grp-header a:visited, .ew-rpt-grp-header-6 a:visited, .ew-rpt-grp-header-5 a:visited, .ew-rpt-grp-header-4 a:visited, .ew-rpt-grp-header-3 a:visited, .ew-rpt-grp-header-2 a:visited, .ew-rpt-grp-header-1 a:visited {
  color: inherit;
  text-decoration: none;
}

.ew-rpt-grp-hide-1 {
  display: none !important;
}

.ew-rpt-grp-header-1 {
  background-color: #E9EAEC !important;
  color: #000000 !important;
}

.ew-rpt-grp-field-1 {
  background-color: #E9EAEC !important;
}

.ew-rpt-grp-summary-1 {
  background-color: #E9EAEC !important;
  color: #000000 !important;
}

.ew-rpt-grp-hide-2 {
  display: none !important;
}

.ew-rpt-grp-header-2 {
  background-color: transparent !important;
  color: #000000 !important;
}

.ew-rpt-grp-field-2 {
  background-color: transparent !important;
}

.ew-rpt-grp-summary-2 {
  background-color: transparent !important;
  color: #000000 !important;
}

.ew-rpt-grp-hide-3 {
  display: none !important;
}

.ew-rpt-grp-header-3 {
  background-color: #E9EAEC !important;
  color: #000000 !important;
}

.ew-rpt-grp-field-3 {
  background-color: #E9EAEC !important;
}

.ew-rpt-grp-summary-3 {
  background-color: #E9EAEC !important;
  color: #000000 !important;
}

.ew-rpt-grp-hide-4 {
  display: none !important;
}

.ew-rpt-grp-header-4 {
  background-color: transparent !important;
  color: #000000 !important;
}

.ew-rpt-grp-field-4 {
  background-color: transparent !important;
}

.ew-rpt-grp-summary-4 {
  background-color: transparent !important;
  color: #000000 !important;
}

.ew-rpt-grp-hide-5 {
  display: none !important;
}

.ew-rpt-grp-header-5 {
  background-color: #E9EAEC !important;
  color: #000000 !important;
}

.ew-rpt-grp-field-5 {
  background-color: #E9EAEC !important;
}

.ew-rpt-grp-summary-5 {
  background-color: #E9EAEC !important;
  color: #000000 !important;
}

.ew-rpt-grp-hide-6 {
  display: none !important;
}

.ew-rpt-grp-header-6 {
  background-color: transparent !important;
  color: #000000 !important;
}

.ew-rpt-grp-field-6 {
  background-color: transparent !important;
}

.ew-rpt-grp-summary-6 {
  background-color: transparent !important;
  color: #000000 !important;
}

tr[data-group] .ew-rpt-grp-caret {
  border-right: 0 !important;
}
tr[data-group] td[class^=ew-rpt-grp-field-]:empty {
  border-bottom: 0 !important;
}
tr[data-group] .ew-group-toggle {
  transition: transform 0.3s linear;
}
tr[data-group] .ew-group-toggle.ew-rpt-grp-hide {
  transform: rotate(-90deg);
}
tr[data-group] .ew-group-toggle :not(.ew-rpt-grp-hide) {
  transform: rotate(90deg);
}

.ew-rpt-grp-aggregate {
  font-weight: bold;
}

.ew-rpt-page-summary {
  background-color: #E5E7E8;
}

.ew-rpt-grand-summary {
  background-color: #E2E3E5;
}

.ew-crosstab-values {
  margin-bottom: 0;
}

.ew-filter-caption::after {
  content: ": ";
}

.ew-drill-link:hover {
  text-decoration: none;
}

#ew-drilldown-panel .popover {
  font-size: 0.975rem;
  max-width: 1140px;
}
#ew-drilldown-panel .popover.bottom {
  margin-top: 0.25rem;
}
#ew-drilldown-panel .popover .popover-body {
  max-height: 800px;
  overflow-y: auto;
}

.ew-detail-count {
  display: none;
}

.ew-summary-value {
  display: none;
}

.ew-message-dialog {
  display: table;
  min-width: 300px;
}

.ew-captcha-image {
  width: 200px;
  height: 50px;
}

.ew-required {
  color: #DC3545;
  margin-left: 0.5em;
  font-size: 50%;
  vertical-align: super;
}

.ew-template {
  display: none;
}

.ew-item-container .d-sm-table-cell {
  padding: 0.125rem 0.25rem;
  white-space: nowrap;
}
.ew-item-container .d-sm-table-cell .form-check-label {
  justify-content: left;
}

.ew-upload-table {
  margin-bottom: 0;
}
.ew-upload-table.ew-has-rows {
  margin-top: 0.75rem;
}
.ew-upload-table .progress {
  min-width: 75px;
}
.ew-upload-table tbody.files tr:first-child td {
  border-top: 0;
}
.ew-upload-table tbody.files tr:last-child td {
  border-bottom: 0;
}

input.cke_dialog_ui_input_text {
  min-height: 1.5rem;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #0D6EFD;
}

.tempus-dominus-widget {
  z-index: 1070;
  color: #212529;
}

.ew-map label {
  width: auto;
  display: inline;
}

.nav-tabs, .nav-pills {
  margin-bottom: 1rem;
}

.ew-auto-suggest .twitter-typeahead input[name^=sv_] {
  vertical-align: baseline !important;
}
.ew-auto-suggest .tt-hint {
  color: #6C757D;
}
.ew-auto-suggest .tt-suggestion {
  cursor: pointer;
}
.ew-auto-suggest .tt-dataset {
  overflow-y: auto;
}
.ew-auto-suggest .tt-footer {
  pointer-events: none;
}
.ew-auto-suggest .tt-menu {
  z-index: 1081 !important;
}

.modal-body .ew-auto-suggest .tt-menu {
  z-index: 1081 !important;
}

.ew-detail-pages {
  margin-bottom: 1rem;
}

.ew-custom-template, .ew-custom-template-page, .ew-custom-template-search {
  margin-bottom: 1rem;
}

.ew-grid .ew-custom-template {
  margin-bottom: 0;
}

.ew-debug {
  margin-bottom: 1rem;
}

.dropdown-submenu.float-start {
  float: none;
}
.dropdown-submenu.float-start > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 0.25rem 0 0.25rem 0.25rem;
}

/* desktop */
@media (min-width: 576px) {
  .w-col-1 {
    width: 8.33333% !important;
  }
  .w-col-2 {
    width: 16.66667% !important;
  }
  .w-col-3 {
    width: 25% !important;
  }
  .w-col-4 {
    width: 33.33333% !important;
  }
  .w-col-5 {
    width: 41.66667% !important;
  }
  .w-col-6 {
    width: 50% !important;
  }
  .w-col-7 {
    width: 58.33333% !important;
  }
  .w-col-8 {
    width: 66.66667% !important;
  }
  .w-col-9 {
    width: 75% !important;
  }
  .w-col-10 {
    width: 83.33333% !important;
  }
  .w-col-11 {
    width: 91.66667% !important;
  }
  .w-col-12 {
    width: 100% !important;
  }
  .ew-grid {
    min-width: 550px;
  }
  .form-control:not(.form-control-color) {
    display: inline;
    max-width: none;
  }
  .form-control:not(.form-control-color):not(textarea), .form-select {
    width: auto;
  }
  .form-range {
    width: 18rem;
  }
  .input-group > .form-control:not(.form-control-navbar),
  .input-group > .form-select {
    width: auto;
    flex: initial;
  }
  [id^=fd_] > .input-group {
    width: 50%;
  }
  .ew-grid-add-edit .input-group {
    flex-wrap: nowrap;
  }
  .ew-grid-add-edit [id^=fd_] > .input-group {
    width: 100%;
    min-width: 200px;
  }
  .ew-search-operator .form-control-plaintext {
    width: auto;
  }
  input[type=text]:not([size]):not(.ew-page-no):not(.cke_dialog_ui_input_text):not(.form-control-plaintext),
  input[type=password]:not([size]) {
    min-width: 250px;
  }
  .ew-custom-select, .ew-custom-file {
    max-width: 20em;
  }
  .ew-auto-suggest {
    display: inline-block;
  }
  .ew-upload-table {
    width: auto;
  }
  .ew-editor, .mce-tinymce {
    width: auto !important;
  }
  .modal-body .ew-editor, .modal-body .mce-tinymce {
    width: auto !important;
  }
}
@media (min-width: 576px) and (min-width: 768px) {
  .ew-form:not(.ew-list-form):not(.ew-pager-form), table.ew-master-table.ew-vertical {
    max-width: 800px;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .ew-form:not(.ew-list-form):not(.ew-pager-form), table.ew-master-table.ew-vertical {
    max-width: 1140px;
  }
}
@media (min-width: 576px) {
  .ew-detail-pages {
    display: table;
  }
  .modal-dialog .ew-form {
    width: 100% !important;
  }
  .ew-login-box, .ew-reset-pwd-box, .ew-change-pwd-box {
    width: 360px;
  }
  .modal-md {
    max-width: 500px;
  }
  .select2 {
    width: auto !important;
    display: inline-block;
  }
  .input-group .select2-container--bootstrap5 {
    flex-grow: 0;
  }
  .ew-file-drop-zone {
    width: 30rem;
  }
}
/* mobile */
@media (max-width: 575px) {
  .ew-grid {
    display: block;
  }
  .ew-grid .ew-grid-middle-panel {
    overflow-x: auto;
    overflow-y: visible;
  }
  .ew-multicolumn-form > .ew-multi-column-row > div[class^=col-]:not(:last-child) {
    margin-bottom: 15px;
  }
  .ew-auto-suggest {
    display: block;
  }
  #ew-map {
    width: 100% !important;
  }
  .ew-desktop {
    display: block;
  }
  .ew-desktop .ew-desktop-table {
    border: 0;
  }
  .ew-desktop .ew-desktop-table > tbody > tr > td {
    border: 0;
    display: inline-block;
  }
  .ew-desktop .ew-desktop-table > tbody > tr > td:first-of-type {
    text-align: inherit;
    padding-right: 0.75rem;
  }
  .ew-desktop .ew-desktop-table > tbody > tr > td:last-of-type {
    display: block;
  }
  .table-striped > tbody > tr:nth-child(odd),
  .table-striped > tbody > tr:nth-child(even),
  .table-striped > tbody > tr:nth-child(odd) > td,
  .table-striped > tbody > tr:nth-child(even) > td {
    background-color: transparent;
  }
  .ew-login-box .ew-recaptcha-normal, .ew-reset-pwd-box .ew-recaptcha-normal, .ew-change-pwd-box .ew-recaptcha-normal {
    margin-left: calc((100% - 300px) / 2);
  }
  .select2 {
    width: 100%;
  }
  .select2-container--bootstrap5 .ew-select-dropdown.ew-select-multiple div.select2-results__option[role=option] {
    border-radius: 0 !important;
  }
}
.ew-login-box, .ew-reset-pwd-box, .ew-change-pwd-box {
  margin-left: auto;
  margin-right: auto;
}
.ew-login-box .ew-form-control, .ew-reset-pwd-box .ew-form-control, .ew-change-pwd-box .ew-form-control {
  width: 100% !important;
}
.ew-login-box .input-group, .ew-reset-pwd-box .input-group, .ew-change-pwd-box .input-group {
  flex-wrap: nowrap;
}
.ew-login-box .input-group > .form-control, .ew-reset-pwd-box .input-group > .form-control, .ew-change-pwd-box .input-group > .form-control {
  flex-grow: 1;
}
.ew-login-box #password, .ew-reset-pwd-box #password, .ew-change-pwd-box #password {
  width: calc(100% - 0.975rem * 1.25 - 0.75rem * 2 - 1px);
}

.ew-change-pwd-box #opwd, .ew-change-pwd-box #npwd, .ew-change-pwd-box #cpwd {
  width: calc(100% - 0.975rem * 1.25 - 0.75rem * 2 - 1px);
}
.ew-change-pwd-box #npwd.ew-password-strength {
  width: calc(100% - 0.975rem * 1.25 * 2 - 0.75rem * 4 - 1px * 2);
}
.ew-change-pwd-box #pst_npwd {
  margin-top: 5px;
  margin-bottom: 0px;
}

.ew-login-form, .ew-forgot-pwd-form, .ew-change-pwd-form {
  width: 100% !important;
}

.modal-body .ew-login-box .card, .modal-body .ew-reset-pwd-box .card, .modal-body .ew-change-pwd-box .card {
  border: 0;
}

#cboxOverlay {
  background: #000 none;
}

.ew-home, .ew-user-permission {
  display: inline-block;
}

.breadcrumb-item .ew-icon {
  margin-top: 0.4rem;
}

.main-header .dropdown-item {
  color: #212529 !important;
}
.main-header .dropdown-item:hover, .main-header .dropdown-item:focus {
  color: #1e2125 !important;
  text-decoration: none;
  background-color: #E9ECEF;
}
.main-header .dropdown-item.active, .main-header .dropdown-item:active {
  color: #FFFFFF !important;
  background-color: #0D6EFD;
}
.main-header .dropdown-item.disabled, .main-header .dropdown-item:disabled {
  color: #ADB5BD !important;
}

.ew-option:not(:last-of-type)::after {
  content: ", ";
}

.is-invalid .tt-input {
  border-color: #DC3545;
}
.is-invalid .tt-input:focus {
  border-color: #DC3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.input-group .tt-input {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

div.jtable-busy-panel-background {
  opacity: 0.1;
  filter: alpha(opacity=50);
  z-index: 998;
  position: absolute;
  background-color: #000;
}
div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
  background-color: transparent;
}

div.jtable-busy-message {
  cursor: wait;
  z-index: 999;
  position: absolute;
  margin: 5px;
}

div.jtable-main-container table.jtable {
  margin-bottom: 0;
}
div.jtable-main-container table.jtable .jtable-selecting-column,
div.jtable-main-container table.jtable .jtable-command-column-header.jtable-column-header-selecting,
div.jtable-main-container table.jtable .jtable-no-data-row td {
  padding-left: 1.5rem;
  width: 1%;
}
div.jtable-main-container table.jtable thead tr, div.jtable-main-container table.jtable thead th {
  border-top: 0;
}
div.jtable-main-container table.jtable thead th.jtable-column-header-sortable {
  cursor: pointer;
}

.jtable.ew-fixed-header-table.table-head-fixed thead tr:nth-child(1) th {
  box-shadow: none;
  border-bottom: 2px solid #DEE2E6;
}
.jtable.ew-fixed-header-table.table-head-fixed.table-dark thead tr:nth-child(1) th {
  box-shadow: none;
  border-bottom: 2px solid #DEE2E6;
}

#cookie-consent {
  z-index: 1034;
  padding: 0;
  border-radius: 0;
}
@media (min-width: 768px) {
  #cookie-consent {
    transition: margin-left 0.3s ease-in-out;
    margin-left: 250px;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  #cookie-consent {
    transition: none;
  }
}
@media (min-width: 768px) {
  .layout-top-nav #cookie-consent {
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  #cookie-consent, #cookie-consent:before {
    margin-left: 0;
  }
}

#cookie-consent > .alert.alert-dismissible {
  border-radius: 0;
  margin-bottom: 0;
}

.navbar.bg-primary .nav-item.dropdown .btn-default {
  color: #444 !important;
}

.navbar.bg-secondary .nav-item.dropdown .btn-default {
  color: #444 !important;
}

.navbar.bg-success .nav-item.dropdown .btn-default {
  color: #444 !important;
}

.navbar.bg-info .nav-item.dropdown .btn-default {
  color: #444 !important;
}

.navbar.bg-warning .nav-item.dropdown .btn-default {
  color: #444 !important;
}

.navbar.bg-danger .nav-item.dropdown .btn-default {
  color: #444 !important;
}

.navbar.bg-light .nav-item.dropdown .btn-default {
  color: #444 !important;
}

.navbar.bg-dark .nav-item.dropdown .btn-default {
  color: #444 !important;
}

body > .dropdown-menu {
  z-index: 1071;
}

.dropdown-menu-lg {
  max-width: none;
}

.dropdown-menu .dropdown-divider + .dropdown-divider,
.dropdown-menu .dropdown-divider + .d-none + .dropdown-divider,
.dropdown-menu .dropdown-divider + .d-none + .d-none + .dropdown-divider,
.dropdown-menu .dropdown-divider + .d-none + .d-none + .d-none + .dropdown-divider,
.dropdown-menu .dropdown-divider + .d-none + .d-none + .d-none + .d-none + .dropdown-divider,
.dropdown-menu .dropdown-divider:only-child {
  display: none;
}

.navbar-badge {
  font-size: 0.5rem;
}

.ew-accordion {
  margin-bottom: 1rem;
}

.sidebar, .control-sidebar-content {
  overflow: hidden;
}

.input-group[data-widget=sidebar-search] {
  flex-wrap: nowrap;
}

.ew-wait {
  cursor: wait;
}
.ew-wait input,
.ew-wait select,
.ew-wait .input-group button,
.ew-wait .btn-group button,
.ew-wait .select2-selection {
  cursor: wait;
}

.toast-container {
  z-index: 1060;
}

.ew-toast {
  min-width: 350px;
  z-index: 1070;
}

.ew-chart-container {
  position: relative;
}

html[dir=rtl] .ew-prev-next .ew-icon {
  transform: rotate(180deg);
}
html[dir=rtl] .ew-summary-count,
html[dir=rtl] .ew-detail-count,
html[dir=rtl] .ew-crosstab-values {
  /*rtl:ignore*/
  direction: ltr;
  unicode-bidi: bidi-override;
}

@media (min-width: 768px) {
  body.ew-layout-top-nav .content-wrapper,
  body.ew-layout-top-nav .main-footer,
  body.ew-layout-top-nav .main-header {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) {
  body.ew-layout-top-nav .main-sidebar {
    margin-left: -250px;
  }
}

.table.ew-table.table-head-fixed thead tr:nth-child(1) th {
  background-color: #646C74;
  box-shadow: none;
}
.table.ew-table.table-head-fixed.table-dark thead tr:nth-child(1) th {
  background-color: #646C74;
  box-shadow: none;
}

.error-page {
  margin: 20px 0 0;
  width: auto;
}
.error-page > .headline {
  float: none;
  font-size: 75px;
}
.error-page > .error-content {
  margin-left: 0;
}
.error-page > .error-content > h3 {
  text-align: inherit;
}

.swal2-input.ew-swal2-input {
  font-size: 0.975rem;
}
.swal2-input.ew-swal2-input:focus {
  color: #212529;
  background-color: #FFFFFF;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.swal2-input.ew-swal2-input.swal2-inputerror:focus {
  border-color: #DC3545 !important;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
}

.ew-swal2-validation-message {
  border: 0 !important;
  border-radius: 0 !important;
}

.ew-swal2-actions .btn-primary {
  color: #FFFFFF;
  background-color: #0D6EFD;
  border-color: #0D6EFD;
}
.ew-swal2-actions .btn-primary:hover {
  color: #FFFFFF;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .ew-swal2-actions .btn-primary, .ew-swal2-actions .btn-primary:focus {
  color: #FFFFFF;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .ew-swal2-actions .btn-primary, .btn-check:active + .ew-swal2-actions .btn-primary, .ew-swal2-actions .btn-primary:active, .ew-swal2-actions .btn-primary.active, .show > .ew-swal2-actions .btn-primary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .ew-swal2-actions .btn-primary:focus, .btn-check:active + .ew-swal2-actions .btn-primary:focus, .ew-swal2-actions .btn-primary:active:focus, .ew-swal2-actions .btn-primary.active:focus, .show > .ew-swal2-actions .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.ew-swal2-actions .btn-primary:disabled, .ew-swal2-actions .btn-primary.disabled {
  color: #FFFFFF;
  background-color: #0D6EFD;
  border-color: #0D6EFD;
}
.ew-swal2-actions .btn-secondary {
  color: #FFFFFF;
  background-color: #6C757D;
  border-color: #6C757D;
}
.ew-swal2-actions .btn-secondary:hover {
  color: #FFFFFF;
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-check:focus + .ew-swal2-actions .btn-secondary, .ew-swal2-actions .btn-secondary:focus {
  color: #FFFFFF;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .ew-swal2-actions .btn-secondary, .btn-check:active + .ew-swal2-actions .btn-secondary, .ew-swal2-actions .btn-secondary:active, .ew-swal2-actions .btn-secondary.active, .show > .ew-swal2-actions .btn-secondary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #565e64;
  border-color: #51585e;
}
.btn-check:checked + .ew-swal2-actions .btn-secondary:focus, .btn-check:active + .ew-swal2-actions .btn-secondary:focus, .ew-swal2-actions .btn-secondary:active:focus, .ew-swal2-actions .btn-secondary.active:focus, .show > .ew-swal2-actions .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.ew-swal2-actions .btn-secondary:disabled, .ew-swal2-actions .btn-secondary.disabled {
  color: #FFFFFF;
  background-color: #6C757D;
  border-color: #6C757D;
}
.ew-swal2-actions .btn-success {
  color: #FFFFFF;
  background-color: #198754;
  border-color: #198754;
}
.ew-swal2-actions .btn-success:hover {
  color: #FFFFFF;
  background-color: #157347;
  border-color: #146c43;
}
.btn-check:focus + .ew-swal2-actions .btn-success, .ew-swal2-actions .btn-success:focus {
  color: #FFFFFF;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .ew-swal2-actions .btn-success, .btn-check:active + .ew-swal2-actions .btn-success, .ew-swal2-actions .btn-success:active, .ew-swal2-actions .btn-success.active, .show > .ew-swal2-actions .btn-success.dropdown-toggle {
  color: #FFFFFF;
  background-color: #146c43;
  border-color: #13653f;
}
.btn-check:checked + .ew-swal2-actions .btn-success:focus, .btn-check:active + .ew-swal2-actions .btn-success:focus, .ew-swal2-actions .btn-success:active:focus, .ew-swal2-actions .btn-success.active:focus, .show > .ew-swal2-actions .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.ew-swal2-actions .btn-success:disabled, .ew-swal2-actions .btn-success.disabled {
  color: #FFFFFF;
  background-color: #198754;
  border-color: #198754;
}
.ew-swal2-actions .btn-info {
  color: #000000;
  background-color: #0DCAF0;
  border-color: #0DCAF0;
}
.ew-swal2-actions .btn-info:hover {
  color: #000000;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .ew-swal2-actions .btn-info, .ew-swal2-actions .btn-info:focus {
  color: #000000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .ew-swal2-actions .btn-info, .btn-check:active + .ew-swal2-actions .btn-info, .ew-swal2-actions .btn-info:active, .ew-swal2-actions .btn-info.active, .show > .ew-swal2-actions .btn-info.dropdown-toggle {
  color: #000000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .ew-swal2-actions .btn-info:focus, .btn-check:active + .ew-swal2-actions .btn-info:focus, .ew-swal2-actions .btn-info:active:focus, .ew-swal2-actions .btn-info.active:focus, .show > .ew-swal2-actions .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.ew-swal2-actions .btn-info:disabled, .ew-swal2-actions .btn-info.disabled {
  color: #000000;
  background-color: #0DCAF0;
  border-color: #0DCAF0;
}
.ew-swal2-actions .btn-warning {
  color: #000000;
  background-color: #FFC107;
  border-color: #FFC107;
}
.ew-swal2-actions .btn-warning:hover {
  color: #000000;
  background-color: #ffca2c;
  border-color: #ffc720;
}
.btn-check:focus + .ew-swal2-actions .btn-warning, .ew-swal2-actions .btn-warning:focus {
  color: #000000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .ew-swal2-actions .btn-warning, .btn-check:active + .ew-swal2-actions .btn-warning, .ew-swal2-actions .btn-warning:active, .ew-swal2-actions .btn-warning.active, .show > .ew-swal2-actions .btn-warning.dropdown-toggle {
  color: #000000;
  background-color: #ffcd39;
  border-color: #ffc720;
}
.btn-check:checked + .ew-swal2-actions .btn-warning:focus, .btn-check:active + .ew-swal2-actions .btn-warning:focus, .ew-swal2-actions .btn-warning:active:focus, .ew-swal2-actions .btn-warning.active:focus, .show > .ew-swal2-actions .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.ew-swal2-actions .btn-warning:disabled, .ew-swal2-actions .btn-warning.disabled {
  color: #000000;
  background-color: #FFC107;
  border-color: #FFC107;
}
.ew-swal2-actions .btn-danger {
  color: #FFFFFF;
  background-color: #DC3545;
  border-color: #DC3545;
}
.ew-swal2-actions .btn-danger:hover {
  color: #FFFFFF;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .ew-swal2-actions .btn-danger, .ew-swal2-actions .btn-danger:focus {
  color: #FFFFFF;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .ew-swal2-actions .btn-danger, .btn-check:active + .ew-swal2-actions .btn-danger, .ew-swal2-actions .btn-danger:active, .ew-swal2-actions .btn-danger.active, .show > .ew-swal2-actions .btn-danger.dropdown-toggle {
  color: #FFFFFF;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .ew-swal2-actions .btn-danger:focus, .btn-check:active + .ew-swal2-actions .btn-danger:focus, .ew-swal2-actions .btn-danger:active:focus, .ew-swal2-actions .btn-danger.active:focus, .show > .ew-swal2-actions .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.ew-swal2-actions .btn-danger:disabled, .ew-swal2-actions .btn-danger.disabled {
  color: #FFFFFF;
  background-color: #DC3545;
  border-color: #DC3545;
}
.ew-swal2-actions .btn-light {
  color: #000000;
  background-color: #F8F9FA;
  border-color: #F8F9FA;
}
.ew-swal2-actions .btn-light:hover {
  color: #000000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:focus + .ew-swal2-actions .btn-light, .ew-swal2-actions .btn-light:focus {
  color: #000000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .ew-swal2-actions .btn-light, .btn-check:active + .ew-swal2-actions .btn-light, .ew-swal2-actions .btn-light:active, .ew-swal2-actions .btn-light.active, .show > .ew-swal2-actions .btn-light.dropdown-toggle {
  color: #000000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:checked + .ew-swal2-actions .btn-light:focus, .btn-check:active + .ew-swal2-actions .btn-light:focus, .ew-swal2-actions .btn-light:active:focus, .ew-swal2-actions .btn-light.active:focus, .show > .ew-swal2-actions .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.ew-swal2-actions .btn-light:disabled, .ew-swal2-actions .btn-light.disabled {
  color: #000000;
  background-color: #F8F9FA;
  border-color: #F8F9FA;
}
.ew-swal2-actions .btn-dark {
  color: #FFFFFF;
  background-color: #212529;
  border-color: #212529;
}
.ew-swal2-actions .btn-dark:hover {
  color: #FFFFFF;
  background-color: #1c1f23;
  border-color: #1a1e21;
}
.btn-check:focus + .ew-swal2-actions .btn-dark, .ew-swal2-actions .btn-dark:focus {
  color: #FFFFFF;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .ew-swal2-actions .btn-dark, .btn-check:active + .ew-swal2-actions .btn-dark, .ew-swal2-actions .btn-dark:active, .ew-swal2-actions .btn-dark.active, .show > .ew-swal2-actions .btn-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1a1e21;
  border-color: #191c1f;
}
.btn-check:checked + .ew-swal2-actions .btn-dark:focus, .btn-check:active + .ew-swal2-actions .btn-dark:focus, .ew-swal2-actions .btn-dark:active:focus, .ew-swal2-actions .btn-dark.active:focus, .show > .ew-swal2-actions .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.ew-swal2-actions .btn-dark:disabled, .ew-swal2-actions .btn-dark.disabled {
  color: #FFFFFF;
  background-color: #212529;
  border-color: #212529;
}

.ew-swal2-title {
  font-size: 1.4625rem;
}

.toasts-top-right,
.toasts-top-left,
.toasts-bottom-right,
.toasts-bottom-right {
  margin: 0.5rem;
  z-index: 1050;
}

.select2-container--bootstrap5 .select2-selection {
  color: #212529;
}

.select2-container--bootstrap5.select2-container--focus.select2-container--open .select2-selection {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #86b7fe;
}
.select2-container--bootstrap5.select2-container--focus.select2-container--open.select2-container--above .select2-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0.25rem;
}
.select2-container--bootstrap5 .select2-selection--multiple {
  border: 1px solid #CED4DA;
  min-height: calc(1.5em + 0.75rem + 2px);
  display: inline-block;
}
.select2-container--bootstrap5 .select2-selection--multiple:focus {
  border-color: #86b7fe;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline {
  width: 100%;
  margin-left: 0.375rem;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field {
  width: 100% !important;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  background-color: #0D6EFD;
  border-color: #0262ef;
  border-radius: 0.25rem;
  color: #FFFFFF;
  display: inline-block;
  margin-left: 0 /*rtl:ignore*/;
  margin-top: 5px;
  padding: 0;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
  display: inline-block;
  cursor: default;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  left: auto;
  right: 0;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  color: #FFFFFF;
  outline: none;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline {
  width: auto;
  display: inline-block;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
  border: 0;
}
.text-sm .select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline .select2-search__field, .select2-container--bootstrap5 .select2-selection--multiple.text-sm .select2-search.select2-search--inline .select2-search__field {
  margin-top: 8px;
}
.text-sm .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap5 .select2-selection--multiple.text-sm .select2-selection__choice {
  margin-top: 0.4rem;
}
.select2-container--bootstrap5.select2-container--focus .select2-selection--single,
.select2-container--bootstrap5.select2-container--focus .select2-selection--multiple {
  border-color: #86b7fe;
}
.select2-container--bootstrap5.select2-container--focus .select2-search__field {
  border: 0;
}
.select2-container--bootstrap5 .ew-select-dropdown.select2-dropdown.select2-dropdown--below, .select2-container--bootstrap5 .ew-filter-dropdown.select2-dropdown.select2-dropdown--below {
  border-top: 1px solid #CED4DA;
}
.select2-container--bootstrap5 .ew-select-dropdown .select2-results__options[role=listbox], .select2-container--bootstrap5 .ew-filter-dropdown .select2-results__options[role=listbox] {
  width: 100%;
}
.select2-container--bootstrap5 .ew-select-dropdown .select2-results__option[role=option], .select2-container--bootstrap5 .ew-filter-dropdown .select2-results__option[role=option] {
  white-space: nowrap !important;
}
.select2-container--bootstrap5 .ew-select-dropdown.ew-select-multiple.ew-repeat-column .select2-results__options[role=listbox], .select2-container--bootstrap5 .ew-filter-dropdown.ew-select-multiple.ew-repeat-column .select2-results__options[role=listbox] {
  border-collapse: separate;
  border-spacing: 2px;
}
.select2-container--bootstrap5 .ew-select-dropdown div.select2-results__option[role=option]:not(:only-child), .select2-container--bootstrap5 .ew-filter-dropdown div.select2-results__option[role=option]:not(:only-child) {
  border-radius: 0.25rem;
}
.select2-container--bootstrap5 .ew-select-dropdown div.select2-results__option[role=option].loading-results, .select2-container--bootstrap5 .ew-filter-dropdown div.select2-results__option[role=option].loading-results {
  padding-left: 1.625em;
}
.select2-container--bootstrap5 .ew-select-dropdown.ew-select-one .select2-results__option[role=option], .select2-container--bootstrap5 .ew-filter-dropdown.ew-select-one .select2-results__option[role=option] {
  padding: 0.25rem 1rem;
}
.select2-container--bootstrap5 .ew-select-dropdown .ew-dropdown-check-input, .select2-container--bootstrap5 .ew-filter-dropdown .ew-dropdown-check-input {
  display: inline-block;
  margin-right: 0.5rem;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0.25em;
}
.select2-container--bootstrap5 .ew-select-dropdown .select2-results__option--selected .ew-dropdown-check-input, .select2-container--bootstrap5 .ew-filter-dropdown .select2-results__option--selected .ew-dropdown-check-input {
  background-color: #0D6EFD;
  border-color: #0D6EFD;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.select2-container--bootstrap5 .ew-filter-dropdown {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.select2-container--bootstrap5 .ew-filter-dropdown .select2-search--dropdown {
  padding: 6px;
}
.select2-container--bootstrap5 .ew-filter-dropdown .select2-search__field {
  width: 100% !important;
}
.select2-container--bootstrap5 .ew-filter-dropdown .select2-results > .select2-results__options {
  min-height: calc((1.4625rem + 0.25rem * 2) * var(--filter-options-limit));
  max-height: calc((1.4625rem + 0.25rem * 2) * var(--filter-options-limit));
}
.select2-container--bootstrap5 .ew-modal-dropdown .select2-search--dropdown {
  padding: 6px;
}
.select2-container--bootstrap5 .ew-modal-dropdown .select2-search__field {
  width: 100% !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option--selected,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option[aria-selected=true] {
  color: #1e2125;
  text-decoration: none;
  background-color: #E9ECEF;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option--selected.select2-results__option--highlighted,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option[aria-selected=true].select2-results__option--highlighted {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #0D6EFD;
}

.ew-column-dropdown .dropdown-item {
  padding-left: 1rem;
  padding-right: 1rem;
}
.ew-column-dropdown .dropdown-item.active, .ew-column-dropdown .dropdown-item:active {
  color: #1e2125;
  background-color: #E9ECEF;
}
.ew-column-dropdown .form-check.ew-dropdown-checkbox .form-check-input {
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0.25em;
}
.ew-column-dropdown .form-check.ew-dropdown-checkbox .form-check-input.ew-checked {
  background-color: #0D6EFD;
  border-color: #0D6EFD;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.modal-header > .modal-tools {
  float: right;
}
.modal-header > .modal-tools .input,
.modal-header > .modal-tools .input-group {
  margin: 0;
}

.template-download .error,
.template-upload .error {
  font-size: 0.875em;
  color: #DC3545;
}

.ew-search-field > .invalid-feedback,
.ew-search-field2 > .invalid-feedback {
  margin-left: 1em;
}

.form-control-navbar:focus, .btn-navbar:focus {
  box-shadow: none;
}

.ew-col-break + .col-auto {
  margin-bottom: 1rem;
}

mark.ew-mark:not(.mark) {
  padding: 0;
  background: transparent;
}

.modal-body .select2-container {
  width: 100%;
}
.modal-body .select2-dropdown {
  border: 0;
  border-radius: 0;
  left: auto !important;
  position: static !important;
}

.modal-body .select2-container--bootstrap5 .select2-results > .select2-results__options {
  min-height: calc((1.4625rem + 0.375rem + 0.375rem) * var(--modal-options-limit));
  max-height: calc((1.4625rem + 0.375rem + 0.375rem) * var(--modal-options-limit));
}

.ew-filter-field {
  display: none !important;
}

.ew-select, .select2-container {
  min-width: 20em !important;
}

.select2-container--open {
  z-index: 1035 !important;
}

.modal-body .select2-container--open {
  z-index: 1056 !important;
}

.w-1 {
  width: 1%;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace .pace-progress {
  background-color: #51585E;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 4px;
}

.pace-inactive {
  display: none;
}

.dropdown-divider {
  height: 0 !important;
}

.ew-file-input, .ew-file-input:focus {
  color: transparent;
}

.ew-file-drop-zone {
  display: block !important;
  border: 2px dashed #CED4DA;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}
.ew-file-drop-zone .ew-file-text {
  line-height: 4;
}

a[data-ew-action]:not([data-ew-action=""]) {
  cursor: pointer;
}

.ew-backup-codes {
  height: 15.625rem;
}

img.ew-barcode {
  margin: 0.5rem;
}

/*END_SYSTEM_STYLES*/
/*BEGIN_USER_STYLES*/
.brand-link {
  font-family: "Lato", "Anuphan";
  font-size: 26px;
  text-align: center;
}

.ew-aggregate::after {
  content: none;
}

.ew-table-footer > td {
  text-align: right;
}

@media (min-width: 576px) {
  input[type=text]:not([size]):not([name=pageno]):not(.cke_dialog_ui_input_text):not(.form-control-plaintext), input[type=password]:not([size]) {
    min-width: unset !important;
  }
}
.ew-rec, .ew-pager > span {
  display: none;
}

.ew-prev-next .input-group-sm > .btn {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

input.ew-page-no {
  width: 30px !important;
}

.select2-container .select2-search--inline .select2-search__field {
  font-family: unset;
}

.alert a {
  color: unset;
}

.ew-grid-upper-panel, .ew-grid-lower-panel {
  padding: 0px !important;
}

.ew-pager-form, .ew-list-other-options, .ew-add-edit-option, .ew-detail-option, .ew-action-option {
  margin: 5px;
}

/* PROJECT SPECIFIC CSS */
.knob-label {
  margin-top: 0px;
  margin-bottom: 10px;
}

#r_Question .ew-item-container .d-sm-table-cell {
  white-space: unset;
}

.bg-success a {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

.bg-warning a {
  color: #000000 !important;
  text-decoration: underline !important;
}

.bg-danger a {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

.bg-black a {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

#s_Missing {
  color: var(--bs-body-color);
  font-size: 0.975rem;
}

#tbl_warninglist .ew-table-alt-row:not(.table-active) {
  --bs-table-accent-bg: white;
  color: #212529;
}

.faq > li {
  margin: 15px 0;
}

#fmonthly_member_traffic_lightsrch .col-sm-auto:last-of-type,
#fconsentsrch .col-sm-auto:last-of-type,
#fmonthly_traffic_lightsrch .col-sm-auto:last-of-type,
#fwarningsrch .col-sm-auto:last-of-type,
#fcalendarsrch .col-sm-auto:last-of-type,
#fmembersrch .col-sm-auto:last-of-type,
#fmeeting_regissrch .col-sm-auto:last-of-type,
#fmeeting_payment_slipsrch .col-sm-auto:last-of-type {
  display: none;
}

div.col-sm-auto:has(.ew-basic-search) {
  margin-bottom: 1rem !important;
}

.user-panel {
  display: none !important;
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  background-color: #6C757D;
}

#select2-x_Member_ID-container li:nth-last-child(-n+3), #showing div:nth-last-child(-n+2) {
  background-color: #ffca2c;
}

#select2-x_Member_ID-container li:nth-last-child(3), #showing div:nth-last-child(3) {
  color: white;
  background-color: #198754;
}

#showing div:not(:nth-last-child(-n+3)) {
  /* display: none; */
}

div.btn {
  margin-right: 4px;
}

#fmember_goaledit .form-text {
  margin-bottom: 20px;
}

#xs_With_In .select2-container, #xs_Year .select2-container {
  min-width: 6em !important;
}

/*END_USER_STYLES*/