@font-face {
  font-family: "bzb-th";
  src: url("../fonts/anuphan/anuphan-thinanuphan.eot");
  src: url("../fonts/anuphan/anuphan-thinanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/anuphan/anuphan-thinanuphan.woff2") format("woff2"), url("../fonts/anuphan/anuphan-thinanuphan.woff") format("woff"), url("../fonts/anuphan/anuphan-thinanuphan.ttf") format("truetype"), url("../fonts/anuphan/anuphan-thinanuphan.svg#anuphanthin") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "bzb-th";
  src: url("../fonts/anuphan/anuphan-extralightanuphan.eot");
  src: url("../fonts/anuphan/anuphan-extralightanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/anuphan/anuphan-extralightanuphan.woff2") format("woff2"), url("../fonts/anuphan/anuphan-extralightanuphan.woff") format("woff"), url("../fonts/anuphan/anuphan-extralightanuphan.ttf") format("truetype"), url("../fonts/anuphan/anuphan-extralightanuphan.svg#anuphanextralight") format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "bzb-th";
  src: url("../fonts/anuphan/anuphan-lightanuphan.eot");
  src: url("../fonts/anuphan/anuphan-lightanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/anuphan/anuphan-lightanuphan.woff2") format("woff2"), url("../fonts/anuphan/anuphan-lightanuphan.woff") format("woff"), url("../fonts/anuphan/anuphan-lightanuphan.ttf") format("truetype"), url("../fonts/anuphan/anuphan-lightanuphan.svg#anuphanlight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "bzb-th";
  src: url("../fonts/anuphan/anuphan-regularanuphan.eot");
  src: url("../fonts/anuphan/anuphan-regularanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/anuphan/anuphan-regularanuphan.woff2") format("woff2"), url("../fonts/anuphan/anuphan-regularanuphan.woff") format("woff"), url("../fonts/anuphan/anuphan-regularanuphan.ttf") format("truetype"), url("../fonts/anuphan/anuphan-regularanuphan.svg#anuphanregular") format("svg");
  font-weight: normal;
  font-style: normal;
  line-height: 1.2;
}
@font-face {
  font-family: "bzb-th";
  src: url("../fonts/anuphan/anuphan-mediumanuphan.eot");
  src: url("../fonts/anuphan/anuphan-mediumanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/anuphan/anuphan-mediumanuphan.woff2") format("woff2"), url("../fonts/anuphan/anuphan-mediumanuphan.woff") format("woff"), url("../fonts/anuphan/anuphan-mediumanuphan.ttf") format("truetype"), url("../fonts/anuphan/anuphan-mediumanuphan.svg#anuphanmedium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "bzb-th";
  src: url("../fonts/anuphan/anuphan-semiboldanuphan.eot");
  src: url("../fonts/anuphan/anuphan-semiboldanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/anuphan/anuphan-semiboldanuphan.woff2") format("woff2"), url("../fonts/anuphan/anuphan-semiboldanuphan.woff") format("woff"), url("../fonts/anuphan/anuphan-semiboldanuphan.ttf") format("truetype"), url("../fonts/anuphan/anuphan-semiboldanuphan.svg#anuphansemibold") format("svg");
  font-weight: 600;
  font-style: normal;
  line-height: 1.2;
}
@font-face {
  font-family: "bzb-th";
  src: url("../fonts/anuphan/anuphan-boldanuphan.eot");
  src: url("../fonts/anuphan/anuphan-boldanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/anuphan/anuphan-boldanuphan.woff2") format("woff2"), url("../fonts/anuphan/anuphan-boldanuphan.woff") format("woff"), url("../fonts/anuphan/anuphan-boldanuphan.ttf") format("truetype"), url("../fonts/anuphan/anuphan-boldanuphan.svg#anuphanbold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-regularanuphan.eot");
  src: url("../fonts/roboto/roboto-regularanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-regularanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-regularanuphan.woff") format("woff"), url("../fonts/roboto/roboto-regularanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-regularanuphan.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-italicanuphan.eot");
  src: url("../fonts/roboto/roboto-italicanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-italicanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-italicanuphan.woff") format("woff"), url("../fonts/roboto/roboto-italicanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-italicanuphan.svg#robotoitalic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-boldanuphan.eot");
  src: url("../fonts/roboto/roboto-boldanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-boldanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-boldanuphan.woff") format("woff"), url("../fonts/roboto/roboto-boldanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-boldanuphan.svg#robotobold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-bolditalicanuphan.eot");
  src: url("../fonts/roboto/roboto-bolditalicanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-bolditalicanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-bolditalicanuphan.woff") format("woff"), url("../fonts/roboto/roboto-bolditalicanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-bolditalicanuphan.svg#robotobold_italic") format("svg");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-blackanuphan.eot");
  src: url("../fonts/roboto/roboto-blackanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-blackanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-blackanuphan.woff") format("woff"), url("../fonts/roboto/roboto-blackanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-blackanuphan.svg#robotoblack") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-blackitalicanuphan.eot");
  src: url("../fonts/roboto/roboto-blackitalicanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-blackitalicanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-blackitalicanuphan.woff") format("woff"), url("../fonts/roboto/roboto-blackitalicanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-blackitalicanuphan.svg#robotoblack_italic") format("svg");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-lightanuphan.eot");
  src: url("../fonts/roboto/roboto-lightanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-lightanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-lightanuphan.woff") format("woff"), url("../fonts/roboto/roboto-lightanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-lightanuphan.svg#robotolight") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-lightitalicanuphan.eot");
  src: url("../fonts/roboto/roboto-lightitalicanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-lightitalicanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-lightitalicanuphan.woff") format("woff"), url("../fonts/roboto/roboto-lightitalicanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-lightitalicanuphan.svg#robotolight_italic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-mediumanuphan.eot");
  src: url("../fonts/roboto/roboto-mediumanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-mediumanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-mediumanuphan.woff") format("woff"), url("../fonts/roboto/roboto-mediumanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-mediumanuphan.svg#robotomedium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-mediumitalicanuphan.eot");
  src: url("../fonts/roboto/roboto-mediumitalicanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-mediumitalicanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-mediumitalicanuphan.woff") format("woff"), url("../fonts/roboto/roboto-mediumitalicanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-mediumitalicanuphan.svg#robotomedium_italic") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-thinanuphan.eot");
  src: url("../fonts/roboto/roboto-thinanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-thinanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-thinanuphan.woff") format("woff"), url("../fonts/roboto/roboto-thinanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-thinanuphan.svg#robotothin") format("svg");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "bzb-en";
  src: url("../fonts/roboto/roboto-thinitalicanuphan.eot");
  src: url("../fonts/roboto/roboto-thinitalicanuphan.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/roboto-thinitalicanuphan.woff2") format("woff2"), url("../fonts/roboto/roboto-thinitalicanuphan.woff") format("woff"), url("../fonts/roboto/roboto-thinitalicanuphan.ttf") format("truetype"), url("../fonts/roboto/roboto-thinitalicanuphan.svg#robotothin_italic") format("svg");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "icon-bzb";
  src: url("../fonts/icons/icon-bzb.eot?wdnhiz");
  src: url("../fonts/icons/icon-bzb.eot?wdnhiz#iefix") format("embedded-opentype"), url("../fonts/icons/icon-bzb.ttf?wdnhiz") format("truetype"), url("../fonts/icons/icon-bzb.woff?wdnhiz") format("woff"), url("../fonts/icons/icon-bzb.svg?wdnhiz#icon-bzb") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ibzb-],
[class*=" ibzb-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-bzb" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ibzb-permission_config:before {
  content: "\e900";
}

.ibzb-campaign_management:before {
  content: "\e901";
}

.ibzb-user_management:before {
  content: "\e902";
}

.ibzb-rule_based_engine:before {
  content: "\e903";
}

.ibzb-app_config:before {
  content: "\e904";
}

.ibzb-down:before {
  content: "\e906";
}

.ibzb-analytics:before {
  content: "\e907";
}

.ibzb-noti:before {
  content: "\e908";
}

:root {
  --spacing-xxs: 4px;
  --spacing-xs: 8px;
  --spacing-s: 12px;
  --spacing-m: 16px;
  --spacing-l: 20px;
  --spacing-xl: 24px;
  --spacing-xxl: 28px;
  --spacing-xxl-2: 32px;
  --spacing-main: 16px;
  --color-white: #ffffff;
  --primary-gold-bzb-primary-bzb: #f9a601;
  --primary-secoundary-color: #494949;
  --primary-tertiary-color: #183e6c;
  --primary-primary-white: #fff;
  --primary-gold-bzb-gold-1: #2d1e00;
  --primary-gold-bzb-gold-2: #604001;
  --primary-gold-bzb-gold-3: #936201;
  --primary-gold-bzb-gold-4: #c68401;
  --primary-gold-bzb-gold-6: #feb92f;
  --primary-gold-bzb-gold-7: #feca62;
  --primary-gold-bzb-gold-8: #ffe5b3;
  --primary-gold-bzb-gold-9: #fff6e6;
  --grey-grey-1: #303030;
  --grey-grey-2: #4a4a4a;
  --grey-grey-3: #636363;
  --grey-grey-4: #7d7d7d;
  --grey-grey-5: #969696;
  --grey-grey-6: #b0b0b0;
  --grey-grey-7: #c9c9c9;
  --grey-grey-8: #e3e3e3;
  --grey-grey-9: #f5f5f5;
  --bg-bg-light: #f9f9f9;
  --bg-bg-dark: #2d2d2d;
  --text-light-text-headline: #303030;
  --text-light-text-title: #4a4a4a;
  --text-light-text-body: #636363;
  --text-light-text-caption: #969696;
  --text-light-text-disable: #b0b0b0;
  --purple-purple-1: #f9f0ff;
  --purple-purple-2: #efdbff;
  --purple-purple-3: #d3adf7;
  --purple-purple-4: #b37feb;
  --purple-purple-5: #9254de;
  --purple-purple-6: #722ed1;
  --purple-purple-7: #531dab;
  --purple-purple-8: #391085;
  --purple-purple-9: #22075e;
  --purple-purple-10: #120338;
  --green-green-1: #f6ffed;
  --green-green-2: #d9f7be;
  --green-green-3: #b7eb8f;
  --green-green-4: #95de64;
  --green-green-5: #73d13d;
  --green-green-6: #52c41a;
  --green-green-7: #389e0d;
  --green-green-8: #237804;
  --green-green-9: #135200;
  --green-green-10: #092b00;
  --red-red-1: #fff1f0;
  --red-red-2: #ffccc7;
  --red-red-3: #ffa39e;
  --red-red-4: #ff7875;
  --red-red-5: #ff4d4f;
  --red-red-6: #f5222d;
  --red-red-7: #cf1322;
  --red-red-8: #a8071a;
  --red-red-9: #820014;
  --red-red-10: #5c0011;
  --yellow-yellow-1: #feffe6;
  --yellow-yellow-2: #ffffb8;
  --yellow-yellow-3: #fffb8f;
  --yellow-yellow-4: #fff566;
  --yellow-yellow-5: #ffec3d;
  --yellow-yellow-6: #fadb14;
  --yellow-yellow-7: #d4b106;
  --yellow-yellow-8: #ad8b00;
  --yellow-yellow-9: #876800;
  --yellow-yellow-10: #614700;
  --blue-blue-1: #e6f7ff;
  --blue-blue-3: #91d5ff;
  --blue-blue-4: #69c0ff;
  --blue-blue-5: #40a9ff;
  --blue-blue-6: #1890ff;
  --blue-blue-7: #096dd9;
  --blue-blue-8: #0050b3;
  --blue-blue-9: #003a8c;
  --blue-blue-10: #002766;
  --magenta-magenta-1: #fff0f6;
  --magenta-magenta-2: #ffd6e7;
  --magenta-magenta-3: #ffadd2;
  --magenta-magenta-4: #ff85c0;
  --magenta-magenta-5: #f759ab;
  --magenta-magenta-6: #eb2f96;
  --magenta-magenta-7: #c41d7f;
  --magenta-magenta-8: #9e1068;
  --magenta-magenta-9: #780650;
  --magenta-magenta-10: #520339;
}

html {
  font-family: "bzb-en", "bzb-th", sans-serif;
  font-style: normal;
  min-height: 100%;
  font-size: 14px !important;
}
html .box-loader {
  display: block !important;
}

.default-layout .ant-layout {
  display: flex !important;
  display: -webkit-flex !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

img {
  max-width: 100%;
  height: auto;
}

::-moz-selection {
  background-color: var(--primary-gold-bzb-primary-bzb);
  color: var(--color-white);
}

::selection {
  background-color: var(--primary-gold-bzb-primary-bzb);
  color: var(--color-white);
}

*:focus {
  outline: none !important;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.body {
  min-width: 100%;
  background: transparent;
  font-family: "bzb-en", "bzb-th";
  font-size: 1em;
  color: var(--text-light-text-body);
}
body.body .ant-layout {
  background: var(--bg-bg-light);
}

.ant-table-fixed-left,
.ant-table-fixed-right {
  z-index: 3;
}

.row {
  margin-right: calc(-1 * var(--spacing-xs));
  margin-left: calc(-1 * var(--spacing-xs));
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  padding-right: var(--spacing-xs);
  padding-left: var(--spacing-xs);
}

a {
  color: var(--primary-gold-bzb-primary-bzb);
  text-decoration: none;
}
a:not([href]) {
  color: var(--primary-gold-bzb-primary-bzb);
}
a:not([href]):hover {
  color: var(--primary-gold-bzb-gold-6);
  text-decoration: none;
}
a:not([href]):focus {
  color: var(--primary-gold-bzb-gold-7);
}
a:not([href]):active {
  color: var(--primary-gold-bzb-gold-8);
}
a:not([href])[disabled], a:not([href]).disabled {
  color: var(--text-light-text-disable);
  pointer-events: none;
}
a[class]:hover {
  text-decoration: none;
}
a[href]:not([class]) {
  color: var(--blue-blue-6);
  text-decoration: underline;
}
a[href]:not([class]):hover {
  color: var(--blue-blue-5);
  text-decoration: underline;
}
a[href]:not([class]):focus {
  color: var(--blue-blue-7);
  text-decoration: underline;
}
a[href]:not([class]):active {
  color: var(--blue-blue-8);
  text-decoration: underline;
}
a[href]:not([class])[disabled], a[href]:not([class]).disabled {
  color: var(--text-light-text-disable);
  text-decoration: underline;
  pointer-events: none;
}

p,
.color-body {
  color: var(--text-light-text-body);
}

.text-display-1 {
  font-size: 80px !important;
  font-size: calc(80 / 14 * 1rem) !important;
  font-weight: 300;
  line-height: 1.2;
}

.text-display-2 {
  font-size: 72px !important;
  font-size: calc(72 / 14 * 1rem) !important;
  font-weight: 300;
  line-height: 1.2;
}

.text-display-3 {
  font-size: 64px !important;
  font-size: calc(64 / 14 * 1rem) !important;
  font-weight: 300;
  line-height: 1.2;
}

.text-display-4 {
  font-size: 56px !important;
  font-size: calc(56 / 14 * 1rem) !important;
  font-weight: 300;
  line-height: 1.2;
}

.text-display-5 {
  font-size: 48px !important;
  font-size: calc(48 / 14 * 1rem) !important;
  font-weight: 300;
  line-height: 1.2;
}

.text-display-6 {
  font-size: 40px;
  font-size: calc(40 / 14 * 1rem);
  font-weight: 300;
  line-height: 1.2;
}

h1,
.text-headline-1 {
  color: var(--text-light-text-headline);
  font-size: 28px !important;
  font-size: calc(28 / 14 * 1rem) !important;
  font-weight: 500;
  line-height: 1.2;
}

h2,
.text-headline-2 {
  color: var(--text-light-text-headline);
  font-size: 24px !important;
  font-size: calc(24 / 14 * 1rem) !important;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.75em !important;
}
h2 .ant-badge-not-a-wrapper:not(.ant-badge-status),
.text-headline-2 .ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: inherit;
}

h3,
.text-headline-3 {
  color: var(--text-light-text-headline);
  font-size: 20px !important;
  font-size: calc(20 / 14 * 1rem) !important;
  font-weight: 500;
  line-height: 1.2;
}

h4,
.text-headline-4 {
  color: var(--text-light-text-headline);
  font-size: 16px !important;
  font-size: calc(16 / 14 * 1rem) !important;
  font-weight: 500;
  line-height: 1.5;
}

.text-lead {
  font-size: 20px !important;
  font-size: calc(20 / 14 * 1rem) !important;
  font-weight: 300;
  line-height: 1.5;
}

.text-title {
  font-size: 16px !important;
  font-size: calc(16 / 14 * 1rem) !important;
  line-height: 1.5;
  font-weight: 600;
  color: var(--text-light-text-title);
}
@media (max-width: 991px) {
  .text-title {
    font-size: 18px !important;
    font-size: calc(18 / 14 * 1rem) !important;
  }
}

.text-highlight {
  font-size: 16px !important;
  font-size: calc(16 / 14 * 1rem) !important;
  font-weight: normal;
  line-height: 1.5;
}

.text-light-title {
  color: var(--text-light-text-caption);
  font-size: 14px;
  font-size: calc(14 / 14 * 1rem);
  font-weight: 400;
  line-height: 1.43;
}

b,
strong,
.text-Bold {
  font-weight: bold;
}

.text-subtitle {
  font-size: 14px;
  font-size: calc(14 / 14 * 1rem);
  font-weight: 500;
  line-height: 1.43;
}

.text-caption {
  color: var(--text-light-text-caption);
  font-size: 12px;
  font-size: calc(12 / 14 * 1rem);
  line-height: 1.5;
}

.text-primary {
  color: var(--primary-gold-bzb-primary-bzb) !important;
}

.text-secoundary {
  color: var(--primary-secoundary-color);
}

.text-teriary {
  color: var(--primary-tertiary-color);
}

.text-disable {
  color: var(--text-light-text-disable);
}

.subtitle {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  margin-bottom: 0.75em;
}
.subtitle h1,
.subtitle h2,
.subtitle h3,
.subtitle h4,
.subtitle h5,
.subtitle h6 {
  margin-bottom: 0 !important;
}
.subtitle .ant-badge {
  margin-left: 0.5em;
}

.ant-card + .ant-card {
  margin-top: var(--spacing-main);
}
.ant-card .ant-card-body {
  padding: var(--spacing-main);
}
.ant-card .ant-card-head-title {
  font-size: 16px !important;
  font-size: calc(16 / 14 * 1rem) !important;
  line-height: 1.5;
  font-weight: 600;
  color: var(--text-light-text-title);
}
@media (max-width: 991px) {
  .ant-card .ant-card-head-title {
    font-size: 18px !important;
    font-size: calc(18 / 14 * 1rem) !important;
  }
}
.ant-card a:not(.link-icon):hover {
  color: var(--blue-blue-5);
}
.ant-card a:not(.link-icon):focus {
  color: var(--blue-blue-7);
}
.ant-card a:not(.link-icon):active,
.ant-card a:not(.link-icon) .active {
  color: var(--blue-blue-8);
}

.ant-tag {
  border-radius: 4px;
}

.tag-status {
  border-radius: 12px;
}
.tag-status .ant-badge {
  color: inherit;
}
.tag-status .ant-badge-status-text {
  text-transform: capitalize;
  color: inherit;
}
@media (max-width: 767px) {
  .tag-status .ant-badge-status-text {
    display: none;
  }
}
.tag-status.ant-tag-green {
  color: var(--green-green-7);
  background: var(--green-green-1);
  border-color: var(--green-green-3);
}
.tag-status.ant-tag-red {
  color: var(--red-red-7);
  background: var(--red-red-1);
  border-color: var(--red-red-3);
}
.tag-status.ant-tag-blue {
  color: var(--blue-blue-7);
  background: var(--blue-blue-1);
  border-color: var(--blue-blue-3);
}
.tag-status.ant-tag-yellow {
  color: var(--yellow-yellow-7);
  background: var(--yellow-yellow-1);
  border-color: var(--yellow-yellow-3);
}
.tag-status.ant-tag-purple {
  color: var(--purple-purple-7);
  background: var(--purple-purple-1);
  border-color: var(--purple-purple-3);
}
.tag-status.ant-tag-magenta {
  color: var(--magenta-magenta-7);
  background: var(--magenta-magenta-1);
  border-color: var(--magenta-magenta-3);
}
.tag-status.ant-badge-status-green {
  background: var(--green-green-7);
}
.tag-status.ant-badge-status-red {
  background: var(--red-red-7);
}
.tag-status.ant-badge-status-blue {
  background: var(--blue-blue-7);
}
.tag-status.ant-badge-status-yellow {
  background: var(--yellow-yellow-7);
}
.tag-status.ant-badge-status-purple {
  background: var(--purple-purple-7);
}
.tag-status.ant-badge-status-magenta {
  background: var(--magenta-magenta-7);
}
@media (max-width: 767px) {
  .tag-status {
    padding: 0;
    background: none !important;
    border: none;
  }
}

.ant-badge p {
  color: var(--color-white);
}
.ant-badge.count-list .ant-badge-count {
  color: var(--text-light-text-caption);
  border: solid 1px var(--grey-grey-7);
  background-color: var(--grey-grey-9);
  line-height: 18px;
}
.ant-badge.count-list .ant-badge-count p {
  color: var(--text-light-text-caption);
  line-height: 18px;
}
.ant-badge.count-approve .ant-badge-count {
  background-color: var(--green-green-6);
}
.ant-badge.count-approve .ant-badge-count p {
  color: var(--color-white);
}
.ant-badge.count-others .ant-badge-count {
  background-color: var(--blue-blue-1);
}
.ant-badge.count-others .ant-badge-count p {
  color: var(--blue-blue-6);
}
.ant-badge.count-others-solid .ant-badge-count {
  background-color: var(--blue-blue-6);
}
.ant-badge.count-others-solid .ant-badge-count p {
  color: var(--color-white);
}

.anticon {
  vertical-align: middle;
}

.ant-empty-description {
  font-weight: 500;
}

.ant-input-number-input {
  text-align: right;
  transition: padding 0.15s linear;
}

.ant-input-number-affix-wrapper input.ant-input-number-input {
  padding-right: 11px;
}

.ant-input-number:hover .ant-input-number-input, .ant-input-number:focus .ant-input-number-input, .ant-input-number.ant-input-number-focused .ant-input-number-input {
  padding-right: 33px;
}

.ant-pagination-item,
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  border-radius: 0;
  font-family: inherit;
  line-height: 30px;
}
@media (max-width: 576px) {
  .ant-pagination-item,
  .ant-pagination-prev,
  .ant-pagination-next,
  .ant-pagination-jump-prev,
  .ant-pagination-jump-next {
    min-width: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
  }
  .ant-pagination-item i,
  .ant-pagination-prev i,
  .ant-pagination-next i,
  .ant-pagination-jump-prev i,
  .ant-pagination-jump-next i {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    font-size: 10px;
  }
}
.ant-pagination-item .ant-pagination-item-link,
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link,
.ant-pagination-jump-prev .ant-pagination-item-link,
.ant-pagination-jump-next .ant-pagination-item-link {
  border-radius: 0;
}
.ant-pagination-item a:not([href]):not([class]),
.ant-pagination-prev a:not([href]):not([class]),
.ant-pagination-next a:not([href]):not([class]),
.ant-pagination-jump-prev a:not([href]):not([class]),
.ant-pagination-jump-next a:not([href]):not([class]) {
  color: var(--grey-grey-1);
}

.ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 0;
  height: 32px;
}
.ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input,
.ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-pagination .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  height: 32px;
  line-height: 32px;
}

.ant-tabs.ant-tabs-card:first-of-type {
  margin-top: var(--spacing-main);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar {
  border-color: var(--grey-grey-7);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 42px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 42px;
  line-height: 42px;
  background: var(--grey-grey-9);
  min-width: 100px;
  text-align: center;
  background: var(--bg-bg-light);
  border-color: var(--grey-grey-7);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab.ant-tabs-tab-active {
  background: #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .anticon:hover {
  color: var(--primary-gold-bzb-primary-bzb);
}
.ant-tabs.ant-tabs-card .ant-tabs-content {
  padding: var(--spacing-m);
  border: 1px solid var(--grey-grey-7);
  background: #fff;
}
.ant-tabs.ant-tabs-card:not(.ant-tabs-left):not(.ant-tabs-right) .ant-tabs-content {
  border-top: none;
}
.ant-tabs.ant-tabs-card:not(.ant-tabs-left):not(.ant-tabs-right) .ant-tabs-bar {
  margin: 0;
}
.ant-tabs.ant-tabs-card:not(.ant-tabs-left):not(.ant-tabs-right) .ant-tabs-tab.ant-tabs-tab-active {
  border-bottom-color: #fff;
}

th,
td {
  border-bottom: 1px solid var(--grey-grey-7);
}

table {
  color: var(--text-light-text-title);
  font-family: "bzb-en", "bzb-th";
  background-color: var(--color-white);
  width: 100%;
  border-collapse: collapse;
}
table th,
table td {
  padding: 10px 16px;
}
table thead > tr > th {
  background-color: var(--grey-grey-8);
  color: var(--text-light-text-title);
  line-height: 1.4em;
}
table tbody > tr:nth-child(odd) {
  background-color: var(--grey-grey-9);
}
table tbody > tr:nth-child(2n) {
  background-color: rgba(227, 227, 227, 0.2);
}

.safari .ant-table .ant-table-thead {
  height: 35.0938px;
}
.safari .ant-table .ant-table-thead > tr > th.ant-table-row-cell-break-word,
.safari .ant-table .ant-table-tbody > tr > td.ant-table-row-cell-break-word {
  overflow-wrap: break-word;
  word-break: break-word;
  word-break: normal;
}

.link-load-more {
  cursor: pointer;
  font-weight: 500;
  color: var(--primary-gold-bzb-primary-bzb);
}

.ant-table {
  color: var(--text-light-text-title);
  font-family: "bzb-en", "bzb-th";
  background-color: var(--color-white);
}
.ant-table .ant-table-selection .ant-checkbox-wrapper {
  line-height: 1em;
  height: 1rem;
}
.ant-table .ant-table-placeholder {
  border: none;
  border-radius: 0;
}
.ant-table .ant-table-placeholder .ant-table-cell {
  border: none;
  padding: 0;
}
.ant-table .ant-table-placeholder .ant-table-expanded-row-fixed {
  margin: 0px;
}
.ant-table .ant-table-thead > tr > th,
.ant-table .ant-table-tbody > tr > td {
  border-bottom: 1px solid var(--grey-grey-7);
  padding: var(--spacing-xs) var(--spacing-s);
}
.ant-table .ant-table-thead > tr > th {
  color: var(--text-light-text-title);
  line-height: 1.4em;
  border-bottom: none;
}
.ant-table .ant-table-thead > tr:nth-child(1) > th.ant-table-row-cell-break-word[colspan]:nth-child(odd), .ant-table .ant-table-thead > tr:nth-child(1) > th.ant-table-row-cell-break-word[colspan]:nth-child(odd):not(:hover) > .ant-table-cell-fix-lef, .ant-table .ant-table-thead > tr:nth-child(1) > th.ant-table-row-cell-break-word[colspan]:nth-child(odd):not(:hover) > .ant-table-cell-fix-right {
  background-color: rgba(201, 201, 201, 0.7);
}
.ant-table .ant-table-thead > tr:nth-child(2) > th.ant-table-row-cell-break-word:nth-child(odd), .ant-table .ant-table-thead > tr:nth-child(2) > th.ant-table-row-cell-break-word:nth-child(odd):not(:hover) > .ant-table-cell-fix-lef, .ant-table .ant-table-thead > tr:nth-child(2) > th.ant-table-row-cell-break-word:nth-child(odd):not(:hover) > .ant-table-cell-fix-right {
  background-color: rgba(227, 227, 227, 0.7);
}
.ant-table .ant-table-tbody > tr:nth-child(odd), .ant-table .ant-table-tbody > tr:nth-child(odd):not(:hover) > .ant-table-cell-fix-lef, .ant-table .ant-table-tbody > tr:nth-child(odd):not(:hover) > .ant-table-cell-fix-right {
  background-color: var(--grey-grey-9);
}
.ant-table .ant-table-tbody > tr:nth-child(2n) {
  background-color: rgba(227, 227, 227, 0.2);
}
.ant-table .ant-table-tbody > tr:nth-child(2n):not(:hover) > .ant-table-cell-fix-lef, .ant-table .ant-table-tbody > tr:nth-child(2n):not(:hover) > .ant-table-cell-fix-right {
  background-color: #f9f9f9;
}
.ant-table.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  overflow-x: hidden !important;
}

.action-list {
  display: flex;
  display: -webkit-flex;
  justify-content: end;
  -webkit-justify-content: end;
  align-items: center;
  -webkit-align-items: center;
}
.action-list a {
  padding: 0 5px;
}
.action-list a:not([href]) {
  color: var(--primary-gold-bzb-primary-bzb);
}
.action-list a:hover {
  color: var(--primary-gold-bzb-gold-6);
}
.action-list a:focus {
  color: var(--primary-gold-bzb-gold-7);
}
.action-list a:active {
  color: var(--primary-gold-bzb-gold-8);
}
.action-list a[disabled=true], .action-list a[disabled=disabled], .action-list a.disabled, .action-list a:not([href]).disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--text-light-text-disable);
}
.action-list.disabled a {
  cursor: not-allowed;
  pointer-events: none;
  color: var(--text-light-text-disable);
}

