@charset "UTF-8";
html, body {
  min-height: 100%;
}

:root {
  --sdk-app-backgound: var(--md-sys-color-background);
  --sdk-app-body-text: var(--md-sys-color-on-background);
  --sdk-appbar-backgound: var(--md-sys-color-appbar-background);
  --sdk-appbar-title-text: var(--md-sys-color-appbar-text);
  --sdk-color-error: #EA6161;
  --sdk-color-error-bg: #FFD9D3;
  --sdk-color-success: #328177;
  --sdk-color-success-bg: #D0E2C2;
  --sdk-color-process: #239BEC;
  --sdk-color-process-bg: #B7DEFD;
  --sdk-color-pending: #F99900;
  --sdk-color-pending-bg: #FFE1B1;
  --sdk-color-active: #F99900;
  --sdk-color-active-bg: #F99900;
  --sdk-color-on-active: #e1e1e1;
  --sdk-color-on-active-bg: var(--bs-warning);
  --sdk-color-neutral: #0A0A0A;
  --sdk-color-neutral-90: #424242;
  --sdk-color-neutral-80: #616161;
  --sdk-color-neutral-70: #757575;
  --sdk-color-neutral-60: #9E9E9E;
  --sdk-color-neutral-50: #C2C2C2;
  --sdk-color-neutral-40: #E0E0E0;
  --sdk-color-neutral-30: #EDEDED;
  --sdk-color-neutral-20: #F5F5F5;
  --sdk-color-neutral-10: #FFFFFF;
  --sdk-table-info-head-color: #92e4ae;
  --sdk-table-info-border-color: rgba(100, 100, 100, 0.58);
  --sdk-index-form-field-1: 1810;
  --sdk-index-form-field-2: 1820;
  --sdk-index-form-field-3: 1830;
  --sdk-index-form-field-4: 1840;
  --sdk-index-error-backdrop: 1900;
  --sdk-index-error-page: 1901;
  --sdk-index-error-label: 2000;
  --sdk-index-dropdown: 2010;
  --sdk-index-sticky: 2020;
  --sdk-index-fixed: 2030;
  --sdk-index-tooltip: 2035;
  --sdk-index-modal-backdrop: 2045;
  --sdk-index-offcanvas: 2050;
  --sdk-index-navbar: 2055;
  --sdk-index-modal: 2060;
  --sdk-index-appbar: 2070;
  --sdk-index-popover: 2080;
  --select-background: transparent url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat;
  --sdk-secondary-header-text-color: var(--md-sys-color-on-secondary);
  --sdk-secondary-body-text-color: #6d4812;
}
:root.dark {
  --sdk-color-neutral-10: #0A0A0A;
  --sdk-color-neutral-20: #424242;
  --sdk-color-neutral-30: #616161;
  --sdk-color-neutral-40: #757575;
  --sdk-color-neutral-50: #9E9E9E;
  --sdk-color-neutral-60: #C2C2C2;
  --sdk-color-neutral-70: #E0E0E0;
  --sdk-color-neutral-80: #EDEDED;
  --sdk-color-neutral-90: #F5F5F5;
  --sdk-color-neutral: #FFFFFF;
  --select-background: transparent url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat;
}

.app-background {
  background-color: var(--sdk-app-backgound) !important;
}

.app-body-text {
  background-color: var(--sdk-app-body-text) !important;
}

.fill-w-view, .fill-vw {
  width: 100vw !important;
}

.fill-h-view, .fill-vh {
  height: 100vh;
}

.fill-width {
  width: 100vw !important;
  margin-left: calc((100% - 100vw) / 2) !important;
}

.fit-content.fit-width {
  width: fit-content !important;
  width: -moz-fit-content !important;
}
.fit-content.fit-height {
  height: fit-content !important;
}

figure {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-content: center;
  align-items: center;
  gap: 0.25rem;
}
figure img {
  width: 100%;
  border-radius: 8px;
  border: 1px solid;
}
figure figcaption, figure .figcaption {
  display: flex;
  align-self: center;
  word-wrap: anywhere;
  overflow-wrap: anywhere;
}

section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0;
  width: 100%;
}
section:nth-child(2) {
  margin-top: 0.5rem;
}
section .info-box .value, section .info-box value {
  color: var(--md-sys-color-primary);
  padding: 0 5px;
}
section .info-box label {
  color: var(--md-sys-color-on-background);
  white-space: nowrap;
}
section .sum-box .value, section .sum-box value {
  padding: 0 5px;
}
section .sum-box .label, section .sum-box label {
  padding: 0 5px;
}
section header {
  align-items: center;
}

value.baht::after, .value.baht::after {
  content: "฿";
}
value.yuan::after, .value.yuan::after {
  content: "¥";
}
value.coin::after, .value.coin::after {
  content: "¢";
  font-size: 130%;
}

form-group, .form-group {
  display: block;
  padding: 0;
  position: relative;
  gap: 0.25em;
  align-items: center;
}
form-group.flex-column, form-group.flex-row, .form-group.flex-column, .form-group.flex-row {
  width: 100%;
}

group-header, .group-header,
group-body, .group-body {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: flex-start;
}

form-row, .form-row {
  display: flex;
  flex: auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 5px 0;
  padding: 0;
  position: relative;
  gap: 0.5rem;
}
form-row > form-group, form-row > .form-group, .form-row > form-group, .form-row > .form-group {
  /*width: 100%;*/
}
form-row > field-body, .form-row > field-body {
  width: auto;
}

form-col, .form-col {
  display: flex;
  flex: auto;
  flex-direction: column;
  margin: 0;
  padding: 0;
  position: relative;
}
form-col > form-field:not(.flex-column) > field-header, .form-col > form-field:not(.flex-column) > field-header {
  text-align: right;
  flex-wrap: nowrap;
  justify-content: right;
}

form-field, .form-field {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
}
form-field.flex-column > field-body, .form-field.flex-column > field-body {
  width: 100%;
}
form-field.with-label, .form-field.with-label {
  display: flex;
  flex: auto;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  position: relative;
}
form-field.with-label > label, .form-field.with-label > label {
  position: absolute;
  left: 5px;
  top: 2px;
  font-size: 80%;
  color: gray;
}
form-field.with-label > input, .form-field.with-label > input {
  height: 34px;
  padding-left: 3px;
  padding-top: 28px;
  padding-bottom: 12px;
  color: #30373F;
  border: 2px solid #bec3c6;
  border-radius: 4px;
  box-shadow: none;
}
form-field .field-value, .form-field .field-value {
  padding-left: 0.25rem;
}

field-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

field-header {
  display: flex;
  width: 100%;
}

field-body {
  position: relative;
  display: block;
  align-items: center;
}

.flex-column {
  display: flex !important;
  flex-direction: column !important;
}
.flex-column > field-body, .flex-column > field-header {
  width: 100%;
}

.flex-row {
  display: flex !important;
  flex-direction: row !important;
}
.flex-row > field-header, .flex-row > .field-header {
  width: auto;
}

.primary field-header {
  color: var(--md-sys-color-on-primary);
}
.primary field-body {
  color: var(--md-sys-color-on-primary);
}
.primary a {
  color: var(--md-sys-color-primary-container);
}

.secondary field-header {
  color: var(--sdk-secondary-header-text-color);
}
.secondary field-body {
  color: var(--sdk-secondary-body-text-color);
}
.secondary a {
  color: var(--md-sys-color-secondary-container);
}

field-footer {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.form-control, .form-control-sm, .form-control-lg {
  border-width: 2px;
  width: 100%;
}
.form-control::placeholder, .form-control-sm::placeholder, .form-control-lg::placeholder {
  opacity: 0.35;
}

.input-group .form-control-sm {
  margin: 0 3px 0 1px !important;
  padding: 3px 5px !important;
}
.input-group .form-control-lg {
  line-height: 1.25rem;
  margin: 3px 5px;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: var(--select-background);
  background-position-x: 100%;
  background-position-y: 3px;
  padding-right: 20px;
}
select.form-control.form-control-sm {
  background-position-y: 0;
  padding: 6px 5px !important;
}

.form-control-sm {
  font-size: 14px !important;
  padding: 5px 5px 3px 5px !important;
  min-height: 25px !important;
}

.form-control-lg {
  font-size: 18px !important;
}

.activate {
  background-color: var(--sdk-color-active);
}
.activate-text {
  color: var(--sdk-color-active);
}

text-data, embed-data, embed-events {
  display: none;
}

.max-2-lines {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.max-3-lines {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.max-4-lines {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.max-5-lines {
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.top-radius-1, .top-round-1 {
  border-radius: 4px 4px 0px 0px !important;
}

.border-round-1, .bd-round-1 {
  border-radius: 4px;
}

.top-radius-2, .top-round-2 {
  border-radius: 8px 8px 0px 0px !important;
}

.border-round-2, .bd-round-2 {
  border-radius: 8px;
}

.top-radius-3, .top-round-3 {
  border-radius: 12px 12px 0px 0px !important;
}

.border-round-3, .bd-round-3 {
  border-radius: 12px;
}

.top-radius-4, .top-round-4 {
  border-radius: 16px 16px 0px 0px !important;
}

.border-round-4, .bd-round-4 {
  border-radius: 16px;
}

.no-rounded-corner {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.rounded-corner {
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.no-border {
  border: 0 !important;
}

.border-top-1 {
  border-top: 1px solid var(--bs-border-color) !important;
}

.border-right-1 {
  border-right: 1px solid var(--bs-border-color) !important;
}

.border-bottom-1 {
  border-bottom: 1px solid var(--bs-border-color) !important;
}

.border-left-1 {
  border-left: 1px solid var(--bs-border-color) !important;
}

.no-box-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

textarea.no-resize {
  resize: none;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}
table > tbody > tr:last-child {
  border: 0;
}

.table-borderless > thead {
  border-bottom: 1px;
  border-color: var(--md-sys-color-outline);
  border-style: solid;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

thead, th {
  text-align: inherit;
  text-align: -webkit-match-parent;
  font-weight: normal;
}

thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

.title {
  margin: 10px 0;
}

.hidden {
  display: none !important;
}

.invisible {
  visibility: hidden;
}
.invisible * {
  display: none;
}

input:focus {
  outline: none;
}

.form-text {
  font-weight: normal;
  font-size: 12px;
  text-indent: 3rem;
}

.control-label {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: right;
}

.control-text {
  font-weight: normal;
  font-size: 12px;
  text-indent: 3rem;
}

.control-value {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left;
  margin: 0;
}
.control-value pre {
  padding: 3px;
  text-align: left;
  margin: 0;
  border: none;
  background: none;
}

.data-label {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: right;
  margin: 0px;
}

.data-value {
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left;
  margin: 0px;
}
.data-value pre {
  padding: 3px;
  text-align: left;
  margin: 0px;
  border: none;
  background: none;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  margin: 4px;
}

.radio-group {
  margin-left: 0;
  margin-right: 0;
  height: auto;
  display: flex;
}
.radio-group input[type=radio] {
  margin-top: 0px;
  position: relative;
  top: 1px;
}
.radio-group label {
  padding-right: 10px;
  padding-left: 2px;
  margin-bottom: 0px;
  margin-top: 0px;
  position: relative;
  top: -1px;
}
.radio-group .radiobox {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
.radio-group .radiobox-item-wrap {
  position: relative;
  width: 24px;
}
.radio-group .radiobox-item-wrap .radiobox-item {
  position: absolute;
  left: 0;
  top: 0;
  zoom: 1.2 !important;
  z-index: 1;
}
.bk-transparent {
  background: transparent !important;
}

.bk-background {
  background-color: var(--sdk-app-backgound);
}

.bk-warning {
  background-color: var(--bs-warning) !important;
}

.bk-dark {
  background-color: #333333 !important;
}
.bk-dark input[readonly] {
  color: white;
}

.bk-white {
  background-color: #ffffff !important;
}

.bk-red {
  background-color: #dd5a43 !important;
}
.bk-red input[readonly] {
  color: white;
}

.bk-red2 {
  background-color: #e08374 !important;
}

.bk-light-red {
  background-color: #ff7777 !important;
}
.bk-light-red-25 {
  background-color: rgba(255, 119, 119, 0.25) !important;
}
.bk-light-red-25 .ext-info {
  color: #0c0c0c;
}
.bk-light-red-50 {
  background-color: rgba(255, 119, 119, 0.5) !important;
}
.bk-light-red-50 .ext-info {
  color: #0c0c0c;
}
.bk-light-red-75 {
  background-color: rgba(255, 119, 119, 0.75) !important;
}

.bk-blue {
  background-color: #478fca !important;
}

.bk-light-blue {
  background-color: #93cbf9 !important;
}

.bk-dark-green {
  background-color: darkgreen !important;
}

.bk-green {
  background-color: #69aa46 !important;
}

.bk-light-green {
  background-color: #b0d877 !important;
}

.bk-lime {
  background-color: lime !important;
}

.bk-orange {
  background-color: orange !important;
}

.bk-orange2 {
  background-color: #feb902 !important;
}

.bk-light-orange {
  background-color: #ffd500 !important;
}
.bk-light-orange-25 {
  background-color: rgba(255, 213, 0, 0.25) !important;
}
.bk-light-orange-50 {
  background-color: rgba(255, 213, 0, 0.5) !important;
}
.bk-light-orange-75 {
  background-color: rgba(255, 213, 0, 0.75) !important;
}

.bk-purple {
  background-color: #a069c3 !important;
}

.bk-pink {
  background-color: #c6699f !important;
}

.bk-pink2 {
  background-color: #d6487e !important;
}

.bk-brown {
  background-color: #824d00 !important;
}

.bk-grey {
  background-color: #777777 !important;
}

.bk-med-grey {
  background-color: #dcdcdc !important;
}

.bk-light-grey {
  background-color: #eeeeee !important;
}

.dark {
  color: #333333 !important;
}

.white {
  color: #ffffff !important;
}

.black {
  color: #000000 !important;
}

.red {
  color: darkred !important;
}

.red2 {
  color: red !important;
}

.light-red {
  color: #ff7777 !important;
}

.blue {
  color: #0040ff !important;
}

.cyan {
  color: #0096e8 !important;
}

.dark-blue {
  color: darkblue !important;
}

.light-blue {
  color: lightblue !important;
}

.green {
  color: green !important;
}

.dark-green {
  color: darkgreen !important;
}

.light-green {
  color: lightgreen !important;
}

.lime-green {
  color: limegreen !important;
}

.lime {
  color: lime !important;
}

.orange {
  color: #ff892a !important;
}

.orange2 {
  color: #feb902 !important;
}

.dark-orange, .warning {
  color: #fe6f02 !important;
}

.light-orange {
  color: #fcac6f !important;
}

.purple {
  color: #a069c3 !important;
}

.pink {
  color: #c6699f !important;
}

.pink2 {
  color: #d6487e !important;
}

.brown {
  color: #a52a2a !important;
}

.grey {
  color: #777777 !important;
}

.light-grey {
  color: #bbbbbb !important;
}

.border-red, .border-blue, .border-green, .border-warning {
  border-radius: 4px;
  border-style: solid;
}

.border-red {
  border-color: #ed5565 !important;
}

.border-blue {
  border-color: #187ded !important;
}

.border-green {
  border-color: #107a58 !important;
}

.border-warning {
  border-color: #fe6f02 !important;
}

.bigger-110 {
  font-size: 110% !important;
}

.bigger-120 {
  font-size: 120% !important;
}

.bigger-130 {
  font-size: 130% !important;
}

.bigger-140 {
  font-size: 140% !important;
}

.bigger-150 {
  font-size: 150% !important;
}

.bigger-160 {
  font-size: 160% !important;
}

.bigger-170 {
  font-size: 170% !important;
}

.bigger-180 {
  font-size: 180% !important;
}

.bigger-190 {
  font-size: 190% !important;
}

.bigger-200 {
  font-size: 200% !important;
}

.bigger-210 {
  font-size: 210% !important;
}

.bigger-220 {
  font-size: 220% !important;
}

.bigger-230 {
  font-size: 230% !important;
}

.bigger-240 {
  font-size: 240% !important;
}

.bigger-250 {
  font-size: 250% !important;
}

.bigger-260 {
  font-size: 260% !important;
}

.bigger-270 {
  font-size: 270% !important;
}

.bigger-280 {
  font-size: 280% !important;
}

.bigger-290 {
  font-size: 290% !important;
}

.bigger-300 {
  font-size: 300% !important;
}

.bigger-115 {
  font-size: 115% !important;
}

.bigger-125 {
  font-size: 125% !important;
}

.bigger-175 {
  font-size: 175% !important;
}

.bigger-225 {
  font-size: 225% !important;
}

.bigger-275 {
  font-size: 275% !important;
}

.normal-100 {
  font-size: 100% !important;
}

.smaller-95 {
  font-size: 95% !important;
}

.smaller-90 {
  font-size: 90% !important;
}

.smaller-85 {
  font-size: 85% !important;
}

.smaller-80 {
  font-size: 80% !important;
}

.smaller-75 {
  font-size: 75% !important;
}

.smaller-70 {
  font-size: 70% !important;
}

.smaller-60 {
  font-size: 60% !important;
}

.smaller-50 {
  font-size: 50% !important;
}

.smaller-40 {
  font-size: 40% !important;
}

.smaller-30 {
  font-size: 30% !important;
}

.smaller-20 {
  font-size: 20% !important;
}

.width-5 {
  width: 5% !important;
}

.width-10 {
  width: 10% !important;
}

.width-15 {
  width: 15% !important;
}

.width-20 {
  width: 20% !important;
}

.width-25 {
  width: 25% !important;
}

.width-30 {
  width: 30% !important;
}

.width-35 {
  width: 35% !important;
}

.width-40 {
  width: 40% !important;
}

.width-45 {
  width: 45% !important;
}

.width-50 {
  width: 50% !important;
}

.width-100 {
  width: 100% !important;
  max-width: 100% !important;
}

.width-75 {
  width: 75% !important;
  max-width: 75% !important;
}

.width-25 {
  width: 25% !important;
  max-width: 25% !important;
}

.full-width {
  width: 100% !important;
}

.full-height {
  height: 100% !important;
}

.haft-width, .width-50 {
  width: 50% !important;
}

.width-auto {
  width: auto !important;
}

.height-auto {
  height: auto !important;
}

@media (min-width: 576px) {
  .full-width-sm-n10 {
    width: calc(100% - 10px) !important;
  }
}
@media (min-width: 768px) {
  .full-width-md-n10 {
    width: calc(100% - 10px) !important;
  }
}
@media (min-width: 992px) {
  .full-width-lg-n10 {
    width: calc(100% - 10px) !important;
  }
}
@media (min-width: 1200px) {
  .full-width-xl-n10 {
    width: calc(100% - 10px) !important;
  }
}
@media (min-width: 1400px) {
  .full-width-xxl-n10 {
    width: calc(100% - 10px) !important;
  }
}
.overflow-hidden {
  overflow: hidden !important;
}

.overflow-scroll {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}

.no-radius {
  border-radius: 0 !important;
}

.no-text-shadow, .text-no-shadow {
  text-shadow: none !important;
}

.text-shadow-dark {
  text-shadow: 1px 1px 1px black !important;
}

.text-shadow-grey {
  text-shadow: 1px 1px 1px grey !important;
}

.text-shadow-light {
  text-shadow: 1px 1px 1px lightgrey !important;
}

.text-shadow-lighter {
  text-shadow: 1px 1px 1px white !important;
}

.text-lighter {
  font-weight: lighter !important;
}

.text-normal {
  font-weight: normal !important;
}

.text-bold {
  font-weight: bold !important;
}

.text-bolder {
  font-weight: bolder !important;
}

.grid-body {
  border: 1pt solid black;
  font-weight: normal;
  background-color: #EFEFEF;
}

.grid-header {
  font-size: 10pt;
  height: 23px;
  font-weight: bold;
  color: #006300;
  filter: Blur(Add=2, Direction=2, Strength=2);
  background: #c7e7b5;
  text-align: center;
}

.grid-row {
  font-size: 12px;
  font-style: normal;
  color: #000;
  background: transparent;
  white-space: nowrap;
}

.grid-row-edit {
  font-size: 12px;
  font-style: normal;
  color: #000;
  background-color: #FFF;
}

.grid-col {
  padding: 5px !important;
  float: left;
  position: relative;
  margin: 0;
  max-width: 100%;
}
.grid-col input {
  margin: 0px;
  padding: 5px;
  height: fit-content !important;
}
.grid-col label {
  margin: 4px 0px;
  font-weight: normal;
}

.grid-col-flex {
  padding: 0px;
  float: left;
  position: relative;
  margin: 5px;
  max-width: 100%;
  flex-basis: 0;
  flex-grow: 1;
}
.grid-col-flex input {
  margin: 0px;
}
.grid-col-flex label {
  margin: 0px;
  font-weight: normal;
}

.table > thead.info-table > tr > th,
.table > thead > tr.info-table > th {
  color: #282828;
  background-color: var(--sdk-table-info-head-color) !important;
  border-color: var(--sdk-table-info-head-color) !important;
}
.table > thead.info-table > tr > th .sortable,
.table > thead > tr.info-table > th .sortable {
  border: 2px rgba(8, 117, 29, 0.3607843137) outset;
  border-radius: 8px;
  padding: 3px !important;
  height: 35px;
  margin: 6px;
}

.dashboard-table {
  border: 1px solid #dddddd;
  padding-bottom: 30px !important;
  border-top-style: none !important;
}
.dashboard-table thead th .th-inner, .dashboard-table tbody td .th-inner {
  padding: 4px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-table .fixed-table-body {
  background: none;
}
.dashboard-table .fixed-table-header {
  margin: 0 -1px;
}

.warning .fixed-table-header {
  background-color: #ca8c34 !important;
}

.success .fixed-table-header {
  background: #129283 !important;
}

.primary .fixed-table-header {
  background-color: #1e77c5 !important;
}

.fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail {
  margin-top: 5px;
  margin-bottom: 0px;
}

.fa-icon {
  margin-right: 5px;
}

.fa-rotate-45 {
  transform: rotate(45deg);
}

.fa-rotate-135 {
  transform: rotate(135deg);
}

.fa-rotate-225 {
  transform: rotate(225deg);
  padding-left: 5px;
  position: relative;
  top: 1px;
}

.center, .text-center {
  text-align: center;
}

.left, .text-left {
  text-align: left;
}

.right, .text-right {
  text-align: right;
}

.border-active-input {
  border: 2px solid #bec3c6 !important;
}

.border-solid, .bd-solid {
  border-style: solid !important;
}

.border-double, .bd-double {
  border-style: double !important;
}

.border-groove, .bd-groove {
  border-style: groove !important;
}

.border-inset, .bd-inset {
  border-style: inset !important;
}

.border-outset, .bd-outset {
  border-style: outset !important;
}

.border-thin, .bd-thin {
  border-width: thin !important;
}

.border-thick, .bd-thick {
  border-width: thick !important;
}

.border-medium, .bd-medium {
  border-width: medium !important;
}

.border-revert, .bd-revert {
  border-width: revert !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-lightgray-round-1 {
  border-width: 1px !important;
  border-color: lightgrey !important;
  border-radius: 4px !important;
  border-style: solid !important;
}

.border-grey-round-1 {
  border-width: 1px !important;
  border-color: grey !important;
  border-radius: 4px !important;
  border-style: solid !important;
}

.border-circle {
  border-radius: 50% !important;
}

.border-oval {
  border-radius: 25% !important;
}

.bd-grey {
  border-style: solid;
  border-color: grey !important;
}

.bd-light-grey {
  border-style: solid;
  border-color: lightgrey !important;
}

.border-solid {
  border-style: solid;
}

.border-groove {
  border-style: groove;
}

.border-inset {
  border-style: inset;
}

.border-outset {
  border-style: outset;
}

.border-ridge {
  border-style: ridge;
}

.bd-thinner {
  border-width: 1px !important;
}

.bd-normal {
  border-width: 1px !important;
}

.bd-medium {
  border-width: 2px !important;
}

.bd-thicker {
  border-width: 4px !important;
}

.bd-l-0, .bd-x-0, .bd-0 {
  border-left-width: 0px !important;
}

.bd-r-0, .bd-x-0, .bd-0 {
  border-right-width: 0px !important;
}

.bd-t-0, .bd-y-0, .bd-0 {
  border-top-width: 0px !important;
}

.bd-b-0, .bd-y-0, .bd-0 {
  border-bottom-width: 0px !important;
}

.mg-l-0, .mg-x-0, .mg-0 {
  margin-left: 0px !important;
}

.mg-r-0, .mg-x-0, .mg-0 {
  margin-right: 0px !important;
}

.mg-t-0, .mg-y-0, .mg-0 {
  margin-top: 0px !important;
}

.mg-b-0, .mg-y-0, .mg-0 {
  margin-bottom: 0px !important;
}

.mg-l-n0, .mg-x-n0, .mg-n0 {
  margin-left: -0px !important;
}

.mg-r-n0, .mg-x-n0, .mg-n0 {
  margin-right: -0px !important;
}

.mg-t-n0, .mg-y-n0, .mg-n0 {
  margin-top: -0px !important;
}

.mg-b-n0, .mg-y-n0, .mg-n0 {
  margin-bottom: -0px !important;
}

.pd-l-0, .pd-x-0, .pd-0 {
  padding-left: 0px !important;
}

.pd-r-0, .pd-x-0, .pd-0 {
  padding-right: 0px !important;
}

.pd-t-0, .pd-y-0, .pd-0 {
  padding-top: 0px !important;
}

.pd-b-0, .pd-y-0, .pd-0 {
  padding-bottom: 0px !important;
}

.bd-l-1, .bd-x-1, .bd-1 {
  border-left-width: 1px !important;
}

.bd-r-1, .bd-x-1, .bd-1 {
  border-right-width: 1px !important;
}

.bd-t-1, .bd-y-1, .bd-1 {
  border-top-width: 1px !important;
}

.bd-b-1, .bd-y-1, .bd-1 {
  border-bottom-width: 1px !important;
}

.mg-l-1, .mg-x-1, .mg-1 {
  margin-left: 1px !important;
}

.mg-r-1, .mg-x-1, .mg-1 {
  margin-right: 1px !important;
}

.mg-t-1, .mg-y-1, .mg-1 {
  margin-top: 1px !important;
}

.mg-b-1, .mg-y-1, .mg-1 {
  margin-bottom: 1px !important;
}

.mg-l-n1, .mg-x-n1, .mg-n1 {
  margin-left: -1px !important;
}

.mg-r-n1, .mg-x-n1, .mg-n1 {
  margin-right: -1px !important;
}

.mg-t-n1, .mg-y-n1, .mg-n1 {
  margin-top: -1px !important;
}

.mg-b-n1, .mg-y-n1, .mg-n1 {
  margin-bottom: -1px !important;
}

.pd-l-1, .pd-x-1, .pd-1 {
  padding-left: 1px !important;
}

.pd-r-1, .pd-x-1, .pd-1 {
  padding-right: 1px !important;
}

.pd-t-1, .pd-y-1, .pd-1 {
  padding-top: 1px !important;
}

.pd-b-1, .pd-y-1, .pd-1 {
  padding-bottom: 1px !important;
}

.bd-l-2, .bd-x-2, .bd-2 {
  border-left-width: 2px !important;
}

.bd-r-2, .bd-x-2, .bd-2 {
  border-right-width: 2px !important;
}

.bd-t-2, .bd-y-2, .bd-2 {
  border-top-width: 2px !important;
}

.bd-b-2, .bd-y-2, .bd-2 {
  border-bottom-width: 2px !important;
}

.mg-l-2, .mg-x-2, .mg-2 {
  margin-left: 2px !important;
}

.mg-r-2, .mg-x-2, .mg-2 {
  margin-right: 2px !important;
}

.mg-t-2, .mg-y-2, .mg-2 {
  margin-top: 2px !important;
}

.mg-b-2, .mg-y-2, .mg-2 {
  margin-bottom: 2px !important;
}

.mg-l-n2, .mg-x-n2, .mg-n2 {
  margin-left: -2px !important;
}

.mg-r-n2, .mg-x-n2, .mg-n2 {
  margin-right: -2px !important;
}

.mg-t-n2, .mg-y-n2, .mg-n2 {
  margin-top: -2px !important;
}

.mg-b-n2, .mg-y-n2, .mg-n2 {
  margin-bottom: -2px !important;
}

.pd-l-2, .pd-x-2, .pd-2 {
  padding-left: 2px !important;
}

.pd-r-2, .pd-x-2, .pd-2 {
  padding-right: 2px !important;
}

.pd-t-2, .pd-y-2, .pd-2 {
  padding-top: 2px !important;
}

.pd-b-2, .pd-y-2, .pd-2 {
  padding-bottom: 2px !important;
}

.bd-l-3, .bd-x-3, .bd-3 {
  border-left-width: 3px !important;
}

.bd-r-3, .bd-x-3, .bd-3 {
  border-right-width: 3px !important;
}

.bd-t-3, .bd-y-3, .bd-3 {
  border-top-width: 3px !important;
}

.bd-b-3, .bd-y-3, .bd-3 {
  border-bottom-width: 3px !important;
}

.mg-l-3, .mg-x-3, .mg-3 {
  margin-left: 3px !important;
}

.mg-r-3, .mg-x-3, .mg-3 {
  margin-right: 3px !important;
}

.mg-t-3, .mg-y-3, .mg-3 {
  margin-top: 3px !important;
}

.mg-b-3, .mg-y-3, .mg-3 {
  margin-bottom: 3px !important;
}

.mg-l-n3, .mg-x-n3, .mg-n3 {
  margin-left: -3px !important;
}

.mg-r-n3, .mg-x-n3, .mg-n3 {
  margin-right: -3px !important;
}

.mg-t-n3, .mg-y-n3, .mg-n3 {
  margin-top: -3px !important;
}

.mg-b-n3, .mg-y-n3, .mg-n3 {
  margin-bottom: -3px !important;
}

.pd-l-3, .pd-x-3, .pd-3 {
  padding-left: 3px !important;
}

.pd-r-3, .pd-x-3, .pd-3 {
  padding-right: 3px !important;
}

.pd-t-3, .pd-y-3, .pd-3 {
  padding-top: 3px !important;
}

.pd-b-3, .pd-y-3, .pd-3 {
  padding-bottom: 3px !important;
}

.bd-l-4, .bd-x-4, .bd-4 {
  border-left-width: 4px !important;
}

.bd-r-4, .bd-x-4, .bd-4 {
  border-right-width: 4px !important;
}

.bd-t-4, .bd-y-4, .bd-4 {
  border-top-width: 4px !important;
}

.bd-b-4, .bd-y-4, .bd-4 {
  border-bottom-width: 4px !important;
}

.mg-l-4, .mg-x-4, .mg-4 {
  margin-left: 4px !important;
}

.mg-r-4, .mg-x-4, .mg-4 {
  margin-right: 4px !important;
}

.mg-t-4, .mg-y-4, .mg-4 {
  margin-top: 4px !important;
}

.mg-b-4, .mg-y-4, .mg-4 {
  margin-bottom: 4px !important;
}

.mg-l-n4, .mg-x-n4, .mg-n4 {
  margin-left: -4px !important;
}

.mg-r-n4, .mg-x-n4, .mg-n4 {
  margin-right: -4px !important;
}

.mg-t-n4, .mg-y-n4, .mg-n4 {
  margin-top: -4px !important;
}

.mg-b-n4, .mg-y-n4, .mg-n4 {
  margin-bottom: -4px !important;
}

.pd-l-4, .pd-x-4, .pd-4 {
  padding-left: 4px !important;
}

.pd-r-4, .pd-x-4, .pd-4 {
  padding-right: 4px !important;
}

.pd-t-4, .pd-y-4, .pd-4 {
  padding-top: 4px !important;
}

.pd-b-4, .pd-y-4, .pd-4 {
  padding-bottom: 4px !important;
}

.bd-l-5, .bd-x-5, .bd-5 {
  border-left-width: 5px !important;
}

.bd-r-5, .bd-x-5, .bd-5 {
  border-right-width: 5px !important;
}

.bd-t-5, .bd-y-5, .bd-5 {
  border-top-width: 5px !important;
}

.bd-b-5, .bd-y-5, .bd-5 {
  border-bottom-width: 5px !important;
}

.mg-l-5, .mg-x-5, .mg-5 {
  margin-left: 5px !important;
}

.mg-r-5, .mg-x-5, .mg-5 {
  margin-right: 5px !important;
}

.mg-t-5, .mg-y-5, .mg-5 {
  margin-top: 5px !important;
}

.mg-b-5, .mg-y-5, .mg-5 {
  margin-bottom: 5px !important;
}

.mg-l-n5, .mg-x-n5, .mg-n5 {
  margin-left: -5px !important;
}

.mg-r-n5, .mg-x-n5, .mg-n5 {
  margin-right: -5px !important;
}

.mg-t-n5, .mg-y-n5, .mg-n5 {
  margin-top: -5px !important;
}

.mg-b-n5, .mg-y-n5, .mg-n5 {
  margin-bottom: -5px !important;
}

.pd-l-5, .pd-x-5, .pd-5 {
  padding-left: 5px !important;
}

.pd-r-5, .pd-x-5, .pd-5 {
  padding-right: 5px !important;
}

.pd-t-5, .pd-y-5, .pd-5 {
  padding-top: 5px !important;
}

.pd-b-5, .pd-y-5, .pd-5 {
  padding-bottom: 5px !important;
}

.bd-l-6, .bd-x-6, .bd-6 {
  border-left-width: 6px !important;
}

.bd-r-6, .bd-x-6, .bd-6 {
  border-right-width: 6px !important;
}

.bd-t-6, .bd-y-6, .bd-6 {
  border-top-width: 6px !important;
}

.bd-b-6, .bd-y-6, .bd-6 {
  border-bottom-width: 6px !important;
}

.mg-l-6, .mg-x-6, .mg-6 {
  margin-left: 6px !important;
}

.mg-r-6, .mg-x-6, .mg-6 {
  margin-right: 6px !important;
}

.mg-t-6, .mg-y-6, .mg-6 {
  margin-top: 6px !important;
}

.mg-b-6, .mg-y-6, .mg-6 {
  margin-bottom: 6px !important;
}

.mg-l-n6, .mg-x-n6, .mg-n6 {
  margin-left: -6px !important;
}

.mg-r-n6, .mg-x-n6, .mg-n6 {
  margin-right: -6px !important;
}

.mg-t-n6, .mg-y-n6, .mg-n6 {
  margin-top: -6px !important;
}

.mg-b-n6, .mg-y-n6, .mg-n6 {
  margin-bottom: -6px !important;
}

.pd-l-6, .pd-x-6, .pd-6 {
  padding-left: 6px !important;
}

.pd-r-6, .pd-x-6, .pd-6 {
  padding-right: 6px !important;
}

.pd-t-6, .pd-y-6, .pd-6 {
  padding-top: 6px !important;
}

.pd-b-6, .pd-y-6, .pd-6 {
  padding-bottom: 6px !important;
}

.bd-l-7, .bd-x-7, .bd-7 {
  border-left-width: 7px !important;
}

.bd-r-7, .bd-x-7, .bd-7 {
  border-right-width: 7px !important;
}

.bd-t-7, .bd-y-7, .bd-7 {
  border-top-width: 7px !important;
}

.bd-b-7, .bd-y-7, .bd-7 {
  border-bottom-width: 7px !important;
}

.mg-l-7, .mg-x-7, .mg-7 {
  margin-left: 7px !important;
}

.mg-r-7, .mg-x-7, .mg-7 {
  margin-right: 7px !important;
}

.mg-t-7, .mg-y-7, .mg-7 {
  margin-top: 7px !important;
}

.mg-b-7, .mg-y-7, .mg-7 {
  margin-bottom: 7px !important;
}

.mg-l-n7, .mg-x-n7, .mg-n7 {
  margin-left: -7px !important;
}

.mg-r-n7, .mg-x-n7, .mg-n7 {
  margin-right: -7px !important;
}

.mg-t-n7, .mg-y-n7, .mg-n7 {
  margin-top: -7px !important;
}

.mg-b-n7, .mg-y-n7, .mg-n7 {
  margin-bottom: -7px !important;
}

.pd-l-7, .pd-x-7, .pd-7 {
  padding-left: 7px !important;
}

.pd-r-7, .pd-x-7, .pd-7 {
  padding-right: 7px !important;
}

.pd-t-7, .pd-y-7, .pd-7 {
  padding-top: 7px !important;
}

.pd-b-7, .pd-y-7, .pd-7 {
  padding-bottom: 7px !important;
}

.bd-l-8, .bd-x-8, .bd-8 {
  border-left-width: 8px !important;
}

.bd-r-8, .bd-x-8, .bd-8 {
  border-right-width: 8px !important;
}

.bd-t-8, .bd-y-8, .bd-8 {
  border-top-width: 8px !important;
}

.bd-b-8, .bd-y-8, .bd-8 {
  border-bottom-width: 8px !important;
}

.mg-l-8, .mg-x-8, .mg-8 {
  margin-left: 8px !important;
}

.mg-r-8, .mg-x-8, .mg-8 {
  margin-right: 8px !important;
}

.mg-t-8, .mg-y-8, .mg-8 {
  margin-top: 8px !important;
}

.mg-b-8, .mg-y-8, .mg-8 {
  margin-bottom: 8px !important;
}

.mg-l-n8, .mg-x-n8, .mg-n8 {
  margin-left: -8px !important;
}

.mg-r-n8, .mg-x-n8, .mg-n8 {
  margin-right: -8px !important;
}

.mg-t-n8, .mg-y-n8, .mg-n8 {
  margin-top: -8px !important;
}

.mg-b-n8, .mg-y-n8, .mg-n8 {
  margin-bottom: -8px !important;
}

.pd-l-8, .pd-x-8, .pd-8 {
  padding-left: 8px !important;
}

.pd-r-8, .pd-x-8, .pd-8 {
  padding-right: 8px !important;
}

.pd-t-8, .pd-y-8, .pd-8 {
  padding-top: 8px !important;
}

.pd-b-8, .pd-y-8, .pd-8 {
  padding-bottom: 8px !important;
}

.bd-l-9, .bd-x-9, .bd-9 {
  border-left-width: 9px !important;
}

.bd-r-9, .bd-x-9, .bd-9 {
  border-right-width: 9px !important;
}

.bd-t-9, .bd-y-9, .bd-9 {
  border-top-width: 9px !important;
}

.bd-b-9, .bd-y-9, .bd-9 {
  border-bottom-width: 9px !important;
}

.mg-l-9, .mg-x-9, .mg-9 {
  margin-left: 9px !important;
}

.mg-r-9, .mg-x-9, .mg-9 {
  margin-right: 9px !important;
}

.mg-t-9, .mg-y-9, .mg-9 {
  margin-top: 9px !important;
}

.mg-b-9, .mg-y-9, .mg-9 {
  margin-bottom: 9px !important;
}

.mg-l-n9, .mg-x-n9, .mg-n9 {
  margin-left: -9px !important;
}

.mg-r-n9, .mg-x-n9, .mg-n9 {
  margin-right: -9px !important;
}

.mg-t-n9, .mg-y-n9, .mg-n9 {
  margin-top: -9px !important;
}

.mg-b-n9, .mg-y-n9, .mg-n9 {
  margin-bottom: -9px !important;
}

.pd-l-9, .pd-x-9, .pd-9 {
  padding-left: 9px !important;
}

.pd-r-9, .pd-x-9, .pd-9 {
  padding-right: 9px !important;
}

.pd-t-9, .pd-y-9, .pd-9 {
  padding-top: 9px !important;
}

.pd-b-9, .pd-y-9, .pd-9 {
  padding-bottom: 9px !important;
}

.bd-l-10, .bd-x-10, .bd-10 {
  border-left-width: 10px !important;
}

.bd-r-10, .bd-x-10, .bd-10 {
  border-right-width: 10px !important;
}

.bd-t-10, .bd-y-10, .bd-10 {
  border-top-width: 10px !important;
}

.bd-b-10, .bd-y-10, .bd-10 {
  border-bottom-width: 10px !important;
}

.mg-l-10, .mg-x-10, .mg-10 {
  margin-left: 10px !important;
}

.mg-r-10, .mg-x-10, .mg-10 {
  margin-right: 10px !important;
}

.mg-t-10, .mg-y-10, .mg-10 {
  margin-top: 10px !important;
}

.mg-b-10, .mg-y-10, .mg-10 {
  margin-bottom: 10px !important;
}

.mg-l-n10, .mg-x-n10, .mg-n10 {
  margin-left: -10px !important;
}

.mg-r-n10, .mg-x-n10, .mg-n10 {
  margin-right: -10px !important;
}

.mg-t-n10, .mg-y-n10, .mg-n10 {
  margin-top: -10px !important;
}

.mg-b-n10, .mg-y-n10, .mg-n10 {
  margin-bottom: -10px !important;
}

.pd-l-10, .pd-x-10, .pd-10 {
  padding-left: 10px !important;
}

.pd-r-10, .pd-x-10, .pd-10 {
  padding-right: 10px !important;
}

.pd-t-10, .pd-y-10, .pd-10 {
  padding-top: 10px !important;
}

.pd-b-10, .pd-y-10, .pd-10 {
  padding-bottom: 10px !important;
}

.bd-l-11, .bd-x-11, .bd-11 {
  border-left-width: 11px !important;
}

.bd-r-11, .bd-x-11, .bd-11 {
  border-right-width: 11px !important;
}

.bd-t-11, .bd-y-11, .bd-11 {
  border-top-width: 11px !important;
}

.bd-b-11, .bd-y-11, .bd-11 {
  border-bottom-width: 11px !important;
}

.mg-l-11, .mg-x-11, .mg-11 {
  margin-left: 11px !important;
}

.mg-r-11, .mg-x-11, .mg-11 {
  margin-right: 11px !important;
}

.mg-t-11, .mg-y-11, .mg-11 {
  margin-top: 11px !important;
}

.mg-b-11, .mg-y-11, .mg-11 {
  margin-bottom: 11px !important;
}

.mg-l-n11, .mg-x-n11, .mg-n11 {
  margin-left: -11px !important;
}

.mg-r-n11, .mg-x-n11, .mg-n11 {
  margin-right: -11px !important;
}

.mg-t-n11, .mg-y-n11, .mg-n11 {
  margin-top: -11px !important;
}

.mg-b-n11, .mg-y-n11, .mg-n11 {
  margin-bottom: -11px !important;
}

.pd-l-11, .pd-x-11, .pd-11 {
  padding-left: 11px !important;
}

.pd-r-11, .pd-x-11, .pd-11 {
  padding-right: 11px !important;
}

.pd-t-11, .pd-y-11, .pd-11 {
  padding-top: 11px !important;
}

.pd-b-11, .pd-y-11, .pd-11 {
  padding-bottom: 11px !important;
}

.bd-l-12, .bd-x-12, .bd-12 {
  border-left-width: 12px !important;
}

.bd-r-12, .bd-x-12, .bd-12 {
  border-right-width: 12px !important;
}

.bd-t-12, .bd-y-12, .bd-12 {
  border-top-width: 12px !important;
}

.bd-b-12, .bd-y-12, .bd-12 {
  border-bottom-width: 12px !important;
}

.mg-l-12, .mg-x-12, .mg-12 {
  margin-left: 12px !important;
}

.mg-r-12, .mg-x-12, .mg-12 {
  margin-right: 12px !important;
}

.mg-t-12, .mg-y-12, .mg-12 {
  margin-top: 12px !important;
}

.mg-b-12, .mg-y-12, .mg-12 {
  margin-bottom: 12px !important;
}

.mg-l-n12, .mg-x-n12, .mg-n12 {
  margin-left: -12px !important;
}

.mg-r-n12, .mg-x-n12, .mg-n12 {
  margin-right: -12px !important;
}

.mg-t-n12, .mg-y-n12, .mg-n12 {
  margin-top: -12px !important;
}

.mg-b-n12, .mg-y-n12, .mg-n12 {
  margin-bottom: -12px !important;
}

.pd-l-12, .pd-x-12, .pd-12 {
  padding-left: 12px !important;
}

.pd-r-12, .pd-x-12, .pd-12 {
  padding-right: 12px !important;
}

.pd-t-12, .pd-y-12, .pd-12 {
  padding-top: 12px !important;
}

.pd-b-12, .pd-y-12, .pd-12 {
  padding-bottom: 12px !important;
}

.bd-l-13, .bd-x-13, .bd-13 {
  border-left-width: 13px !important;
}

.bd-r-13, .bd-x-13, .bd-13 {
  border-right-width: 13px !important;
}

.bd-t-13, .bd-y-13, .bd-13 {
  border-top-width: 13px !important;
}

.bd-b-13, .bd-y-13, .bd-13 {
  border-bottom-width: 13px !important;
}

.mg-l-13, .mg-x-13, .mg-13 {
  margin-left: 13px !important;
}

.mg-r-13, .mg-x-13, .mg-13 {
  margin-right: 13px !important;
}

.mg-t-13, .mg-y-13, .mg-13 {
  margin-top: 13px !important;
}

.mg-b-13, .mg-y-13, .mg-13 {
  margin-bottom: 13px !important;
}

.mg-l-n13, .mg-x-n13, .mg-n13 {
  margin-left: -13px !important;
}

.mg-r-n13, .mg-x-n13, .mg-n13 {
  margin-right: -13px !important;
}

.mg-t-n13, .mg-y-n13, .mg-n13 {
  margin-top: -13px !important;
}

.mg-b-n13, .mg-y-n13, .mg-n13 {
  margin-bottom: -13px !important;
}

.pd-l-13, .pd-x-13, .pd-13 {
  padding-left: 13px !important;
}

.pd-r-13, .pd-x-13, .pd-13 {
  padding-right: 13px !important;
}

.pd-t-13, .pd-y-13, .pd-13 {
  padding-top: 13px !important;
}

.pd-b-13, .pd-y-13, .pd-13 {
  padding-bottom: 13px !important;
}

.bd-l-14, .bd-x-14, .bd-14 {
  border-left-width: 14px !important;
}

.bd-r-14, .bd-x-14, .bd-14 {
  border-right-width: 14px !important;
}

.bd-t-14, .bd-y-14, .bd-14 {
  border-top-width: 14px !important;
}

.bd-b-14, .bd-y-14, .bd-14 {
  border-bottom-width: 14px !important;
}

.mg-l-14, .mg-x-14, .mg-14 {
  margin-left: 14px !important;
}

.mg-r-14, .mg-x-14, .mg-14 {
  margin-right: 14px !important;
}

.mg-t-14, .mg-y-14, .mg-14 {
  margin-top: 14px !important;
}

.mg-b-14, .mg-y-14, .mg-14 {
  margin-bottom: 14px !important;
}

.mg-l-n14, .mg-x-n14, .mg-n14 {
  margin-left: -14px !important;
}

.mg-r-n14, .mg-x-n14, .mg-n14 {
  margin-right: -14px !important;
}

.mg-t-n14, .mg-y-n14, .mg-n14 {
  margin-top: -14px !important;
}

.mg-b-n14, .mg-y-n14, .mg-n14 {
  margin-bottom: -14px !important;
}

.pd-l-14, .pd-x-14, .pd-14 {
  padding-left: 14px !important;
}

.pd-r-14, .pd-x-14, .pd-14 {
  padding-right: 14px !important;
}

.pd-t-14, .pd-y-14, .pd-14 {
  padding-top: 14px !important;
}

.pd-b-14, .pd-y-14, .pd-14 {
  padding-bottom: 14px !important;
}

.bd-l-15, .bd-x-15, .bd-15 {
  border-left-width: 15px !important;
}

.bd-r-15, .bd-x-15, .bd-15 {
  border-right-width: 15px !important;
}

.bd-t-15, .bd-y-15, .bd-15 {
  border-top-width: 15px !important;
}

.bd-b-15, .bd-y-15, .bd-15 {
  border-bottom-width: 15px !important;
}

.mg-l-15, .mg-x-15, .mg-15 {
  margin-left: 15px !important;
}

.mg-r-15, .mg-x-15, .mg-15 {
  margin-right: 15px !important;
}

.mg-t-15, .mg-y-15, .mg-15 {
  margin-top: 15px !important;
}

.mg-b-15, .mg-y-15, .mg-15 {
  margin-bottom: 15px !important;
}

.mg-l-n15, .mg-x-n15, .mg-n15 {
  margin-left: -15px !important;
}

.mg-r-n15, .mg-x-n15, .mg-n15 {
  margin-right: -15px !important;
}

.mg-t-n15, .mg-y-n15, .mg-n15 {
  margin-top: -15px !important;
}

.mg-b-n15, .mg-y-n15, .mg-n15 {
  margin-bottom: -15px !important;
}

.pd-l-15, .pd-x-15, .pd-15 {
  padding-left: 15px !important;
}

.pd-r-15, .pd-x-15, .pd-15 {
  padding-right: 15px !important;
}

.pd-t-15, .pd-y-15, .pd-15 {
  padding-top: 15px !important;
}

.pd-b-15, .pd-y-15, .pd-15 {
  padding-bottom: 15px !important;
}

.bd-l-16, .bd-x-16, .bd-16 {
  border-left-width: 16px !important;
}

.bd-r-16, .bd-x-16, .bd-16 {
  border-right-width: 16px !important;
}

.bd-t-16, .bd-y-16, .bd-16 {
  border-top-width: 16px !important;
}

.bd-b-16, .bd-y-16, .bd-16 {
  border-bottom-width: 16px !important;
}

.mg-l-16, .mg-x-16, .mg-16 {
  margin-left: 16px !important;
}

.mg-r-16, .mg-x-16, .mg-16 {
  margin-right: 16px !important;
}

.mg-t-16, .mg-y-16, .mg-16 {
  margin-top: 16px !important;
}

.mg-b-16, .mg-y-16, .mg-16 {
  margin-bottom: 16px !important;
}

.mg-l-n16, .mg-x-n16, .mg-n16 {
  margin-left: -16px !important;
}

.mg-r-n16, .mg-x-n16, .mg-n16 {
  margin-right: -16px !important;
}

.mg-t-n16, .mg-y-n16, .mg-n16 {
  margin-top: -16px !important;
}

.mg-b-n16, .mg-y-n16, .mg-n16 {
  margin-bottom: -16px !important;
}

.pd-l-16, .pd-x-16, .pd-16 {
  padding-left: 16px !important;
}

.pd-r-16, .pd-x-16, .pd-16 {
  padding-right: 16px !important;
}

.pd-t-16, .pd-y-16, .pd-16 {
  padding-top: 16px !important;
}

.pd-b-16, .pd-y-16, .pd-16 {
  padding-bottom: 16px !important;
}

.bd-l-17, .bd-x-17, .bd-17 {
  border-left-width: 17px !important;
}

.bd-r-17, .bd-x-17, .bd-17 {
  border-right-width: 17px !important;
}

.bd-t-17, .bd-y-17, .bd-17 {
  border-top-width: 17px !important;
}

.bd-b-17, .bd-y-17, .bd-17 {
  border-bottom-width: 17px !important;
}

.mg-l-17, .mg-x-17, .mg-17 {
  margin-left: 17px !important;
}

.mg-r-17, .mg-x-17, .mg-17 {
  margin-right: 17px !important;
}

.mg-t-17, .mg-y-17, .mg-17 {
  margin-top: 17px !important;
}

.mg-b-17, .mg-y-17, .mg-17 {
  margin-bottom: 17px !important;
}

.mg-l-n17, .mg-x-n17, .mg-n17 {
  margin-left: -17px !important;
}

.mg-r-n17, .mg-x-n17, .mg-n17 {
  margin-right: -17px !important;
}

.mg-t-n17, .mg-y-n17, .mg-n17 {
  margin-top: -17px !important;
}

.mg-b-n17, .mg-y-n17, .mg-n17 {
  margin-bottom: -17px !important;
}

.pd-l-17, .pd-x-17, .pd-17 {
  padding-left: 17px !important;
}

.pd-r-17, .pd-x-17, .pd-17 {
  padding-right: 17px !important;
}

.pd-t-17, .pd-y-17, .pd-17 {
  padding-top: 17px !important;
}

.pd-b-17, .pd-y-17, .pd-17 {
  padding-bottom: 17px !important;
}

.bd-l-18, .bd-x-18, .bd-18 {
  border-left-width: 18px !important;
}

.bd-r-18, .bd-x-18, .bd-18 {
  border-right-width: 18px !important;
}

.bd-t-18, .bd-y-18, .bd-18 {
  border-top-width: 18px !important;
}

.bd-b-18, .bd-y-18, .bd-18 {
  border-bottom-width: 18px !important;
}

.mg-l-18, .mg-x-18, .mg-18 {
  margin-left: 18px !important;
}

.mg-r-18, .mg-x-18, .mg-18 {
  margin-right: 18px !important;
}

.mg-t-18, .mg-y-18, .mg-18 {
  margin-top: 18px !important;
}

.mg-b-18, .mg-y-18, .mg-18 {
  margin-bottom: 18px !important;
}

.mg-l-n18, .mg-x-n18, .mg-n18 {
  margin-left: -18px !important;
}

.mg-r-n18, .mg-x-n18, .mg-n18 {
  margin-right: -18px !important;
}

.mg-t-n18, .mg-y-n18, .mg-n18 {
  margin-top: -18px !important;
}

.mg-b-n18, .mg-y-n18, .mg-n18 {
  margin-bottom: -18px !important;
}

.pd-l-18, .pd-x-18, .pd-18 {
  padding-left: 18px !important;
}

.pd-r-18, .pd-x-18, .pd-18 {
  padding-right: 18px !important;
}

.pd-t-18, .pd-y-18, .pd-18 {
  padding-top: 18px !important;
}

.pd-b-18, .pd-y-18, .pd-18 {
  padding-bottom: 18px !important;
}

.bd-l-19, .bd-x-19, .bd-19 {
  border-left-width: 19px !important;
}

.bd-r-19, .bd-x-19, .bd-19 {
  border-right-width: 19px !important;
}

.bd-t-19, .bd-y-19, .bd-19 {
  border-top-width: 19px !important;
}

.bd-b-19, .bd-y-19, .bd-19 {
  border-bottom-width: 19px !important;
}

.mg-l-19, .mg-x-19, .mg-19 {
  margin-left: 19px !important;
}

.mg-r-19, .mg-x-19, .mg-19 {
  margin-right: 19px !important;
}

.mg-t-19, .mg-y-19, .mg-19 {
  margin-top: 19px !important;
}

.mg-b-19, .mg-y-19, .mg-19 {
  margin-bottom: 19px !important;
}

.mg-l-n19, .mg-x-n19, .mg-n19 {
  margin-left: -19px !important;
}

.mg-r-n19, .mg-x-n19, .mg-n19 {
  margin-right: -19px !important;
}

.mg-t-n19, .mg-y-n19, .mg-n19 {
  margin-top: -19px !important;
}

.mg-b-n19, .mg-y-n19, .mg-n19 {
  margin-bottom: -19px !important;
}

.pd-l-19, .pd-x-19, .pd-19 {
  padding-left: 19px !important;
}

.pd-r-19, .pd-x-19, .pd-19 {
  padding-right: 19px !important;
}

.pd-t-19, .pd-y-19, .pd-19 {
  padding-top: 19px !important;
}

.pd-b-19, .pd-y-19, .pd-19 {
  padding-bottom: 19px !important;
}

.bd-l-20, .bd-x-20, .bd-20 {
  border-left-width: 20px !important;
}

.bd-r-20, .bd-x-20, .bd-20 {
  border-right-width: 20px !important;
}

.bd-t-20, .bd-y-20, .bd-20 {
  border-top-width: 20px !important;
}

.bd-b-20, .bd-y-20, .bd-20 {
  border-bottom-width: 20px !important;
}

.mg-l-20, .mg-x-20, .mg-20 {
  margin-left: 20px !important;
}

.mg-r-20, .mg-x-20, .mg-20 {
  margin-right: 20px !important;
}

.mg-t-20, .mg-y-20, .mg-20 {
  margin-top: 20px !important;
}

.mg-b-20, .mg-y-20, .mg-20 {
  margin-bottom: 20px !important;
}

.mg-l-n20, .mg-x-n20, .mg-n20 {
  margin-left: -20px !important;
}

.mg-r-n20, .mg-x-n20, .mg-n20 {
  margin-right: -20px !important;
}

.mg-t-n20, .mg-y-n20, .mg-n20 {
  margin-top: -20px !important;
}

.mg-b-n20, .mg-y-n20, .mg-n20 {
  margin-bottom: -20px !important;
}

.pd-l-20, .pd-x-20, .pd-20 {
  padding-left: 20px !important;
}

.pd-r-20, .pd-x-20, .pd-20 {
  padding-right: 20px !important;
}

.pd-t-20, .pd-y-20, .pd-20 {
  padding-top: 20px !important;
}

.pd-b-20, .pd-y-20, .pd-20 {
  padding-bottom: 20px !important;
}

.bd-l-21, .bd-x-21, .bd-21 {
  border-left-width: 21px !important;
}

.bd-r-21, .bd-x-21, .bd-21 {
  border-right-width: 21px !important;
}

.bd-t-21, .bd-y-21, .bd-21 {
  border-top-width: 21px !important;
}

.bd-b-21, .bd-y-21, .bd-21 {
  border-bottom-width: 21px !important;
}

.mg-l-21, .mg-x-21, .mg-21 {
  margin-left: 21px !important;
}

.mg-r-21, .mg-x-21, .mg-21 {
  margin-right: 21px !important;
}

.mg-t-21, .mg-y-21, .mg-21 {
  margin-top: 21px !important;
}

.mg-b-21, .mg-y-21, .mg-21 {
  margin-bottom: 21px !important;
}

.mg-l-n21, .mg-x-n21, .mg-n21 {
  margin-left: -21px !important;
}

.mg-r-n21, .mg-x-n21, .mg-n21 {
  margin-right: -21px !important;
}

.mg-t-n21, .mg-y-n21, .mg-n21 {
  margin-top: -21px !important;
}

.mg-b-n21, .mg-y-n21, .mg-n21 {
  margin-bottom: -21px !important;
}

.pd-l-21, .pd-x-21, .pd-21 {
  padding-left: 21px !important;
}

.pd-r-21, .pd-x-21, .pd-21 {
  padding-right: 21px !important;
}

.pd-t-21, .pd-y-21, .pd-21 {
  padding-top: 21px !important;
}

.pd-b-21, .pd-y-21, .pd-21 {
  padding-bottom: 21px !important;
}

.bd-l-22, .bd-x-22, .bd-22 {
  border-left-width: 22px !important;
}

.bd-r-22, .bd-x-22, .bd-22 {
  border-right-width: 22px !important;
}

.bd-t-22, .bd-y-22, .bd-22 {
  border-top-width: 22px !important;
}

.bd-b-22, .bd-y-22, .bd-22 {
  border-bottom-width: 22px !important;
}

.mg-l-22, .mg-x-22, .mg-22 {
  margin-left: 22px !important;
}

.mg-r-22, .mg-x-22, .mg-22 {
  margin-right: 22px !important;
}

.mg-t-22, .mg-y-22, .mg-22 {
  margin-top: 22px !important;
}

.mg-b-22, .mg-y-22, .mg-22 {
  margin-bottom: 22px !important;
}

.mg-l-n22, .mg-x-n22, .mg-n22 {
  margin-left: -22px !important;
}

.mg-r-n22, .mg-x-n22, .mg-n22 {
  margin-right: -22px !important;
}

.mg-t-n22, .mg-y-n22, .mg-n22 {
  margin-top: -22px !important;
}

.mg-b-n22, .mg-y-n22, .mg-n22 {
  margin-bottom: -22px !important;
}

.pd-l-22, .pd-x-22, .pd-22 {
  padding-left: 22px !important;
}

.pd-r-22, .pd-x-22, .pd-22 {
  padding-right: 22px !important;
}

.pd-t-22, .pd-y-22, .pd-22 {
  padding-top: 22px !important;
}

.pd-b-22, .pd-y-22, .pd-22 {
  padding-bottom: 22px !important;
}

.bd-l-23, .bd-x-23, .bd-23 {
  border-left-width: 23px !important;
}

.bd-r-23, .bd-x-23, .bd-23 {
  border-right-width: 23px !important;
}

.bd-t-23, .bd-y-23, .bd-23 {
  border-top-width: 23px !important;
}

.bd-b-23, .bd-y-23, .bd-23 {
  border-bottom-width: 23px !important;
}

.mg-l-23, .mg-x-23, .mg-23 {
  margin-left: 23px !important;
}

.mg-r-23, .mg-x-23, .mg-23 {
  margin-right: 23px !important;
}

.mg-t-23, .mg-y-23, .mg-23 {
  margin-top: 23px !important;
}

.mg-b-23, .mg-y-23, .mg-23 {
  margin-bottom: 23px !important;
}

.mg-l-n23, .mg-x-n23, .mg-n23 {
  margin-left: -23px !important;
}

.mg-r-n23, .mg-x-n23, .mg-n23 {
  margin-right: -23px !important;
}

.mg-t-n23, .mg-y-n23, .mg-n23 {
  margin-top: -23px !important;
}

.mg-b-n23, .mg-y-n23, .mg-n23 {
  margin-bottom: -23px !important;
}

.pd-l-23, .pd-x-23, .pd-23 {
  padding-left: 23px !important;
}

.pd-r-23, .pd-x-23, .pd-23 {
  padding-right: 23px !important;
}

.pd-t-23, .pd-y-23, .pd-23 {
  padding-top: 23px !important;
}

.pd-b-23, .pd-y-23, .pd-23 {
  padding-bottom: 23px !important;
}

.bd-l-24, .bd-x-24, .bd-24 {
  border-left-width: 24px !important;
}

.bd-r-24, .bd-x-24, .bd-24 {
  border-right-width: 24px !important;
}

.bd-t-24, .bd-y-24, .bd-24 {
  border-top-width: 24px !important;
}

.bd-b-24, .bd-y-24, .bd-24 {
  border-bottom-width: 24px !important;
}

.mg-l-24, .mg-x-24, .mg-24 {
  margin-left: 24px !important;
}

.mg-r-24, .mg-x-24, .mg-24 {
  margin-right: 24px !important;
}

.mg-t-24, .mg-y-24, .mg-24 {
  margin-top: 24px !important;
}

.mg-b-24, .mg-y-24, .mg-24 {
  margin-bottom: 24px !important;
}

.mg-l-n24, .mg-x-n24, .mg-n24 {
  margin-left: -24px !important;
}

.mg-r-n24, .mg-x-n24, .mg-n24 {
  margin-right: -24px !important;
}

.mg-t-n24, .mg-y-n24, .mg-n24 {
  margin-top: -24px !important;
}

.mg-b-n24, .mg-y-n24, .mg-n24 {
  margin-bottom: -24px !important;
}

.pd-l-24, .pd-x-24, .pd-24 {
  padding-left: 24px !important;
}

.pd-r-24, .pd-x-24, .pd-24 {
  padding-right: 24px !important;
}

.pd-t-24, .pd-y-24, .pd-24 {
  padding-top: 24px !important;
}

.pd-b-24, .pd-y-24, .pd-24 {
  padding-bottom: 24px !important;
}

.bd-l-25, .bd-x-25, .bd-25 {
  border-left-width: 25px !important;
}

.bd-r-25, .bd-x-25, .bd-25 {
  border-right-width: 25px !important;
}

.bd-t-25, .bd-y-25, .bd-25 {
  border-top-width: 25px !important;
}

.bd-b-25, .bd-y-25, .bd-25 {
  border-bottom-width: 25px !important;
}

.mg-l-25, .mg-x-25, .mg-25 {
  margin-left: 25px !important;
}

.mg-r-25, .mg-x-25, .mg-25 {
  margin-right: 25px !important;
}

.mg-t-25, .mg-y-25, .mg-25 {
  margin-top: 25px !important;
}

.mg-b-25, .mg-y-25, .mg-25 {
  margin-bottom: 25px !important;
}

.mg-l-n25, .mg-x-n25, .mg-n25 {
  margin-left: -25px !important;
}

.mg-r-n25, .mg-x-n25, .mg-n25 {
  margin-right: -25px !important;
}

.mg-t-n25, .mg-y-n25, .mg-n25 {
  margin-top: -25px !important;
}

.mg-b-n25, .mg-y-n25, .mg-n25 {
  margin-bottom: -25px !important;
}

.pd-l-25, .pd-x-25, .pd-25 {
  padding-left: 25px !important;
}

.pd-r-25, .pd-x-25, .pd-25 {
  padding-right: 25px !important;
}

.pd-t-25, .pd-y-25, .pd-25 {
  padding-top: 25px !important;
}

.pd-b-25, .pd-y-25, .pd-25 {
  padding-bottom: 25px !important;
}

.bd-l-26, .bd-x-26, .bd-26 {
  border-left-width: 26px !important;
}

.bd-r-26, .bd-x-26, .bd-26 {
  border-right-width: 26px !important;
}

.bd-t-26, .bd-y-26, .bd-26 {
  border-top-width: 26px !important;
}

.bd-b-26, .bd-y-26, .bd-26 {
  border-bottom-width: 26px !important;
}

.mg-l-26, .mg-x-26, .mg-26 {
  margin-left: 26px !important;
}

.mg-r-26, .mg-x-26, .mg-26 {
  margin-right: 26px !important;
}

.mg-t-26, .mg-y-26, .mg-26 {
  margin-top: 26px !important;
}

.mg-b-26, .mg-y-26, .mg-26 {
  margin-bottom: 26px !important;
}

.mg-l-n26, .mg-x-n26, .mg-n26 {
  margin-left: -26px !important;
}

.mg-r-n26, .mg-x-n26, .mg-n26 {
  margin-right: -26px !important;
}

.mg-t-n26, .mg-y-n26, .mg-n26 {
  margin-top: -26px !important;
}

.mg-b-n26, .mg-y-n26, .mg-n26 {
  margin-bottom: -26px !important;
}

.pd-l-26, .pd-x-26, .pd-26 {
  padding-left: 26px !important;
}

.pd-r-26, .pd-x-26, .pd-26 {
  padding-right: 26px !important;
}

.pd-t-26, .pd-y-26, .pd-26 {
  padding-top: 26px !important;
}

.pd-b-26, .pd-y-26, .pd-26 {
  padding-bottom: 26px !important;
}

.bd-l-27, .bd-x-27, .bd-27 {
  border-left-width: 27px !important;
}

.bd-r-27, .bd-x-27, .bd-27 {
  border-right-width: 27px !important;
}

.bd-t-27, .bd-y-27, .bd-27 {
  border-top-width: 27px !important;
}

.bd-b-27, .bd-y-27, .bd-27 {
  border-bottom-width: 27px !important;
}

.mg-l-27, .mg-x-27, .mg-27 {
  margin-left: 27px !important;
}

.mg-r-27, .mg-x-27, .mg-27 {
  margin-right: 27px !important;
}

.mg-t-27, .mg-y-27, .mg-27 {
  margin-top: 27px !important;
}

.mg-b-27, .mg-y-27, .mg-27 {
  margin-bottom: 27px !important;
}

.mg-l-n27, .mg-x-n27, .mg-n27 {
  margin-left: -27px !important;
}

.mg-r-n27, .mg-x-n27, .mg-n27 {
  margin-right: -27px !important;
}

.mg-t-n27, .mg-y-n27, .mg-n27 {
  margin-top: -27px !important;
}

.mg-b-n27, .mg-y-n27, .mg-n27 {
  margin-bottom: -27px !important;
}

.pd-l-27, .pd-x-27, .pd-27 {
  padding-left: 27px !important;
}

.pd-r-27, .pd-x-27, .pd-27 {
  padding-right: 27px !important;
}

.pd-t-27, .pd-y-27, .pd-27 {
  padding-top: 27px !important;
}

.pd-b-27, .pd-y-27, .pd-27 {
  padding-bottom: 27px !important;
}

.bd-l-28, .bd-x-28, .bd-28 {
  border-left-width: 28px !important;
}

.bd-r-28, .bd-x-28, .bd-28 {
  border-right-width: 28px !important;
}

.bd-t-28, .bd-y-28, .bd-28 {
  border-top-width: 28px !important;
}

.bd-b-28, .bd-y-28, .bd-28 {
  border-bottom-width: 28px !important;
}

.mg-l-28, .mg-x-28, .mg-28 {
  margin-left: 28px !important;
}

.mg-r-28, .mg-x-28, .mg-28 {
  margin-right: 28px !important;
}

.mg-t-28, .mg-y-28, .mg-28 {
  margin-top: 28px !important;
}

.mg-b-28, .mg-y-28, .mg-28 {
  margin-bottom: 28px !important;
}

.mg-l-n28, .mg-x-n28, .mg-n28 {
  margin-left: -28px !important;
}

.mg-r-n28, .mg-x-n28, .mg-n28 {
  margin-right: -28px !important;
}

.mg-t-n28, .mg-y-n28, .mg-n28 {
  margin-top: -28px !important;
}

.mg-b-n28, .mg-y-n28, .mg-n28 {
  margin-bottom: -28px !important;
}

.pd-l-28, .pd-x-28, .pd-28 {
  padding-left: 28px !important;
}

.pd-r-28, .pd-x-28, .pd-28 {
  padding-right: 28px !important;
}

.pd-t-28, .pd-y-28, .pd-28 {
  padding-top: 28px !important;
}

.pd-b-28, .pd-y-28, .pd-28 {
  padding-bottom: 28px !important;
}

.bd-l-29, .bd-x-29, .bd-29 {
  border-left-width: 29px !important;
}

.bd-r-29, .bd-x-29, .bd-29 {
  border-right-width: 29px !important;
}

.bd-t-29, .bd-y-29, .bd-29 {
  border-top-width: 29px !important;
}

.bd-b-29, .bd-y-29, .bd-29 {
  border-bottom-width: 29px !important;
}

.mg-l-29, .mg-x-29, .mg-29 {
  margin-left: 29px !important;
}

.mg-r-29, .mg-x-29, .mg-29 {
  margin-right: 29px !important;
}

.mg-t-29, .mg-y-29, .mg-29 {
  margin-top: 29px !important;
}

.mg-b-29, .mg-y-29, .mg-29 {
  margin-bottom: 29px !important;
}

.mg-l-n29, .mg-x-n29, .mg-n29 {
  margin-left: -29px !important;
}

.mg-r-n29, .mg-x-n29, .mg-n29 {
  margin-right: -29px !important;
}

.mg-t-n29, .mg-y-n29, .mg-n29 {
  margin-top: -29px !important;
}

.mg-b-n29, .mg-y-n29, .mg-n29 {
  margin-bottom: -29px !important;
}

.pd-l-29, .pd-x-29, .pd-29 {
  padding-left: 29px !important;
}

.pd-r-29, .pd-x-29, .pd-29 {
  padding-right: 29px !important;
}

.pd-t-29, .pd-y-29, .pd-29 {
  padding-top: 29px !important;
}

.pd-b-29, .pd-y-29, .pd-29 {
  padding-bottom: 29px !important;
}

.bd-l-30, .bd-x-30, .bd-30 {
  border-left-width: 30px !important;
}

.bd-r-30, .bd-x-30, .bd-30 {
  border-right-width: 30px !important;
}

.bd-t-30, .bd-y-30, .bd-30 {
  border-top-width: 30px !important;
}

.bd-b-30, .bd-y-30, .bd-30 {
  border-bottom-width: 30px !important;
}

.mg-l-30, .mg-x-30, .mg-30 {
  margin-left: 30px !important;
}

.mg-r-30, .mg-x-30, .mg-30 {
  margin-right: 30px !important;
}

.mg-t-30, .mg-y-30, .mg-30 {
  margin-top: 30px !important;
}

.mg-b-30, .mg-y-30, .mg-30 {
  margin-bottom: 30px !important;
}

.mg-l-n30, .mg-x-n30, .mg-n30 {
  margin-left: -30px !important;
}

.mg-r-n30, .mg-x-n30, .mg-n30 {
  margin-right: -30px !important;
}

.mg-t-n30, .mg-y-n30, .mg-n30 {
  margin-top: -30px !important;
}

.mg-b-n30, .mg-y-n30, .mg-n30 {
  margin-bottom: -30px !important;
}

.pd-l-30, .pd-x-30, .pd-30 {
  padding-left: 30px !important;
}

.pd-r-30, .pd-x-30, .pd-30 {
  padding-right: 30px !important;
}

.pd-t-30, .pd-y-30, .pd-30 {
  padding-top: 30px !important;
}

.pd-b-30, .pd-y-30, .pd-30 {
  padding-bottom: 30px !important;
}

@media (max-width: 767px) {
  .xs-no-margin, .xs-no-margin-x, .xs-no-margin-l {
    margin-left: 0 !important;
  }
  .xs-no-margin, .xs-no-margin-x, .xs-no-margin-r {
    margin-right: 0 !important;
  }
  .xs-no-margin, .xs-no-margin-y, .xs-no-margin-t {
    margin-top: 0 !important;
  }
  .xs-no-margin, .xs-no-margin-y, .xs-no-margin-b {
    margin-bottom: 0 !important;
  }
  .xs-no-padding, .xs-no-padding-x, .xs-no-padding-l {
    padding-left: 0 !important;
  }
  .xs-no-padding, .xs-no-padding-x, .xs-no-padding-r {
    padding-right: 0 !important;
  }
  .xs-no-padding, .xs-no-padding-y, .xs-no-padding-t {
    padding-top: 0 !important;
  }
  .xs-no-padding, .xs-no-padding-y, .xs-no-padding-b {
    padding-bottom: 0 !important;
  }
}
@media (max-width: 991px) {
  .sm-no-margin, .sm-no-margin-x, .sm-no-margin-l {
    margin-left: 0 !important;
  }
  .sm-no-margin, .xs-no-margin-x, .sm-no-margin-r {
    margin-right: 0 !important;
  }
  .sm-no-margin, .sm-no-margin-y, .sm-no-margin-t {
    margin-top: 0 !important;
  }
  .sm-no-margin, .sm-no-margin-y, .sm-no-margin-b {
    margin-bottom: 0 !important;
  }
  .sm-no-padding, .sm-no-padding-x, .sm-no-padding-l {
    padding-left: 0 !important;
  }
  .sm-no-padding, .xs-no-padding-x, .sm-no-padding-r {
    padding-right: 0 !important;
  }
  .sm-no-padding, .sm-no-padding-y, .sm-no-padding-t {
    padding-top: 0 !important;
  }
  .sm-no-padding, .sm-no-padding-y, .sm-no-padding-b {
    padding-bottom: 0 !important;
  }
}
.box-16 {
  width: 16px !important;
  height: 16px !important;
}

.box-32 {
  width: 32px !important;
  height: 32px !important;
}

.box-48 {
  width: 48px !important;
  height: 48px !important;
}

.box-64 {
  width: 64px !important;
  height: 64px !important;
}

.flash-red-white {
  animation-name: flash;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: running;
}

.elevation-1 {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.7) !important;
}

.elevation-2 {
  box-shadow: 1px 2px 1px 1px rgba(0, 0, 0, 0.7) !important;
}

.elevation-4 {
  box-shadow: 1px 4px 1px 1px rgba(0, 0, 0, 0.7) !important;
}

@keyframes flash {
  from {
    color: red;
  }
  to {
    color: white;
  }
}
.animate-holder {
  background-color: #808080;
  color: #808080;
  animation: holder-animate 2s cubic-bezier(0.02, 0.64, 0.56, 1.4) infinite;
  border-radius: 8px;
}

@keyframes holder-animate {
  from {
    background-color: #808080;
    color: #808080;
  }
  to {
    background-color: silver;
    color: silver;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.show-xs {
  display: inherit !important;
}

@media (min-width: 768px) {
  .show-xs {
    display: none !important;
  }
}
.show-sm {
  display: inherit !important;
}

@media (min-width: 992px) {
  .show-sm {
    display: none !important;
  }
}
.card-columns {
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

@media (min-width: 992px) {
  .card-columns {
    -webkit-column-count: 2;
    column-count: 2;
  }
}
.position-static {
  position: static !important;
  z-index: 100;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
  z-index: 100;
}

.position-fixed {
  position: fixed !important;
  z-index: 100;
}

.position-sticky {
  position: sticky !important;
  z-index: 100;
}

@media (min-width: 576px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
    z-index: 1;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }
}
@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
    z-index: 1;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
}
@media (min-width: 992px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
    z-index: 1;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
}
@media (min-width: 1200px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
    z-index: 1;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }
}
.position-abs-top-start {
  top: 0;
  left: 0;
}

.position-abs-top-end {
  top: 0;
  right: 0;
}

.position-abs-bottom-start {
  bottom: 0;
  left: 0;
}

.position-abs-bottom-end {
  bottom: 0;
  right: 0;
}

.slide-content {
  touch-action: pinch-zoom;
  -ms-touch-action: pinch-zoom;
}

.sdk-date-range {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  align-items: center;
  position: relative;
}
.sdk-date-range .float-right {
  position: absolute;
  top: 8px;
  right: 7px;
}

.btn-icon {
  width: 32px;
  height: 32px;
  padding: 0;
}

.btn-lime {
  --bs-btn-color: #181818;
  --bs-btn-bg: #2ccc3d;
  --bs-btn-border-color: #00ad1299;
  --bs-btn-hover-color: #343434;
  --bs-btn-hover-bg: #2ccc3d;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #004d09;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6b8881;
  --bs-btn-disabled-border-color: #42544d;
  border-width: 2px;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ff9800;
  --bs-btn-border-color: #ff9800;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #f1f1f1;
  --bs-btn-active-bg: #543f00;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn.btn-light-grey, .btn.btn-light-grey:not(:disabled):not(.disabled).active:focus, .btn.btn-light-grey:not(:disabled):not(.disabled):active:focus, .show > .btn.btn-light-grey.dropdown-toggle:focus {
  color: #fff;
  background: #b6b6b6;
  box-shadow: 0 1px #414141;
}

.btn-circle {
  border-radius: 50% !important;
  text-align: center !important;
  padding: 0 !important;
  font-size: 16px;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  font-size: 24px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  font-size: 24px;
}
.btn-circle.btn-xxl {
  width: 120px;
  height: 120px;
  font-size: 40px;
}

.btn.btn-floating {
  position: fixed;
  right: 25px;
  bottom: 25px;
  box-shadow: 3px 3px 9px 2px #4d5154;
  z-index: var(--sdk-index-fixed);
}
.btn.btn-floating:active {
  top: auto !important;
}

.btn.btn-rounded-10 {
  border-radius: 10px;
}

.btn.btn-rounded-20 {
  border-radius: 20px;
}

.btn.btn-rounded-30 {
  border-radius: 30px;
}

.btn-group-lg > .btn, .btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-group-sm > .btn, .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-md > .btn, .btn-md {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-xs > .btn, .btn-xs {
  padding: 1px 5px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn.btn-grid-command {
  padding: 3px 5px;
  width: 26px;
  height: 26px;
}
.btn.btn-grid-command i {
  padding: 0px;
}

.btn.btn-form-command i {
  padding-right: 5px;
}

.dropdown-menu {
  --bs-dropdown-zindex: var(--sdk-index-dropdown);
}

.avatar {
  aspect-ratio: 1;
  padding: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin: 30px;
}
.avatar img {
  display: flex;
  flex-flow: column;
  height: 100%;
  object-position: center;
  border-radius: 50%;
  object-fit: cover;
  margin: 0;
}
.avatar:after {
  content: "";
  position: absolute;
  left: 30px;
  top: 30px;
  width: calc(100% - 60px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle closest-corner at 50% 50%, rgba(255, 255, 255, 0.15) 50%, rgba(98, 98, 98, 0.27) 68%);
}

.popover {
  --bs-popover-bg: var(--md-sys-color-secondary);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-color: var(--md-sys-color-on-primary);
  --bs-popover-header-bg: var(--md-sys-color-primary);
  --bs-popover-body-color: var(--md-sys-color-on-secondary);
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  font-family: inherit;
}

.horizontal-scroll {
  overflow-x: scroll;
}

@media (max-width: 991.98px) {
  .responsive {
    zoom: 85%;
  }
}
@media (max-width: 1199.98px) {
  .responsive {
    zoom: 95%;
  }
}
@media (max-width: 1399.98px) {
  .text-responsive {
    zoom: 100%;
  }
}
@media (max-width: 767.98px) {
  .responsive {
    zoom: 75%;
  }
}
@media (max-width: 575.98px) {
  .responsive {
    zoom: 50%;
  }
}
.fa-pulse-spin {
  animation: fa-spin 2s infinite cubic-bezier(0.86, 2.95, 0, -1.55);
}