.ant-layout-content {
  position: relative;
  margin-top: 64px;
  min-height: calc(100vh - 64px);
  padding: var(--spacing-main);
}
@media (min-width: 577px) {
  .ant-layout-content {
    margin-left: 320px;
  }
  .ant-layout-content.collapsed {
    margin-left: 70px;
  }
}
.ant-layout-content .ant-page-header {
  padding: var(--spacing-main) 0;
}
.ant-layout-content .title-breadcrumbs .ant-page-header {
  padding-top: 0;
}
.ant-layout-content .title-breadcrumbs .ant-breadcrumb + .ant-page-header {
  padding-top: var(--spacing-s);
}
.ant-layout-content .title-breadcrumbs .ant-page-header-heading-left {
  margin: 0;
}
.ant-layout-content.has-emergency {
  margin-top: 101px;
}

.layout-select-applications .sider-thismenu,
.layout-unauthorized .sider-thismenu {
  display: none;
}
@media (min-width: 577px) {
  .layout-select-applications .ant-layout-content,
  .layout-unauthorized .ant-layout-content {
    margin-left: 70px;
  }
  .layout-select-applications .sider-mainmenu,
  .layout-select-applications .sider-mainmenu.collapsed,
  .layout-unauthorized .sider-mainmenu,
  .layout-unauthorized .sider-mainmenu.collapsed {
    display: block;
  }
}

@media (max-width: 576px) {
  .ant-layout-sider-overlay {
    width: calc(100% - 70px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 70px;
    z-index: 8;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: none;
  }
}
@media (max-width: 576px) and (max-height: 700px) {
  .ant-layout-sider-overlay {
    width: calc(100% - 64px);
    left: 64px;
  }
}
@media (max-width: 576px) {
  .ant-layout-sider-overlay.overlayed {
    display: block;
  }
}
label {
  margin-bottom: 0.25rem;
  font-weight: 500;
}

.ant-col > label {
  margin-bottom: 0;
}

.menu_mobile {
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 16;
  padding: 0 8px;
  line-height: 64px;
  margin: 0;
  color: var(--primary-gold-bzb-primary-bzb);
}
.menu_mobile img {
  display: inline-block;
  height: 54px;
  vertical-align: middle;
}
@media (min-width: 1180px) {
  .menu_mobile {
    display: none;
  }
}

.ant-layout-sider-group .logo {
  position: fixed;
  top: 0;
  left: 8px;
  z-index: 16;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  -ms-transition: all 0s;
}
@media (max-width: 1180px) {
  .ant-layout-sider-group .logo {
    display: none;
  }
}
.ant-layout-sider-group .logo > a {
  padding: 0;
  height: 64px;
  line-height: 64px;
  display: inline-block;
  cursor: default;
}
.ant-layout-sider-group .logo > a h1 {
  display: inline-block;
  margin: 0 0 0 var(--spacing-xs);
  font-size: 16px;
  font-size: calc(16 / 14 * 1rem);
  font-weight: 500;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  opacity: 1;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  -ms-transition: all 0s;
  color: var(--text-light-text-headline);
  text-transform: uppercase;
}
.ant-layout-sider-group .logo > a img {
  display: inline-block;
  height: 54px;
  width: auto;
  vertical-align: middle;
}

.ant-menu-submenu-popup a:not([href]):not([class]) {
  color: inherit;
}

.ant-layout .sider-thismenu {
  position: fixed;
  top: 65px;
  left: 70px;
  z-index: 100;
  height: calc(100% - 64px);
  max-width: 250px !important;
  min-width: 250px !important;
  width: 250px !important;
  -webkit-transition: none 0s;
  -moz-transition: none 0s;
  -o-transition: none 0s;
  transition: none 0s;
  -ms-transition: none 0s;
  background: var(--color-white);
}
@media (max-width: 576px) {
  .ant-layout .sider-thismenu {
    width: calc(100% - 60px) !important;
    max-width: calc(100% - 60px) !important;
  }
}
@media (max-height: 700px) {
  .ant-layout .sider-thismenu {
    left: 64px;
  }
}
.ant-layout .sider-thismenu.collapsed {
  left: 0;
  max-width: 70px !important;
  min-width: 70px !important;
  width: 70px !important;
}
@media (max-height: 700px) {
  .ant-layout .sider-thismenu.collapsed {
    max-width: 64px !important;
    min-width: 64px !important;
    width: 64px !important;
  }
}
.ant-layout .sider-thismenu .row-app {
  padding: 19px 11px;
  overflow: hidden;
  line-height: 1em;
}
@media (max-height: 700px) {
  .ant-layout .sider-thismenu .row-app {
    padding: 12px 8px;
  }
}
.ant-layout .sider-thismenu .row-app .app_logo {
  width: 48px;
  height: 48px;
  border-radius: 4px;
  overflow: hidden;
  float: left;
}
.ant-layout .sider-thismenu .row-app .app_name {
  width: calc(100% - 48px);
  padding-left: var(--spacing-xs);
  float: left;
}
.ant-layout .sider-thismenu .row-app .app_name .text-headline-3 {
  margin-bottom: var(--spacing-xs);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-layout .sider-thismenu .row-app .app_name a {
  color: var(--blue-blue-6);
  text-decoration: underline;
  font-style: italic;
}
.ant-layout .sider-thismenu .ant-menu-submenu-inline .ant-menu-item a,
.ant-layout .sider-thismenu .ant-menu-submenu-inline .ant-menu-item > span,
.ant-layout .sider-thismenu .ant-menu-submenu-inline .ant-menu-submenu-inline > .ant-menu-submenu-title {
  margin-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}
.ant-layout .sider-thismenu .ant-menu-submenu-inline .ant-menu-item a .ant-menu-submenu-arrow,
.ant-layout .sider-thismenu .ant-menu-submenu-inline .ant-menu-item > span .ant-menu-submenu-arrow,
.ant-layout .sider-thismenu .ant-menu-submenu-inline .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  margin-right: 6px;
}
.ant-layout .sider-thismenu .ant-layout-sider-children {
  position: relative;
}
.ant-layout .sider-thismenu .box-scoll-menu {
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100% - 64px);
}
.ant-layout .sider-thismenu .box-scoll-menu .ant-menu-inline-collapsed {
  width: 70px;
}
@media (max-height: 700px) {
  .ant-layout .sider-thismenu .box-scoll-menu .ant-menu-inline-collapsed {
    width: 64px;
  }
  .ant-layout .sider-thismenu .box-scoll-menu .ant-menu-inline-collapsed > .ant-menu-item,
  .ant-layout .sider-thismenu .box-scoll-menu .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
    padding-left: 21px !important;
    padding-right: 21px !important;
  }
}
.ant-layout .sider-thismenu .foot-trigger {
  width: 100%;
  height: 64px;
}
.ant-layout .sider-thismenu .foot-trigger .trigger {
  width: 70px;
  height: 64px;
  border: none;
  float: right;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: color 0s;
  -moz-transition: color 0s;
  -o-transition: color 0s;
  transition: color 0s;
  -ms-transition: color 0s;
}
@media (max-height: 700px) {
  .ant-layout .sider-thismenu .foot-trigger .trigger {
    width: 64px;
  }
}
@media (max-width: 576px) {
  .ant-layout .sider-thismenu .foot-trigger .trigger {
    display: none;
  }
}
.ant-layout .sider-thismenu .foot-trigger .trigger:hover {
  color: var(--primary-gold-bzb-primary-bzb);
}
.ant-layout .sider-thismenu .foot-trigger .trigger.collapsed {
  width: 100%;
}
.ant-layout .sider-thismenu .foot-trigger .trigger .anticon {
  font-size: 24px;
  line-height: 64px;
}
.ant-layout .ant-layout-header {
  position: fixed;
  height: auto;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 8;
  border: none;
  border-bottom: solid 1px var(--grey-grey-8);
  padding-left: 310px;
}
.ant-layout .ant-layout-header.light {
  background: var(--primary-primary-white);
}
@media (max-width: 576px) {
  .ant-layout .ant-layout-header {
    padding: 0 0 0 20px;
  }
}
.ant-layout .ant-layout-header .trigger {
  font-size: 18px;
  font-size: calc(18 / 14 * 1rem);
  line-height: 64px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -ms-transition: color 0.3s;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06);
}
.ant-layout .ant-layout-header .alert-emergency {
  position: fixed;
  top: 64px;
  background: var(--yellow-yellow-5);
  padding: var(--spacing-xs);
  color: var(--yellow-yellow-9);
  right: 0px;
  width: 100%;
  cursor: pointer;
}
.ant-layout .ant-layout-header .alert-emergency .text {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  line-height: 1.5em;
}
.ant-layout .ant-layout-header .alert-emergency .icon {
  margin-right: 4px;
  display: inline-block;
  vertical-align: text-top;
}
@media (min-width: 577px) {
  .ant-layout .ant-layout-header .alert-emergency {
    width: calc(100% - 320px);
  }
  .ant-layout .ant-layout-header.collapsed .alert-emergency {
    width: calc(100% - 70px);
  }
}
.ant-layout .ant-layout-header .action-col {
  height: 64px;
  padding: var(--spacing-xs) 0;
  margin: 0 30px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
@media (max-width: 576px) {
  .ant-layout .ant-layout-header .action-col {
    margin: 0 15px;
  }
}
.ant-layout .ant-layout-header .action-col .dropdownpad {
  border: none;
  padding: 0 15px;
  border-radius: 6px;
  height: 48px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.ant-layout .ant-layout-header .action-col .dropdownpad:hover {
  background-color: rgba(227, 227, 227, 0.5);
}
.ant-layout .ant-layout-header .action-col .announcement {
  border-left: 1px solid var(--grey-grey-8);
  padding-left: 15px;
  margin-left: 10px;
  color: var(--text-light-text-headline);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.ant-layout .ant-layout-header .action-col .announcement .ant-badge {
  font-size: 24px;
}
.ant-layout .ant-layout-header.collapsed {
  padding-left: 70px;
}
.ant-layout .ant-layout-header .app-select {
  width: 160px;
}
.ant-layout .ant-layout-header .ant-dropdown-link {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.ant-layout .ant-layout-header .ibzb-down {
  color: var(--text-light-text-body);
  font-size: 18px;
  font-size: calc(18 / 14 * 1rem);
  margin-left: var(--spacing-xs);
}
.ant-layout .ant-layout-header .account-text {
  margin-right: var(--spacing-xs);
  min-width: 170px;
  text-align: right;
}
@media (max-width: 576px) {
  .ant-layout .ant-layout-header .account-text {
    max-width: 170px;
  }
}
.ant-layout .ant-layout-header .account-text span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ant-layout .ant-layout-header .account-text span.account-name {
  color: var(--text-light-text-body);
  font-size: 14px;
  font-size: calc(14 / 14 * 1rem);
  line-height: 20px;
}
.ant-layout .ant-layout-header .account-text span.account-role {
  color: var(--text-light-text-caption);
  font-size: 12px;
  font-size: calc(12 / 14 * 1rem);
  line-height: 18px;
}
.ant-layout .ant-layout-header .account-text span.account-role span {
  display: inline;
  color: var(--grey-grey-8);
}
.ant-layout .ant-layout-header .xs-toggle-sidebar {
  height: 100%;
  border-left: 1px solid #e2e8ee;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.ant-layout .ant-layout-header .xs-toggle-sidebar > div {
  width: 20px;
  position: relative;
  height: 20px;
}
.ant-layout .ant-layout-header .xs-toggle-sidebar > div span, .ant-layout .ant-layout-header .xs-toggle-sidebar > div:after, .ant-layout .ant-layout-header .xs-toggle-sidebar > div:before {
  width: 100%;
  position: absolute;
  height: 3px;
  background-color: #001529;
}
.ant-layout .ant-layout-header .xs-toggle-sidebar > div:after, .ant-layout .ant-layout-header .xs-toggle-sidebar > div:before {
  content: "";
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.ant-layout .ant-layout-header .xs-toggle-sidebar > div span {
  top: 50%;
  margin-top: -1.5px;
}
.ant-layout .ant-layout-header .xs-toggle-sidebar > div:before {
  top: 0;
}
.ant-layout .ant-layout-header .xs-toggle-sidebar > div:after {
  bottom: 0;
}
.ant-layout .ant-layout-header .xs-toggle-sidebar.active > div span {
  opacity: 0;
  background-color: transparent;
}
.ant-layout .ant-layout-header .xs-toggle-sidebar.active > div:before, .ant-layout .ant-layout-header .xs-toggle-sidebar.active > div:after {
  top: 8px;
}
.ant-layout .ant-layout-header .xs-toggle-sidebar.active > div:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ant-layout .ant-layout-header .xs-toggle-sidebar.active > div:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px;
}
.ant-radio-button-wrapper .anticon {
  font-size: 22px;
  font-size: calc(22 / 14 * 1rem);
}

.ant-btn {
  min-width: 100px;
  height: 40px;
  padding: 7px 15px;
}
.ant-btn.btn-icon {
  min-width: inherit;
}
.ant-btn > i + span,
.ant-btn > img + span,
.ant-btn > .anticon + span {
  margin-left: 10px;
}
.ant-btn > span + i,
.ant-btn > span + img,
.ant-btn > span + .anticon {
  margin-left: 10px;
}
.ant-btn > i,
.ant-btn > span {
  vertical-align: middle;
}
.ant-btn:not(.ant-btn-link):hover {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.ant-btn:focus {
  box-shadow: none;
}
.ant-btn:not(.ant-btn-link):active {
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.08);
}
.ant-btn-primary {
  border-color: var(--primary-gold-bzb-primary-bzb);
  background-color: var(--primary-gold-bzb-primary-bzb);
}
.ant-btn-primary[disabled], .ant-btn-primary[disabled]:hover, .ant-btn-primary[disabled]:focus, .ant-btn-primary[disabled]:active {
  color: var(--color-white);
  background-color: var(--grey-grey-6);
}
.ant-btn-primary:hover {
  border-color: var(--primary-gold-bzb-gold-7);
  background-color: var(--primary-gold-bzb-gold-7);
}
.ant-btn-primary:focus {
  border-color: var(--primary-gold-bzb-gold-6);
  outline: 1px solid var(--primary-gold-bzb-gold-6) !important;
  background-color: var(--primary-gold-bzb-primary-bzb);
}
.ant-btn-primary:active,
.ant-btn-primary .active {
  border-color: var(--primary-gold-bzb-gold-4);
  background-color: var(--primary-gold-bzb-gold-4);
}
.ant-btn-primary.ant-btn-background-ghost {
  color: var(--primary-gold-bzb-primary-bzb);
  border-color: var(--primary-gold-bzb-primary-bzb);
}
.ant-btn-primary.ant-btn-background-ghost[disabled], .ant-btn-primary.ant-btn-background-ghost[disabled]:hover, .ant-btn-primary.ant-btn-background-ghost[disabled]:focus, .ant-btn-primary.ant-btn-background-ghost[disabled]:active {
  color: var(--grey-grey-6);
  border-color: var(--grey-grey-6);
  background-color: var(--grey-grey-8);
}
.ant-btn-primary.ant-btn-background-ghost:hover {
  color: var(--primary-gold-bzb-gold-6);
  border-color: var(--primary-gold-bzb-gold-6);
}
.ant-btn-primary.ant-btn-background-ghost:focus {
  color: var(--primary-gold-bzb-primary-bzb);
  border-color: var(--primary-gold-bzb-gold-6);
  outline: 1px solid var(--primary-gold-bzb-gold-6) !important;
}
.ant-btn-primary.ant-btn-background-ghost:active {
  color: var(--primary-gold-bzb-gold-6);
  border-color: var(--primary-gold-bzb-gold-6);
  background-color: rgba(249, 166, 1, 0.1);
}
.ant-btn-secondary {
  border-color: var(--primary-secoundary-color);
  color: var(--color-white);
  background-color: var(--primary-secoundary-color);
}
.ant-btn-secondary[disabled], .ant-btn-secondary[disabled]:hover, .ant-btn-secondary[disabled]:focus, .ant-btn-secondary[disabled]:active {
  color: var(--color-white);
  background-color: var(--grey-grey-5);
}
.ant-btn-secondary:hover {
  border-color: var(--text-light-text-body);
  color: var(--color-white);
  background-color: var(--text-light-text-body);
}
.ant-btn-secondary:focus {
  border-color: var(--text-light-text-body);
  color: var(--color-white);
  background-color: var(--primary-secoundary-color);
}
.ant-btn-secondary:active,
.ant-btn-secondary .active {
  border-color: var(--grey-grey-1);
  color: var(--color-white);
  background-color: var(--grey-grey-1);
}
.ant-btn-teriary {
  border-color: var(--green-green-8);
  color: var(--color-white);
  background-color: var(--green-green-8);
}
.ant-btn-teriary[disabled], .ant-btn-teriary[disabled]:hover, .ant-btn-teriary[disabled]:focus, .ant-btn-teriary[disabled]:active {
  color: var(--color-white);
  background-color: var(--text-light-text-disable);
}
.ant-btn-teriary:hover {
  border-color: var(--green-green-5);
  color: var(--color-white);
  background-color: var(--green-green-5);
}
.ant-btn-teriary:focus {
  border-color: var(--green-green-7);
  color: var(--color-white);
  background-color: var(--green-green-8);
}
.ant-btn-teriary:active,
.ant-btn-teriary .active {
  border-color: var(--green-green-9);
  color: var(--color-white);
  background-color: var(--green-green-9);
}
.ant-btn-teriary.ant-btn-background-ghost {
  color: var(--green-green-8);
  border-color: var(--green-green-8);
}
.ant-btn-teriary.ant-btn-background-ghost[disabled], .ant-btn-teriary.ant-btn-background-ghost[disabled]:hover, .ant-btn-teriary.ant-btn-background-ghost[disabled]:focus, .ant-btn-teriary.ant-btn-background-ghost[disabled]:active {
  color: var(--grey-grey-6);
  border-color: var(--text-light-text-disable);
  background-color: var(--grey-grey-8);
}
.ant-btn-teriary.ant-btn-background-ghost:hover {
  color: var(--green-green-5);
  border-color: var(--green-green-5);
}
.ant-btn-teriary.ant-btn-background-ghost:focus {
  color: var(--green-green-8);
  border-color: var(--green-green-8);
}
.ant-btn-danger {
  border-color: var(--red-red-6);
  background-color: var(--red-red-6);
}
.ant-btn-danger[disabled], .ant-btn-danger[disabled]:hover, .ant-btn-danger[disabled]:focus, .ant-btn-danger[disabled]:active {
  color: var(--color-white);
  background-color: var(--grey-grey-6);
}
.ant-btn-danger:hover {
  border-color: var(--red-red-3);
  background-color: var(--red-red-3);
}
.ant-btn-danger:focus {
  border-color: var(--red-red-3);
  outline: 1px solid var(--red-red-3) !important;
  background-color: var(--red-red-5);
}
.ant-btn-danger:active,
.ant-btn-danger .active,
.ant-btn-danger .active {
  border-color: var(--red-red-6);
  background-color: var(--red-red-6);
}
.ant-btn-danger.ant-btn-background-ghost {
  color: var(--primary-gold-bzb-primary-bzb);
  border-color: var(--primary-gold-bzb-primary-bzb);
}
.ant-btn-danger.ant-btn-background-ghost[disabled], .ant-btn-danger.ant-btn-background-ghost[disabled]:hover, .ant-btn-danger.ant-btn-background-ghost[disabled]:focus, .ant-btn-danger.ant-btn-background-ghost[disabled]:active {
  color: var(--grey-grey-6);
  border-color: var(--grey-grey-6);
}
.ant-btn-danger.ant-btn-background-ghost:hover {
  color: var(--primary-gold-bzb-gold-6);
  border-color: var(--primary-gold-bzb-gold-6);
}
.ant-btn-danger.ant-btn-background-ghost:focus {
  color: var(--primary-gold-bzb-primary-bzb);
  border-color: var(--primary-gold-bzb-gold-6);
  outline: 1px solid var(--primary-gold-bzb-gold-6) !important;
}
.ant-btn-danger.ant-btn-background-ghost:active {
  color: var(--primary-gold-bzb-gold-6);
  border-color: var(--primary-gold-bzb-gold-6);
  background-color: rgba(249, 166, 1, 0.1);
}
.ant-btn-warning {
  color: var(--color-white);
  border-color: var(--yellow-yellow-6);
  background-color: var(--yellow-yellow-6);
}
.ant-btn-warning[disabled], .ant-btn-warning[disabled]:hover, .ant-btn-warning[disabled]:focus, .ant-btn-warning[disabled]:active {
  color: var(--color-white);
  background-color: var(--grey-grey-6);
}
.ant-btn-warning:hover {
  color: var(--color-white);
  border-color: var(--yellow-yellow-5);
  background-color: var(--yellow-yellow-5);
}
.ant-btn-warning:focus {
  color: var(--color-white);
  border-color: var(--yellow-yellow-5);
  outline: 1px solid var(--yellow-yellow-5) !important;
  background-color: var(--yellow-yellow-6);
}
.ant-btn-warning:active,
.ant-btn-warning .active {
  color: var(--color-white);
  border-color: var(--yellow-yellow-9);
  background-color: v var(--yellow-yellow-9);
}
.ant-btn-warning.ant-btn-background-ghost {
  color: var(--primary-gold-bzb-primary-bzb);
  border-color: var(--primary-gold-bzb-primary-bzb);
}
.ant-btn-warning.ant-btn-background-ghost[disabled], .ant-btn-warning.ant-btn-background-ghost[disabled]:hover, .ant-btn-warning.ant-btn-background-ghost[disabled]:focus, .ant-btn-warning.ant-btn-background-ghost[disabled]:active {
  color: var(--grey-grey-6);
  border-color: var(--grey-grey-6);
}
.ant-btn-warning.ant-btn-background-ghost:hover {
  color: var(--primary-gold-bzb-gold-6);
  border-color: var(--primary-gold-bzb-gold-6);
}
.ant-btn-warning.ant-btn-background-ghost:focus {
  color: var(--primary-gold-bzb-primary-bzb);
  border-color: var(--primary-gold-bzb-gold-6);
  outline: 1px solid var(--primary-gold-bzb-gold-6) !important;
}
.ant-btn-warning.ant-btn-background-ghost:active {
  color: var(--primary-gold-bzb-gold-6);
  border-color: var(--primary-gold-bzb-gold-6);
  background-color: rgba(249, 166, 1, 0.1);
}
.ant-btn-success {
  color: var(--color-white);
  border-color: var(--green-green-6);
  background-color: var(--green-green-6);
}
.ant-btn-success[disabled], .ant-btn-success[disabled]:hover, .ant-btn-success[disabled]:focus, .ant-btn-success[disabled]:active {
  color: var(--color-white);
  background-color: var(--grey-grey-6);
}
.ant-btn-success:hover {
  color: var(--color-white);
  border-color: var(--green-green-3);
  background-color: var(--green-green-3);
}
.ant-btn-success:focus {
  color: var(--color-white);
  border-color: var(--green-green-3);
  outline: 1px solid var(--green-green-3) !important;
  background-color: var(--green-green-6);
}
.ant-btn-success:active,
.ant-btn-success .active {
  color: var(--color-white);
  border-color: var(--green-green-8);
  background-color: var(--green-green-8);
}
.ant-btn-success.ant-btn-background-ghost {
  color: var(--primary-gold-bzb-primary-bzb);
  border-color: var(--primary-gold-bzb-primary-bzb);
}
.ant-btn-success.ant-btn-background-ghost[disabled], .ant-btn-success.ant-btn-background-ghost[disabled]:hover, .ant-btn-success.ant-btn-background-ghost[disabled]:focus, .ant-btn-success.ant-btn-background-ghost[disabled]:active {
  color: var(--grey-grey-6);
  border-color: var(--grey-grey-6);
}
.ant-btn-success.ant-btn-background-ghost:hover {
  color: var(--primary-gold-bzb-gold-6);
  border-color: var(--primary-gold-bzb-gold-6);
}
.ant-btn-success.ant-btn-background-ghost:focus {
  color: var(--primary-gold-bzb-primary-bzb);
  border-color: var(--primary-gold-bzb-gold-6);
  outline: 1px solid var(--primary-gold-bzb-gold-6) !important;
}
.ant-btn-success.ant-btn-background-ghost:active,
.ant-btn-success.ant-btn-background-ghost .active {
  color: var(--primary-gold-bzb-gold-6);
  border-color: var(--primary-gold-bzb-gold-6);
  background-color: rgba(249, 166, 1, 0.1);
}
.ant-btn.ant-btn-background-ghost {
  background-color: var(--color-white) !important;
}

.ant-select-dropdown.scroll-x {
  width: 150% !important;
}
.ant-select-dropdown .ant-select-dropdown-menu .ant-select-dropdown-menu-item {
  height: auto;
  white-space: normal;
}

.ant-form label {
  line-height: 40px;
}
.ant-form .field-item {
  display: block;
}
.ant-form .field-item .ant-form-item-control,
.ant-form .field-item .ant-col.ant-form-item-label {
  padding: 0;
}
.ant-form .ant-form-item-control,
.ant-form .ant-col.ant-form-item-label {
  line-height: 34px;
}
.ant-form .ant-form-item-control label:not(.ant-checkbox-wrapper):not(.ant-radio-button-wrapper):not(.ant-radio-wrapper),
.ant-form .ant-col.ant-form-item-label label:not(.ant-checkbox-wrapper):not(.ant-radio-button-wrapper):not(.ant-radio-wrapper) {
  margin-bottom: 0;
  line-height: 34px;
}
.ant-form .ant-form-item-control label:not(.ant-checkbox-wrapper):not(.ant-radio-button-wrapper):not(.ant-radio-wrapper):after,
.ant-form .ant-col.ant-form-item-label label:not(.ant-checkbox-wrapper):not(.ant-radio-button-wrapper):not(.ant-radio-wrapper):after {
  content: ":";
  display: inline-block;
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form .ant-form-item-with-help {
  margin-bottom: var(--spacing-xs);
}
.ant-form .ant-radio-button-wrapper {
  height: 38px;
  line-height: 38px;
}
.ant-form .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  font-family: inherit;
}
.ant-form .ant-form-item {
  margin-bottom: 0;
}
.ant-form .ant-form-item.flex {
  display: flex;
  display: -webkit-flex;
  margin-bottom: var(--spacing-xs);
}
.ant-form .ant-form-item.flex .ant-col.ant-form-item-label {
  line-height: 40px;
}
@media (min-width: 576px) {
  .ant-form .ant-form-item.flex .ant-form-item-label {
    text-align: left;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    max-width: 140px;
  }
  .ant-form .ant-form-item.flex .ant-form-item-control-wrapper {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
}
.ant-form .ant-form-item .ant-input-group-compact {
  display: flex;
  display: -webkit-flex;
}
.ant-form .ant-form-item .ant-input-group-compact .input-width-select-option {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.ant-form .ant-form-item .ant-calendar-picker {
  width: 100%;
}
.ant-form .ant-input-prefix .anticon.disabled {
  color: var(--text-light-text-disable);
}
.ant-form .input-icon {
  position: absolute;
  left: 10px;
  top: -3px;
  z-index: 1;
  font-size: 9px;
  width: 23px;
  height: 23px;
  background-color: var(--primary-gold-bzb-primary-bzb);
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  color: var(--color-white);
}
.ant-form .input-icon + .ant-input,
.ant-form .input-icon + .ant-input-password .ant-input {
  padding-left: 45px;
}
.ant-form.ant-form-vertical .ant-form-item-label {
  padding-bottom: 0;
}

.ant-dropdown .header-dropdown {
  min-width: 280px;
  padding: 16px 0;
  border-radius: 12px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--primary-primary-white);
  margin-top: 12px;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item {
  height: 40px;
  line-height: 40px;
  padding: 5px calc(var(--spacing-xs) * 2);
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item:last-child {
  border: none;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item:hover {
  color: var(--text-light-text-body);
  background-color: rgba(227, 227, 227, 0.5);
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item.logout {
  margin-top: var(--spacing-xs);
  text-align: center;
  background-color: var(--grey-grey-9);
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item.logout:hover {
  color: var(--text-light-text-body);
  background-color: rgba(227, 227, 227, 0.5);
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item > a,
.ant-dropdown .header-dropdown .ant-dropdown-menu-item a {
  color: inherit;
  margin: -5px 0;
  display: block;
  width: 100%;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item img + span.text,
.ant-dropdown .header-dropdown .ant-dropdown-menu-item i + span.text {
  padding-left: 15px;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item i {
  width: 24px;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item .text {
  display: inline-block;
  vertical-align: middle;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item .text + img {
  margin-left: 10px;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item a {
  padding: 0;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item-group {
  padding-top: var(--spacing-xs);
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item-group .ant-dropdown-menu-item .active {
  position: relative;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item-group .ant-dropdown-menu-item .active:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: inherit;
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/i-active-lang.svg);
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item-group img + span {
  padding-left: 8px;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-title,
.ant-dropdown .header-dropdown .ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-list {
  margin: 0;
}
.ant-dropdown .header-dropdown .ant-dropdown-menu-item-group .ant-dropdown-menu-item-group-title {
  color: var(--text-light-text-body);
  background-color: rgba(227, 227, 227, 0.5);
}

.checkbox-list .ant-checkbox-wrapper {
  display: flex;
  display: -webkit-flex;
}
.checkbox-list .ant-checkbox-wrapper .ant-checkbox + span {
  line-height: 1.5;
}

.ant-menu {
  border-right: none;
}
.ant-menu + .ant-menu {
  padding-top: 10px;
  margin-top: 10px;
  border-top: solid 1px var(--grey-grey-8);
}

.sider-mainmenu {
  position: fixed;
  top: 0;
  padding-top: 64px;
  left: 0;
  z-index: 105;
  height: 100%;
  -webkit-transition: none 0s;
  -moz-transition: none 0s;
  -o-transition: none 0s;
  transition: none 0s;
  -ms-transition: none 0s;
  background: var(--primary-secoundary-color);
}
@media (max-height: 700px) {
  .sider-mainmenu {
    padding-top: 0;
  }
}
.sider-mainmenu .ant-menu {
  background-color: inherit;
}
.sider-mainmenu .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: var(--bg-bg-light);
  border-radius: 4px 0px 0px 4px;
}
.sider-mainmenu .ant-menu-inline .ant-menu-item {
  padding: 0 !important;
  text-align: center;
}
.sider-mainmenu .ant-menu-inline .ant-menu-item .anticon,
.sider-mainmenu .ant-menu-inline .ant-menu-item i {
  margin-right: 0;
  font-size: 52px;
  font-size: calc(52 / 14 * 1rem);
  line-height: 1.2;
}
.sider-mainmenu .ant-menu-item:focus-visible,
.sider-mainmenu .ant-menu-submenu-title:focus-visible {
  box-shadow: none;
}
.sider-mainmenu .ant-menu-item {
  width: 100%;
  height: 78px;
  line-height: 78px;
}
.sider-mainmenu .ant-menu-item img {
  display: none;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sider-mainmenu .ant-menu-item img.normal {
  display: inline-block;
}
.sider-mainmenu .ant-menu-item a {
  display: block;
  width: 100%;
  height: 78px;
  line-height: 78px;
  position: relative;
  color: var(--color-white);
}
.sider-mainmenu .ant-menu-item a:hover {
  background-color: var(--grey-grey-1);
  color: var(--primary-gold-bzb-primary-bzb);
}
.sider-mainmenu .ant-menu-item.ant-menu-item-disabled img {
  display: none;
}
.sider-mainmenu .ant-menu-item.ant-menu-item-disabled img.disabled {
  display: inline-block;
}
.sider-mainmenu .ant-menu-item.ant-menu-item-disabled.ant-menu-item-selected img {
  display: none;
}
.sider-mainmenu .ant-menu-item.ant-menu-item-disabled.ant-menu-item-selected img.active {
  display: inline-block;
}
.sider-mainmenu .ant-menu-item-disabled > a,
.sider-mainmenu .ant-menu-submenu-disabled > a,
.sider-mainmenu .ant-menu-item-disabled .ant-menu-title-content > a,
.sider-mainmenu .ant-menu-submenu-disabled .ant-menu-title-content > a {
  color: var(--text-light-text-disable);
}
.sider-mainmenu .ant-menu-item-selected > a,
.sider-mainmenu .ant-menu-item-selected > a:hover {
  color: var(--primary-gold-bzb-primary-bzb);
}
.sider-mainmenu .ant-menu-item-selected.ant-menu-item-disabled > a, .sider-mainmenu .ant-menu-item-selected.ant-menu-submenu-disabled > a, .sider-mainmenu .ant-menu-item-selected.ant-menu-item-disabled .ant-menu-title-content > a, .sider-mainmenu .ant-menu-item-selected.ant-menu-submenu-disabled .ant-menu-title-content > a {
  color: var(--primary-gold-bzb-primary-bzb) !important;
}
.sider-mainmenu .ant-menu-item-selected.ant-menu-item-disabled:after, .sider-mainmenu .ant-menu-item-selected.ant-menu-submenu-disabled:after {
  border: none;
}
.sider-mainmenu.collapsed {
  display: none;
}
@media (max-height: 700px) {
  .sider-mainmenu {
    max-width: 64px !important;
    min-width: 64px !important;
    width: 64px !important;
  }
  .sider-mainmenu .ant-menu-item,
  .sider-mainmenu .ant-menu-item a {
    height: 66px;
    line-height: 66px;
  }
  .sider-mainmenu img {
    max-width: 90%;
  }
}
@media (max-height: 650px) {
  .sider-mainmenu .ant-menu-item,
  .sider-mainmenu .ant-menu-item a {
    height: 64px;
    line-height: 64px;
  }
}

.ant-layout-sider .ant-menu-inline .ant-menu-item,
.ant-layout-sider .ant-menu-inline .ant-menu-submenu-title {
  margin-top: 0;
}

.single-level-menu .sider-thismenu {
  left: 0;
}
.single-level-menu .ant-layout-content {
  position: relative;
}
@media (min-width: 577px) {
  .single-level-menu .ant-layout-content {
    margin-left: 250px;
  }
  .single-level-menu .ant-layout-content.collapsed {
    margin-left: 70px;
  }
}

.page-layout.disable-menu .sider-thismenu {
  display: none;
}
@media (min-width: 577px) {
  .page-layout.disable-menu .ant-layout-content {
    margin-left: 70px;
  }
  .page-layout.disable-menu .ant-layout-content.collapsed {
    margin-left: 0;
  }
}
.page-layout.has-fixed-footer .ant-layout-content {
  margin-bottom: 68px;
  min-height: calc(100vh - 132px);
}
.page-layout .ant-input-affix-wrapper {
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}
.page-layout .ant-table-row-expand-icon {
  border-radius: 0px;
}

.col-btn {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.col-btn .ant-btn + .ant-btn {
  margin-left: var(--spacing-main);
}
@media (min-width: 768px) {
  .col-btn .ant-btn {
    min-width: 100px;
  }
}
@media (max-width: 1440px) {
  .col-btn.col-lg-3 {
    margin-top: var(--spacing-main);
    max-width: 100%;
  }
  .col-btn.col-lg-3 .ant-btn {
    width: 50%;
    min-width: inherit;
  }
}
@media (max-width: 767px) {
  .col-btn {
    margin-top: var(--spacing-main);
  }
  .col-btn .ant-btn {
    width: 50%;
    min-width: inherit;
  }
}

@media (max-width: 576px) {
  .ant-layout-sider-collapsed {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.steps-line {
  overflow: hidden;
  overflow-x: auto;
  margin-bottom: var(--spacing-main);
}
.steps-line .list {
  display: flex;
  display: -webkit-flex;
  justify-content: left;
  -webkit-justify-content: left;
  align-items: top;
  -webkit-align-items: top;
  max-width: 800px;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  margin: 0;
}
.steps-line .list .item {
  cursor: pointer;
  position: relative;
}
@media (min-width: 576px) {
  .steps-line .list .item {
    width: 20%;
  }
}
.steps-line .list .item:not(:last-child):before {
  content: "";
  width: calc(100% - 64px);
  right: 16px;
  top: 16px;
  height: 1px;
  background-color: var(--grey-grey-8);
  position: absolute;
  z-index: 1;
}
.steps-line .list .item .step {
  width: 32px;
  height: 32px;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  font-size: calc(16 / 14 * 1rem);
  background: var(--bg-bg-light);
  color: var(--text-light-text-disable);
  border: solid 1px var(--text-light-text-disable);
  position: relative;
  z-index: 2;
}
.steps-line .list .item .text {
  display: block;
  font-size: 16px;
  font-size: calc(16 / 14 * 1rem);
  padding: 10px 0;
  position: relative;
  z-index: 2;
  color: var(--text-light-text-title);
}
.steps-line .list .item:hover .icon {
  background-color: var(--primary-gold-bzb-primary-bzb);
  color: #fff;
}
.steps-line .list .item.active {
  pointer-events: none;
}
.steps-line .list .item.active .step {
  background-color: var(--primary-gold-bzb-primary-bzb);
  color: var(--primary-primary-white);
  border: solid 1px var(--primary-gold-bzb-primary-bzb);
}
.steps-line .list .item.completed:before {
  background-color: var(--primary-gold-bzb-primary-bzb);
}
.steps-line .list .item.completed .step {
  color: var(--primary-gold-bzb-primary-bzb);
  font-size: 0px;
  font-size: calc(0 / 14 * 1rem);
  border: solid 1px var(--primary-gold-bzb-primary-bzb);
}
.steps-line .list .item.completed .step:before {
  content: "\e905";
  font-size: 16px;
  font-size: calc(16 / 14 * 1rem);
  line-height: 30px;
  font-family: "icon-bzb" !important;
}
.steps-line .list .item.completed.disable {
  cursor: default;
  pointer-events: none;
}
.steps-line .list .item.completed.disable .step {
  color: var(--text-light-text-disable);
  border: solid 1px var(--text-light-text-disable);
}
.steps-line .list .item.disable {
  pointer-events: none;
}
.steps-line .list .slick-slide .item .step {
  margin: 0 auto;
}
.steps-line .list .slick-slide .item:before {
  content: "";
  width: calc(100% - 56px);
  left: calc(50% + 28px);
  top: 16px;
  height: 1px;
  background-color: var(--grey-grey-8);
  position: absolute;
  z-index: 1;
}
.steps-line .list .slick-slide .item.completed:before {
  background-color: var(--primary-gold-bzb-primary-bzb);
}
@media (max-width: 767px) {
  .steps-line .list .item .text {
    font-size: 13px;
    font-size: calc(13 / 14 * 1rem);
  }
}
@media (max-width: 576px) {
  .steps-line {
    margin-bottom: 20px;
    text-align: center;
    overflow-x: hidden;
  }
  .steps-line .list .item {
    display: block;
    width: 100%;
  }
  .steps-line .list .navs {
    position: absolute;
    top: 23px;
    width: 30px;
    height: 46px;
    font-size: 26px;
    font-size: calc(26 / 14 * 1rem);
    line-height: 46px;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
  }
  .steps-line .list .navs.nav-next {
    left: 0;
  }
  .steps-line .list .navs.nav-prev {
    right: 0;
  }
}

.button-action-list button + button,
.button-action-list button + a,
.button-action-list a + button,
.button-action-list a + a {
  margin-left: var(--spacing-s) !important;
  margin-right: 0 !important;
}
@media (max-width: 767px) {
  .button-action-list .action-list {
    position: absolute;
    z-index: 9;
    bottom: 64px;
    background-color: #fff;
    padding: 14px 16px;
    width: 200px;
    max-width: 100%;
    display: none;
    border: 1px solid #eee;
  }
  .button-action-list .action-list.xsActive {
    display: block;
  }
  .button-action-list .action-list button,
  .button-action-list .action-list a {
    width: 100%;
    display: block;
    margin: 0 0 10px !important;
    padding: 0;
  }
  .button-action-list .action-list button button,
  .button-action-list .action-list a button {
    width: 100%;
    display: block;
    margin: 0 !important;
  }
}
@media (max-width: 576px) {
  .button-action-list .action-list .btn-100 {
    width: 100%;
  }
}
.button-action-list .action-list .save {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .button-action-list .action-list .save {
    margin-left: 0px;
  }
}
@media (max-width: 576px) {
  .button-action-list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .button-action-list .action-contents {
    display: contents;
  }
}
.button-action-list button,
.button-action-list a {
  min-width: 100px;
}
@media (max-width: 576px) {
  .button-action-list button,
  .button-action-list a {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    margin: 2px 0px;
  }
}
.button-action-list.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 4;
  padding: 14px 16px;
  box-shadow: 0 10px 30px var(--grey-grey-8);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}
@media (max-width: 576px) {
  .button-action-list.fixed {
    padding: 10px 16px;
  }
}
.button-action-list .box-footer {
  width: 100%;
  margin-left: 70px;
}
@media (min-width: 767px) {
  .button-action-list .box-footer {
    display: flex;
  }
}
@media (max-width: 767px) {
  .button-action-list .box-footer {
    width: calc(100% - 70px);
  }
}
.button-action-list .box-footer-c {
  width: inherit;
  margin-left: 350px;
  display: flex;
}
.button-action-list .btn-center {
  margin: auto;
}

.ant-modal-confirm-body > .anticon {
  font-size: 35px;
  font-size: calc(35 / 14 * 1rem);
  display: inline-block;
  color: var(--primary-gold-bzb-primary-bzb);
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .ant-modal-confirm-body > .anticon {
    font-size: 70px;
    font-size: calc(70 / 14 * 1rem);
    margin-bottom: 30px;
  }
}
.ant-modal-confirm-body > .anticon > svg {
  vertical-align: top;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 0;
  width: 100%;
  display: block;
  white-space: pre-line;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-size: calc(20 / 14 * 1rem);
  line-height: 1.2;
  width: calc(100% - 51px);
}

.ant-modal-confirm-info .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: var(--primary-gold-bzb-primary-bzb);
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon.anticon-delete,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon.anticon-delete {
  color: var(--red-red-5);
}

.ant-modal-root .ant-modal-content {
  overflow: hidden;
  border-radius: 8px;
}
.ant-modal-root .ant-modal-content p {
  white-space: break-spaces;
}
@media (max-width: 576px) {
  .ant-modal-root .col-btn {
    display: block;
  }
  .ant-modal-root .ant-btn {
    width: 100%;
    display: block;
  }
  .ant-modal-root .ant-btn + .ant-btn {
    margin-top: var(--spacing-main);
    margin-left: 0;
  }
  .ant-modal-root .ant-modal-confirm-btns,
  .ant-modal-root .ant-modal-footer {
    width: 100%;
    position: relative;
    padding-top: calc(40px + var(--spacing-xxl-2));
  }
  .ant-modal-root .ant-modal-confirm-btns .ant-btn:last-child,
  .ant-modal-root .ant-modal-footer .ant-btn:last-child {
    position: absolute;
    top: var(--spacing-main);
    left: 0;
    margin: 0;
  }
  .ant-modal-root .ant-modal-footer {
    padding-left: 0;
    padding-right: 0;
    margin: 0 30px;
    width: calc(100% - 60px);
  }
}
.ant-modal-root .ant-modal-header {
  padding: 16px 30px;
}

.ant-modal-confirm-success .ant-modal, .ant-modal-confirm-success.ant-modal,
.ant-modal-confirm-error .ant-modal,
.ant-modal-confirm-error.ant-modal,
.ant-modal-confirm-warning .ant-modal,
.ant-modal-confirm-warning.ant-modal {
  text-align: center;
  width: 330px;
  max-width: 330px;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon {
  font-size: 105px;
  font-size: calc(105 / 14 * 1rem);
  line-height: 1;
  display: block;
  width: 100%;
  margin: 0 auto 10px;
}
.ant-modal-confirm-success .ant-modal-confirm-body .ant-modal-confirm-title,
.ant-modal-confirm-error .ant-modal-confirm-body .ant-modal-confirm-title,
.ant-modal-confirm-warning .ant-modal-confirm-body .ant-modal-confirm-title {
  height: auto;
  font-size: 16px;
  font-size: calc(16 / 14 * 1rem);
  line-height: 1.5em;
  display: block;
  width: 100%;
  margin: 15px auto;
  padding: 0;
}
.ant-modal-confirm-success .ant-modal-confirm-content,
.ant-modal-confirm-error .ant-modal-confirm-content,
.ant-modal-confirm-warning .ant-modal-confirm-content {
  font-weight: normal;
}
.ant-modal-confirm-success .ant-modal-confirm-btns,
.ant-modal-confirm-error .ant-modal-confirm-btns,
.ant-modal-confirm-warning .ant-modal-confirm-btns {
  float: none;
  margin-top: 16px;
}

.ant-modal-title {
  font-size: 20px;
  font-size: calc(20 / 14 * 1rem);
  line-height: 1.2;
}
.ant-modal-title .ant-modal-header {
  padding: 16px 30px;
}

.ant-modal-body {
  max-height: 500px;
  overflow-y: auto;
  background-color: var(--bg-bg-light);
}

.ant-modal-footer {
  border-top: none;
}

.ant-modal-wrap {
  overflow: hidden !important;
}

.ant-modal-centered .ant-modal {
  padding: 0;
  margin: 0;
}

.ant-page-header .ant-page-header-heading-title {
  font-size: 28px;
  font-size: calc(28 / 14 * 1rem);
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .ant-page-header .ant-page-header-heading-title {
    font-size: 24px;
    font-size: calc(24 / 14 * 1rem);
  }
}
.ant-page-header .ant-page-header-heading-title > .tag-status,
.ant-page-header .ant-page-header-heading-title > .ant-badge {
  vertical-align: middle;
  margin-left: 5px;
}
.ant-page-header .ant-page-header-heading-title .input-search {
  width: 300px;
  display: inline-flex;
  margin-left: var(--spacing-xs);
}
.ant-page-header .ant-page-header-heading-sub-title {
  width: 100%;
  font-size: 12px;
  font-size: calc(12 / 14 * 1rem);
  line-height: 1.5;
  font-weight: normal;
  color: var(--text-light-text-caption);
}

.breadcrumbs-has-action-flex {
  width: 100%;
  display: table;
  padding-bottom: var(--spacing-main);
}
@media (max-width: 1300px) {
  .breadcrumbs-has-action-flex {
    display: block;
  }
}
.breadcrumbs-has-action-flex > div {
  display: table-cell;
  vertical-align: bottom;
}
@media (max-width: 1300px) {
  .breadcrumbs-has-action-flex > div {
    width: 100%;
    display: block;
  }
}
.breadcrumbs-has-action-flex .ant-page-header {
  padding-bottom: 0;
}
.breadcrumbs-has-action-flex .sec-action {
  text-align: right;
  font-size: 1rem;
  white-space: nowrap;
}
.breadcrumbs-has-action-flex .sec-action .ant-btn + .ant-btn,
.breadcrumbs-has-action-flex .sec-action .ant-btn + .input-search,
.breadcrumbs-has-action-flex .sec-action .ant-btn + .ant-select,
.breadcrumbs-has-action-flex .sec-action .ant-btn + span,
.breadcrumbs-has-action-flex .sec-action .ant-select + .ant-btn,
.breadcrumbs-has-action-flex .sec-action .ant-select + .input-search,
.breadcrumbs-has-action-flex .sec-action .ant-select + .ant-select,
.breadcrumbs-has-action-flex .sec-action .ant-select + span,
.breadcrumbs-has-action-flex .sec-action .input-search + .ant-btn,
.breadcrumbs-has-action-flex .sec-action .input-search + .ant-select,
.breadcrumbs-has-action-flex .sec-action .input-search + .input-search,
.breadcrumbs-has-action-flex .sec-action .input-search + span,
.breadcrumbs-has-action-flex .sec-action > span + .ant-btn,
.breadcrumbs-has-action-flex .sec-action > span + .input-search,
.breadcrumbs-has-action-flex .sec-action > span + .ant-select,
.breadcrumbs-has-action-flex .sec-action > span + span {
  margin-left: var(--spacing-xs);
  vertical-align: bottom;
}
@media (max-width: 768px) {
  .breadcrumbs-has-action-flex .sec-action .ant-btn + .ant-btn,
  .breadcrumbs-has-action-flex .sec-action .ant-btn + .input-search,
  .breadcrumbs-has-action-flex .sec-action .ant-btn + .ant-select,
  .breadcrumbs-has-action-flex .sec-action .ant-btn + span,
  .breadcrumbs-has-action-flex .sec-action .ant-select + .ant-btn,
  .breadcrumbs-has-action-flex .sec-action .ant-select + .input-search,
  .breadcrumbs-has-action-flex .sec-action .ant-select + .ant-select,
  .breadcrumbs-has-action-flex .sec-action .ant-select + span,
  .breadcrumbs-has-action-flex .sec-action .input-search + .ant-btn,
  .breadcrumbs-has-action-flex .sec-action .input-search + .ant-select,
  .breadcrumbs-has-action-flex .sec-action .input-search + .input-search,
  .breadcrumbs-has-action-flex .sec-action .input-search + span,
  .breadcrumbs-has-action-flex .sec-action > span + .ant-btn,
  .breadcrumbs-has-action-flex .sec-action > span + .input-search,
  .breadcrumbs-has-action-flex .sec-action > span + .ant-select,
  .breadcrumbs-has-action-flex .sec-action > span + span {
    margin-top: var(--spacing-main);
  }
}
@media (max-width: 1300px) {
  .breadcrumbs-has-action-flex .sec-action {
    text-align: left;
    padding-top: var(--spacing-main);
    white-space: inherit;
  }
}
@media (max-width: 768px) {
  .breadcrumbs-has-action-flex .sec-action {
    padding-top: 0;
  }
}

.toggle-filter-bar {
  font-size: 1rem;
  font-weight: 400;
  color: var(--primary-gold-bzb-primary-bzb);
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-main);
  display: flex;
  display: -webkit-flex;
}
.toggle-filter-bar > div {
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.toggle-filter-bar > div i,
.toggle-filter-bar > div .anticon {
  margin-left: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
}
.toggle-filter-bar > div:not(.hidden) i,
.toggle-filter-bar > div:not(.hidden) .anticon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.toggle-filter-bar > a {
  display: block;
  float: left;
  margin-right: var(--spacing-m);
}
.toggle-filter-bar + .card {
  margin-top: 10px;
}
.toggle-filter-bar + .ant-card {
  margin-bottom: var(--spacing-main);
}

.show-filter-bar {
  margin-bottom: var(--spacing-main);
}

.sec-breadcrumbs .toggle-filter-bar {
  position: relative;
  display: inline-block;
  margin: 0 0 0 var(--spacing-xs);
  padding-left: var(--spacing-m);
}
.sec-breadcrumbs .toggle-filter-bar::before {
  content: "";
  height: 100%;
  border-left: 1px solid var(--grey-grey-6);
  position: absolute;
  left: 0;
  bottom: 0;
}

.count-list.ant-badge + .toggle-filter-bar {
  margin-left: var(--spacing-s);
}

.box-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999;
}
.box-loader.loaded {
  display: none !important;
}
.box-loader .loaderjson {
  background: transparent;
  width: 100px;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.box-loader img {
  margin: auto;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
.box-loader .loader {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  animation: rotate 1s linear infinite;
}
.box-loader .loader::before, .box-loader .loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  inset: 0px;
  border-radius: 50%;
  border: 6px solid var(--primary-gold-bzb-primary-bzb);
  animation: prixClipFix 2s linear infinite;
}
.box-loader .loader::after {
  transform: rotate3d(90, 90, 0, 180deg);
  border-color: var(--bg-bg-dark);
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes prixClipFix {
  0% {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
  }
  50% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
  }
  75%, 100% {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
  }
}
.box-loader .wrapper-loaading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 9999;
  font-size: 16px;
  font-weight: 500;
}
.box-loader .wrapper-loaading p {
  margin: 10px 0 0;
  color: var(--primary-gold-bzb-primary-bzb);
  font-family: "bzb-en", "bzb-th";
}

.box-pagination {
  text-align: end;
  margin-top: var(--spacing-main);
}

.auth_unauthorized {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ant-input {
  height: 40px;
}

.input-search.ant-input-search {
  width: 300px;
  height: 40px;
  vertical-align: bottom;
}
.input-search.ant-input-search .btn-icon .anticon {
  font-size: 22px;
  font-size: calc(22 / 14 * 1rem);
}
@media (max-width: 480px) {
  .input-search.ant-input-search {
    width: 100%;
  }
}

.page-select-applications .ant-radio-button-wrapper {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .page-select-applications .box-filter {
    margin-top: var(--spacing-main);
  }
}
.page-select-applications .box-filter .ant-row {
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .page-select-applications .box-filter .ant-row {
    justify-content: flex-start;
  }
}
.page-select-applications .box-filter .select-filter {
  margin-bottom: 0;
}
.page-select-applications .box-filter .select-filter .ant-form-item-label {
  padding: 0 !important;
}
@media (max-width: 767px) {
  .page-select-applications .box-filter .select-filter .ant-form-item-label > label {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
  }
  .page-select-applications .box-filter .select-filter .ant-form-item-label > label::after {
    content: ":";
    display: block;
    position: relative;
    top: -0.5px;
    margin: 0 8px 0 2px;
  }
}
.page-select-applications .box-filter .select-filter .ant-form-item-control {
  width: 175px;
}
@media (max-width: 767px) {
  .page-select-applications .box-filter .select-filter .ant-form-item-control {
    width: calc(100vw - 201px);
  }
}
.page-select-applications .content-wrapper {
  margin-top: var(--spacing-main);
}
.page-select-applications .content-wrapper .wrapper-card {
  overflow: hidden;
  overflow-y: auto;
  height: 100vh;
  max-height: calc(100vh - 251px);
}
@media (max-width: 767px) {
  .page-select-applications .content-wrapper .wrapper-card {
    max-height: calc(100vh - 300px);
  }
}
@media only screen and (max-width: 991px) and (orientation: landscape) {
  .page-select-applications .content-wrapper .wrapper-card {
    max-height: calc(100vh - 310px);
  }
}
.page-select-applications .content-wrapper .wrapper-card .ant-col {
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 380px) {
  .page-select-applications .content-wrapper .wrapper-card .ant-col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .page-select-applications .content-wrapper .wrapper-card .ant-col {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (min-width: 1024px) {
  .page-select-applications .content-wrapper .wrapper-card .ant-col {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media only screen and (min-width: 1024px) and (orientation: portrait) {
  .page-select-applications .content-wrapper .wrapper-card .ant-col {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media (min-width: 1440px) {
  .page-select-applications .content-wrapper .wrapper-card .ant-col {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
}
.page-select-applications .content-wrapper .ant-table .logo {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 10px;
}
.page-select-applications .content-wrapper .ant-table .ant-table-row {
  cursor: pointer;
}
.page-select-applications .app-item {
  cursor: pointer;
  margin-bottom: var(--spacing-main);
}
.page-select-applications .app-item .ant-card-body {
  padding: var(--spacing-m);
}
.page-select-applications .app-item .logo {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: var(--spacing-s);
}
.page-select-applications .app-item p,
.page-select-applications .app-item h2 {
  margin: 0;
  padding: 0;
}
.page-select-applications .app-item .ant-btn {
  margin-top: var(--spacing-main);
}
.page-select-applications .app-item .short-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
}
.page-select-applications .app-item h2.short-text {
  line-height: 1.2em;
  margin-bottom: var(--spacing-s) !important;
}
.page-select-applications .ant-table-pagination.ant-pagination {
  margin-bottom: 0;
}

.wrapper-table .ant-table-pagination.ant-pagination,
.wrapper-table .box-pagination {
  margin: 0;
  position: fixed;
  bottom: var(--spacing-main);
  right: var(--spacing-main);
}
.wrapper-table .ant-table-pagination.ant-pagination.fixed-left,
.wrapper-table .box-pagination.fixed-left {
  position: absolute;
  right: inherit;
  left: var(--spacing-main);
}
@media (max-width: 767px) {
  .wrapper-table .ant-table-pagination.ant-pagination,
  .wrapper-table .box-pagination {
    position: relative;
    margin-top: var(--spacing-main);
    bottom: inherit;
    right: inherit;
  }
}

a.dropdown-helpcenter {
  position: absolute;
  text-align: center;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 10px 0;
  font-size: 18px;
  color: var(--color-white);
}
a.dropdown-helpcenter:hover {
  color: var(--primary-gold-bzb-primary-bzb);
}

.overlay-helpcenter {
  left: 80px !important;
  top: 100vh !important;
  transform: translateY(calc(-100% - 10px));
}

.modal-announcement .ant-modal-content {
  max-height: 720px;
  padding: 0;
}
@media (max-width: 768px) {
  .modal-announcement .ant-modal-content {
    max-height: calc(100vh - var(--spacing-m));
  }
}
.modal-announcement .ant-modal-body {
  height: calc(100vh - 30px);
  overflow-y: auto !important;
}
.modal-announcement .ant-modal-body img {
  display: inline-block;
}
.modal-announcement .ant-modal-body .ql-indent-1 {
  padding-left: 1em;
}
.modal-announcement .ant-modal-body .ql-indent-2 {
  padding-left: 2em;
}
.modal-announcement .ant-modal-body .ql-indent-3 {
  padding-left: 3em;
}
.modal-announcement .ant-modal-body .ql-indent-4 {
  padding-left: 4em;
}
.modal-announcement .ant-modal-body .ql-align-right {
  text-align: right;
}
.modal-announcement .ant-modal-body .ql-align-center {
  text-align: center;
}
.modal-announcement .ant-modal-body .ql-align-left {
  text-align: left;
}
.modal-announcement .ant-modal-body::-webkit-scrollbar {
  display: none;
}
.modal-announcement .cotent-detail {
  overflow: auto;
  height: 510px;
}
.modal-announcement .cotent-detail::-webkit-scrollbar {
  display: none;
}
.modal-announcement .modal-footer-content {
  flex-direction: row;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.modal-announcement .ant-modal-footer {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.modal-announcement .ant-modal-footer label.ant-checkbox-wrapper {
  align-self: center;
}
@media (max-width: 576px) {
  .modal-announcement .ant-modal-footer .blank-checkbox {
    display: none;
  }
}

.modal-announcement-list .ant-modal {
  margin: 0 8px 0 auto;
  top: 64px;
}
.modal-announcement-list .ant-modal-content {
  top: 8px;
  padding-top: 16px;
}
.modal-announcement-list .ant-modal-body {
  height: calc(100vh - 128px);
  max-height: calc(100vh - 128px);
  overflow-y: auto !important;
  padding: 0;
  background-color: var(--color-white);
}
.modal-announcement-list .ant-modal-body::-webkit-scrollbar {
  display: none;
}
.modal-announcement-list .ant-modal-footer {
  padding: 8px 0 !important;
}
.modal-announcement-list .header-list {
  padding: 16px;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
}
.modal-announcement-list .ant-badge-count {
  right: -18px;
  top: 7px;
}
.modal-announcement-list .ant-tabs-nav {
  margin-left: 16px;
  margin-bottom: 0;
}
.modal-announcement-list .ant-tabs-nav .ant-tabs-tab {
  margin-right: 16px;
}
.modal-announcement-list .date-time {
  color: var(--grey-grey-6);
  font-size: 16px;
  margin-bottom: 9px;
}
.modal-announcement-list .text {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  height: 24px;
}
.modal-announcement-list .title-style {
  display: flex;
  display: -webkit-flex;
}
.modal-announcement-list .title-style .ant-badge-count {
  right: 0;
  top: 2px;
  margin-right: 4px;
}
.modal-announcement-list .title-text {
  max-width: 400px;
}
.modal-announcement-list .content-text {
  height: 19px;
}
.modal-announcement-list .content-item {
  min-height: 121px;
  padding: 8px 16px;
  background-color: var(--bg-bg-light) !important;
  border-bottom: solid var(--grey-grey-8) 1px;
}
.modal-announcement-list .short-text * {
  font-size: inherit !important;
  font-weight: normal !important;
  text-decoration: unset !important;
  font-style: normal !important;
  background-color: transparent !important;
  color: var(--text-light-text-body) !important;
}
.modal-announcement-list .short-text img {
  display: none;
}
.modal-announcement-list .view-button {
  margin-top: auto;
  text-align: right;
}
.modal-announcement-list .view-button a {
  color: var(--blue-blue-5) !important;
  text-decoration: underline !important;
  font-style: italic !important;
}
.modal-announcement-list .last-update {
  margin-top: 9px;
  font-size: 12px;
  color: var(--grey-grey-5);
}
.modal-announcement-list .bg-unread {
  background-color: var(--primary-gold-bzb-gold-9) !important;
}
.modal-announcement-list .display-content-list {
  display: none;
}
.modal-announcement-list .ant-tabs-bar.ant-tabs-top-bar {
  position: fixed;
  width: 600px;
  z-index: 2;
  background-color: var(--color-white);
}
.modal-announcement-list .ant-tabs-content.ant-tabs-content-animated.ant-tabs-top-content {
  margin-top: 44px;
}
@media only screen and (max-width: 616px) {
  .modal-announcement-list .ant-tabs-bar.ant-tabs-top-bar {
    width: calc(100% - 16px);
  }
}

.modal-sla .ant-modal-body {
  max-height: 85vh !important;
}
.modal-sla .header-bg {
  position: relative;
}
.modal-sla .header-bg .img {
  height: 70px;
  width: 100%;
}
.modal-sla .header-bg .center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  text-align: center;
}
.modal-sla .header-bg .title {
  color: var(--primary-gold-bzb-gold-2);
  font-size: 24px;
  font-weight: 500;
  line-height: 33.6px;
}
.modal-sla .header-bg .sub-title {
  color: var(--primary-gold-bzb-gold-4);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.modal-sla .content {
  padding: 20px;
}
.modal-sla .last-date {
  color: #969696;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.body .layout-auth {
  min-height: 100vh;
  display: flex;
  display: -webkit-flex;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.body .layout-auth > * {
  display: block;
}
.body .layout-auth .layout-background {
  opacity: 0.88;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.body .layout-auth .layout-content {
  width: 450px;
  max-width: 100%;
  z-index: 1;
  padding: 0 15px;
  margin: auto;
}
.body .layout-auth .layout-content .logo {
  margin-bottom: -40px;
}
.body .layout-auth .layout-content .logo img {
  max-width: 102px;
}
@media (max-width: 576px) {
  .body .layout-auth .layout-content .logo img {
    max-width: 80px;
  }
}
.body .layout-auth .layout-content .logo .title {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}
.body .layout-auth .layout-content .content-box {
  background-color: #fff;
  border-radius: 5px;
  padding: 45px 30px 15px;
  box-shadow: 0px 7px 21px rgba(0, 0, 0, 0.16);
}
@media (max-width: 576px) {
  .body .layout-auth .layout-content .content-box {
    padding: 45px 30px 15px;
  }
}
.body .layout-auth .layout-content .content-box .content-title--line {
  padding-bottom: 12px;
}
.body .layout-auth .layout-content .content-box .content-title h3 {
  color: #f9a601;
  font-size: 16px;
  font-size: calc(16 / 14 * 1rem);
  margin: 0;
}
.body .layout-auth .layout-content .content-box .ant-form-item-control {
  line-height: 0;
}
.body .layout-auth .form-button {
  text-align: center;
  margin: 20px 0;
  display: block;
  width: 100%;
  overflow: hidden;
}
.body .layout-auth .form-button button {
  width: 100%;
  border-radius: 30px;
  padding: 9px;
  height: auto;
  margin-bottom: 12px;
  color: #fff;
  margin-bottom: 0;
  padding: 11px 10px 10px;
  border: none;
}
.body .layout-auth .form-button .bg-microsoft {
  background: #0067b8;
}
.body .layout-auth .form-button .bg-microsoft:hover, .body .layout-auth .form-button .bg-microsoft:focus, .body .layout-auth .form-button .bg-microsoft:active {
  border-color: #0067b8;
  color: #fff;
  opacity: 0.7;
}
.body .layout-auth .form-button .disable {
  opacity: 0.2;
  pointer-events: none;
}
.body .layout-auth .login-form-ad {
  margin: 0 0 15px;
  padding-top: 20px;
}
.body .layout-auth .login-form-ad button {
  width: 100%;
}
.body .layout-auth .box-or {
  padding: 0 15px;
  line-height: 1px;
}
.body .layout-auth .box-or .border-or {
  border-bottom: solid 1px #cecece;
}
.body .layout-auth .box-or .text-or {
  color: #949494;
}
.body .layout-auth .text-microsoft {
  line-height: 25px;
}
.body .layout-auth .fw-600 {
  font-weight: 600;
}

@media (max-width: 576px) {
  .layout-unauthorized .ant-result {
    padding: var(--spacing-m);
  }
  .layout-unauthorized .ant-result-icon {
    width: 130px;
    margin: 0 auto var(--spacing-m);
  }
  .layout-unauthorized .ant-result-title {
    font-size: 1.3rem;
  }
}

/*# sourceMappingURL=5.css.map */