/* Orange */
/* Slightly lighter dark blue than $colordarkblue */
@import url(../../../lib/react/antd-css-utilities.min.css);
body {
  color: #3C3935;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  background: #fff; }

sup {
  font-size: 15px !important; }

.listing-table {
  margin-top: 15px; }

.ant-tabs .ant-tabs-tab {
  color: #667085;
  font-weight: 600;
  border-bottom: 5px solid transparent;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .ant-tabs .ant-tabs-tab.ant-tabs-tab-active {
    border-color: #E87757; }
    .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
      color: #344054 !important; }
    .ant-tabs .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-btn {
      color: #002266 !important; }

.ant-tabs .ant-tabs-tab:hover {
  color: #E87757; }

.ant-tabs .ant-tabs-ink-bar {
  display: none; }

.ant-tabs .ant-tabs.sf-configSubMenu .ant-tabs-nav {
  margin-top: 30px; }

.ant-tabs1 .ant-tabs-tab {
  color: #000;
  font-weight: 600;
  background-color: #BAC0D0;
  border-bottom: none;
  padding-inline: 10px;
  padding-block: 4px;
  border-radius: 20px; }
  .ant-tabs1 .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-btn {
    color: #002266 !important; }

.ant-tabs1 .ant-tabs-tab:hover {
  color: #E87757; }

.ant-tabs1 .ant-tabs-ink-bar {
  display: none; }

.ant-tabs-left > .ant-tabs-content-holder {
  border-left: 0; }

.ant-badge-status-dot {
  width: 20px !important;
  height: 20px !important;
  border: 1px solid grey !important; }

.search-field input[type=text] {
  background-color: white !important; }

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
select,
textarea,
.ant-input-password {
  padding: 0.625rem 0.875rem;
  border-radius: 3px;
  font-weight: 400;
  border: 0;
  background-color: #eef0f2 !important;
  width: 100%; }
  input[type=text]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  input[type=tel]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  .ant-input-password::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #70797D;
    font-size: 0.875rem; }
  input[type=text]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  input[type=tel]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder,
  .ant-input-password::-moz-placeholder {
    /* Firefox 19+ */
    color: #70797D;
    font-size: 0.875rem; }
  input[type=text]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  input[type=tel]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  .ant-input-password:-ms-input-placeholder {
    /* IE 10+ */
    color: #70797D;
    font-size: 0.875rem; }
  input[type=text]:-moz-placeholder,
  input[type=email]:-moz-placeholder,
  input[type=tel]:-moz-placeholder,
  input[type=password]:-moz-placeholder,
  input[type=number]:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder,
  .ant-input-password:-moz-placeholder {
    /* Firefox 18- */
    color: #70797D;
    font-size: 0.875rem; }

.ant-input-disabled, .ant-input[disabled] {
  color: rgba(0, 0, 0, 0.88);
  border-color: #d9d9d9;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1; }

.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
  padding: 0.4375rem 0.875rem !important; }

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 3px;
  font-weight: 400;
  border: 0;
  background-color: #eef0f2 !important; }
  .ant-select:not(.ant-select-customize-input) .ant-select-selector::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #70797D;
    font-size: 0.875rem; }
  .ant-select:not(.ant-select-customize-input) .ant-select-selector::-moz-placeholder {
    /* Firefox 19+ */
    color: #70797D;
    font-size: 0.875rem; }
  .ant-select:not(.ant-select-customize-input) .ant-select-selector:-ms-input-placeholder {
    /* IE 10+ */
    color: #70797D;
    font-size: 0.875rem; }
  .ant-select:not(.ant-select-customize-input) .ant-select-selector:-moz-placeholder {
    /* Firefox 18- */
    color: #70797D;
    font-size: 0.875rem; }

.ant-select .ant-select-arrow {
  transform: translateY(-50%);
  margin-top: 0.3125rem; }

.ant-select.ant-select-single {
  min-height: 2.725rem; }

.ant-picker {
  padding: 0.1625rem 0.875rem;
  border-radius: 3px;
  font-weight: 400;
  /* OLD: border: 0, but causes "ResizeObserver loop completed with undelivered notifications" error 
            whenever the required + red border is added due to not selecting a date in a Modal dialog window.
            This adds 2px (due to red border) and causes a Modal resize which can't find who to tell
            (border: 0 was done because the border on the input was asked to be removed by user).
            Apparently this is a dev-only problem, but who wants to rely on that?
            Seems only to affect required DatePickers when selecting a date, something to do with React multi-refreshing
            popping up the *required in the Virtual DOM that then triggers a cascade of resize msgs.
            So if other inputs start getting the same, just fix their border: 0 to this 1px transparent
    */
  border: 1px solid transparent;
  background-color: #eef0f2 !important;
  width: 100%; }
  .ant-picker .ant-picker-input > input {
    line-height: normal;
    padding: 0.625rem 0.875rem; }
    .ant-picker .ant-picker-input > input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #70797D;
      font-size: 0.875rem; }
    .ant-picker .ant-picker-input > input::-moz-placeholder {
      /* Firefox 19+ */
      color: #70797D;
      font-size: 0.875rem; }
    .ant-picker .ant-picker-input > input:-ms-input-placeholder {
      /* IE 10+ */
      color: #70797D;
      font-size: 0.875rem; }
    .ant-picker .ant-picker-input > input:-moz-placeholder {
      /* Firefox 18- */
      color: #70797D;
      font-size: 0.875rem; }

a:hover {
  opacity: 0.9; }

:where(.css-dev-only-do-not-override-1adbn6x).ant-collapse {
  border: none !important; }

:where(.css-dev-only-do-not-override-1adbn6x).ant-collapse > .ant-collapse-item {
  border-bottom: none !important; }

.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  display: none !important; }

:where(.css-dev-only-do-not-override-1adbn6x).ant-form-item .ant-form-item-explain-error {
  margin-top: 6px !important; }

.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):after {
  display: inline-block !important;
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
  color: #ff4d4f;
  font-size: 0.875rem;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
  visibility: visible !important; }

label.ant-form-item-required:after {
  display: inline-block !important;
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
  color: #ff4d4f;
  font-size: 0.875rem;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
  visibility: visible !important; }

.form-group .ant-form-item-label label {
  color: #374254; }

.ant-form-item-has-error input[type=text],
.ant-form-item-has-error input[type=email],
.ant-form-item-has-error input[type=number],
.ant-form-item-has-error input[type=tel],
.ant-form-item-has-error select,
.ant-form-item-has-error textarea,
.ant-form-item-has-error .ant-input-password,
.ant-form-item-has-error .ant-picker,
.ant-form-item-has-error .ant-select-selector {
  border: 1px solid #f70c0c !important; }

/* This has been added to prevent the popup window from shifting upwards when the user tabs through 'required' fields */
.ant-form-item-has-error .ant-form-item-explain {
  height: 47.5px; }

.ant-picker {
  cursor: pointer; }

.ant-btn {
  font-size: 0.75rem;
  color: #333;
  border-radius: 3px;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  min-height: 2.375rem; }
  .ant-btn:hover, .ant-btn:focus {
    opacity: 0.85;
    outline: none; }
  .ant-btn:where(.css-dev-only-do-not-override-1adbn6x).ant-btn-primary:not(:disabled):hover {
    background-color: #E87757; }
  .ant-btn:where(.css-dev-only-do-not-override-1adbn6x).ant-btn-secondary:not(:disabled):hover {
    background-color: #002266; }

.ant-btn-primary {
  background: #E87757 !important;
  color: #fff; }
  .ant-btn-primary:hover, .ant-btn-primary:focus {
    /* background: $colorprimary; */
    opacity: 0.85;
    outline: none; }

.ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
  /*background: #4096ff;
    border-color: #4096ff;*/
  background: #E87757;
  border-color: #E87757;
  opacity: 0.85; }

.ant-btn-secondary {
  background: #002266;
  color: #fff; }
  .ant-btn-secondary:hover, .ant-btn-secondary:focus {
    background: #002266;
    color: #fff; }

.ant-space.loader {
  display: inline-flex;
  background: rgba(255, 255, 255, 0.6);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  z-index: 9999; }
  .ant-space.loader .ant-space-item .ant-spin-spinning .ant-spin-dot-spin {
    transform: rotate(0deg);
    -webkit-animation: none;
    animation: none; }
    .ant-space.loader .ant-space-item .ant-spin-spinning .ant-spin-dot-spin .ant-spin-dot-item {
      display: none; }
    .ant-space.loader .ant-space-item .ant-spin-spinning .ant-spin-dot-spin::before {
      content: url(../images/spinner-o.gif); }

.ant-layout {
  background: #fff; }

.main-head {
  margin-top: 50px; }

.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  background-color: #2C386B;
  color: #fff;
  border-radius: 0 !important;
  margin-top: 0.625rem; }
  .ant-collapse > .ant-collapse-item > .ant-collapse-header svg {
    height: 1rem;
    width: 1rem; }
    .ant-collapse > .ant-collapse-item > .ant-collapse-header svg path,
    .ant-collapse > .ant-collapse-item > .ant-collapse-header svg g {
      stroke: #fff; }

.ant-collapse-header-text {
  font-size: 1.125rem;
  font-weight: 31.25rem; }

.parameter-entry:hover {
  cursor: pointer;
  /* opacity: 0.5;     Not as nice as saturate */
  /* filter: saturate(300%);  */
  filter: brightness(95%); }

.parameter-strip {
  display: flex;
  overflow-x: auto;
  cursor: grab;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .parameter-strip::-webkit-scrollbar {
    height: 0.5rem; }
  .parameter-strip::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .parameter-strip::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 0.625rem; }
  .parameter-strip::-webkit-scrollbar-thumb:hover {
    background: #ddd; }
  .parameter-strip .para-box:hover .shortTermUndo {
    visibility: visible; }
  .parameter-strip .para-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    text-align: center;
    flex-direction: column;
    min-width: 2.8125rem;
    padding: 0.3125rem;
    flex-shrink: 0;
    padding-top: 0.625rem;
    font-weight: 400; }
    .parameter-strip .para-box.expandBox {
      padding-bottom: 1.15625rem;
      background-color: white; }
    .parameter-strip .para-box .day,
    .parameter-strip .para-box .date {
      color: #000;
      text-transform: uppercase;
      font-size: 0.65625rem;
      padding-bottom: 0.3125rem; }
      .parameter-strip .para-box .day.shortTerm,
      .parameter-strip .para-box .date.shortTerm {
        font-weight: bold; }
    .parameter-strip .para-box.alert {
      background: #870C40;
      color: #fff; }
      .parameter-strip .para-box.alert .day,
      .parameter-strip .para-box.alert .date {
        color: #fff; }
      .parameter-strip .para-box.alert svg path {
        fill: #fff; }
    .parameter-strip .para-box .shortTermUndo {
      font-weight: bold;
      height: 10px;
      margin-top: -10px;
      margin-right: -25px;
      transform: scale(0.5);
      color: #404040;
      visibility: hidden; }
    .parameter-strip .para-box .shortTermUndo:hover {
      height: 12px;
      margin-top: -12px;
      margin-right: -23px;
      transform: scale(0.8); }
    .parameter-strip .para-box.cornsilk {
      background: cornsilk; }
    .parameter-strip .para-box.khaki {
      background: khaki; }
    .parameter-strip .para-box.olive {
      background: #8EAC50; }
      .parameter-strip .para-box.olive .day {
        color: #fff; }
    .parameter-strip .para-box.white {
      background: #FFFFFF; }
    .parameter-strip .para-box.PeachYellow {
      background: #FFEAA8; }
    .parameter-strip .para-box.JetStream {
      background: #C7D9C4; }
    .parameter-strip .para-box.TeaGreen {
      background: #D3EFC2; }
    .parameter-strip .para-box.LightCyan {
      background: #C4E7E5; }
    .parameter-strip .para-box.Periwinkle {
      background: #C2DCFF; }
    .parameter-strip .para-box.Apricot {
      background: #F1CDB4; }
    .parameter-strip .para-box.LightPink {
      background: #F5D1D1; }
    .parameter-strip .para-box.OrchidPink {
      background: #F1CAE6; }
    .parameter-strip .para-box.Mauve {
      background: #E7D1F5; }
    .parameter-strip .para-box.LavenderBlue {
      background: #C2C8FF; }
    .parameter-strip .para-box.box {
      padding-bottom: 2.625rem;
      border: 1px solid grey;
      background-color: #fff; }
    .parameter-strip .para-box.box1 {
      padding-bottom: 1.25rem;
      border: 1px solid grey;
      background-color: #fff; }

.ant-pagination .ant-pagination-item {
  border: 0;
  background: transparent;
  border-radius: 100%; }
  .ant-pagination .ant-pagination-item a {
    color: #475467; }

.ant-pagination .ant-pagination-item-active {
  background: #f1f1f1; }
  .ant-pagination .ant-pagination-item-active a {
    color: #1D2939; }

.dynamic-data-field input[type=text],
.dynamic-data-field input[type=email],
.dynamic-data-field input[type=tel],
.dynamic-data-field input[type=password],
.dynamic-data-field input[type=number],
.dynamic-data-field select,
.dynamic-data-field textarea,
.dynamic-data-field .ant-picker,
.dynamic-data-field .ant-input-password {
  padding: 0;
  border-radius: 0;
  border: 0;
  background-color: transparent !important;
  color: #000 !important; }

.dynamic-data-field .ant-form-item-label {
  padding: 0; }
  .dynamic-data-field .ant-form-item-label label {
    font-weight: 500; }

.dynamic-data-field .ant-picker-input > input {
  padding: 0;
  border-radius: 0;
  border: 0;
  background-color: transparent !important;
  color: #000 !important; }

.dynamic-data-field .ant-picker-input .ant-picker-suffix {
  display: none; }

.dynamic-data-field .ant-select .ant-select-selector {
  padding: 0;
  border-radius: 0;
  border: 0;
  background-color: transparent !important; }
  .dynamic-data-field .ant-select .ant-select-selector .ant-select-selection-placeholder,
  .dynamic-data-field .ant-select .ant-select-selector .ant-select-selection-item {
    color: #000; }

.dynamic-data-field .ant-select .ant-select-arrow {
  display: none; }

.modal-lg .ant-modal-body {
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 1rem; }
  .modal-lg .ant-modal-body::-webkit-scrollbar {
    width: 0.3125rem; }
  .modal-lg .ant-modal-body ::-webkit-scrollbar-track {
    background: #f1f1f1; }
  .modal-lg .ant-modal-body::-webkit-scrollbar-thumb {
    background: #888; }
  .modal-lg .ant-modal-body::-webkit-scrollbar-thumb:hover {
    background: #555; }

.dateBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 0.3125rem; }
  .dateBox .day {
    color: grey;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.75rem; }
  .dateBox .date {
    color: #000;
    font-weight: 600;
    font-size: 0.8125rem; }
  .dateBox .currentDate {
    background-color: #F39F5A;
    margin-right: 4px;
    padding-inline: 17px; }

.disabled-field {
  opacity: 0.5 !important;
  color: #000; }

.alignRight .ant-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.9375rem;
  font-weight: 500; }

.travelBookedTrue {
  font-size: 20px;
  color: #52c41a; }

.travelBookedFalse {
  font-size: 20px;
  color: red; }

.header-data-box .title {
  font-size: 0.6875rem;
  color: #575757; }

.header-data-box .desc-date {
  font-size: 0.875rem;
  color: #000;
  font-weight: 500; }

.calender-single-record {
  padding: 0.4375rem;
  font-size: 0.625rem;
  font-weight: 400;
  height: 2.8125rem;
  gap: 0.3125rem;
  cursor: default; }
  .calender-single-record .anticon svg {
    height: 1rem;
    width: 1rem; }
  .calender-single-record.calender-alert {
    background: #870C40;
    color: #fff;
    cursor: pointer; }
    .calender-single-record.calender-alert svg path {
      fill: #fff; }
  .calender-single-record.calender-white {
    background: white;
    color: rgba(18, 18, 18, 0.9); }
    .calender-single-record.calender-white svg path {
      fill: rgba(18, 18, 18, 0.9); }
  .calender-single-record.calender-PeachYellow {
    background: rgba(255, 234, 168, 0.3);
    color: rgba(18, 18, 18, 0.9); }
  .calender-single-record.calender-JetStream {
    background: rgba(199, 217, 196, 0.3);
    color: rgba(18, 18, 18, 0.9); }
  .calender-single-record.calender-TeaGreen {
    background: rgba(211, 239, 194, 0.3);
    color: rgba(18, 18, 18, 0.9); }
  .calender-single-record.calender-LightCyan {
    background: rgba(196, 231, 229, 0.3);
    color: rgba(18, 18, 18, 0.9); }
  .calender-single-record.calender-Periwinkle {
    background: rgba(194, 220, 255, 0.3);
    color: rgba(18, 18, 18, 0.9); }
  .calender-single-record.calender-Apricot {
    background: rgba(241, 205, 180, 0.3);
    color: rgba(18, 18, 18, 0.9); }
  .calender-single-record.calender-LightPink {
    background: rgba(245, 209, 209, 0.3);
    color: rgba(18, 18, 18, 0.9); }
  .calender-single-record.calender-OrchidPink {
    background: rgba(241, 202, 230, 0.3);
    color: rgba(18, 18, 18, 0.9); }
  .calender-single-record.calender-Mauve {
    background: rgba(231, 209, 245, 0.3);
    color: rgba(18, 18, 18, 0.9); }
  .calender-single-record.calender-LavenderBlue {
    background: rgba(194, 200, 255, 0.3);
    color: rgba(18, 18, 18, 0.9); }

.quickAction p {
  color: #575757;
  font-weight: 600;
  font-size: 20; }

.quickAction button {
  background-color: #ACB3C7;
  min-width: 165px;
  height: 25px;
  align-self: center;
  margin-right: 10px;
  border-radius: 20px;
  border-color: none;
  padding: 3px 10px 3px 10px;
  border: none; }
  .quickAction button:hover {
    color: #fff;
    background-color: #002266;
    cursor: pointer; }

.ant-table-tbody .align-right {
  text-align: right !important; }

.ant-table-tbody .align-center {
  text-align: center !important; }

.mt-auto {
  margin-top: auto !important; }

/* Checkbox must be orange at all times (not have blue when checked/unchecked) */
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #c0c0c0 !important;
  border-color: #c0c0c0 !important; }

.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
.ant-checkbox-wrapper-checked:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner,
.ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
  background-color: #c0c0c0 !important;
  border-color: #c0c0c0 !important;
  opacity: 0.85; }

.ant-checkbox-wrapper-disabled .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #EEF2F6 !important;
  border-color: #EEF2F6 !important;
  opacity: 0.85; }

.removeTopMargin25 {
  margin-top: -25px; }

.bold {
  font-weight: bold; }

.currentDate {
  background-color: #F39F5A;
  width: 100%;
  display: flex;
  justify-content: center; }

.labelText {
  line-height: 2; }

/* Various antd 4.x fixes to be more list antd 5.x (since 5.x went CSS-in-JS)*/
/* Fix for bizarre "pointer-events: none" in style of Antd Table filter box */
.ant-dropdown.ant-dropdown-placement-bottomRight {
  pointer-events: all !important; }

/* Fix for removing margin -16px */
.ant-table-cell > .ant-table-filter-column {
  margin: 0px; }

/* Fix for height: 32px imposition on dropdowns */
.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 100%; }

/* Fix for ant-tabs-tab first tab being margin-right:32px and the rest having a margin-left:32px override
    via :where(.css-dkbvqv).ant-tabs .ant-tabs-tab+.ant-tabs-tab */
.ant-tabs .ant-tabs-tab:not(.ant-tabs-tab + .ant-tabs-tab) {
  margin: 0 0 0 0px;
  /* NOT 32px */ }

/* Undo 'inherit' clauses of 4.x */
input, button, select, optgroup, textarea {
  font-size: revert;
  font-family: revert; }

/* Undo "font-weight: 500" clause of 4.x */
h1, h2, h3, h4, h5, h6 {
  font-weight: revert; }

/* Undo close width/height: 56px */
.ant-modal-close-x {
  width: revert;
  height: revert; }

/* Make table header column dividers the full header height */
.ant-table-wrapper .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before, :where(.css-dkbvqv).ant-table-wrapper .ant-table-thead > tr > td:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  transform: revert;
  top: 0px;
  height: 100% !important; }

/*
.d-flex {
    display: flex !important;
}

.justify-space-between {
    justify-content: space-between !important;
}
*/
/* Copy of antd-css utilities.css from 5.x 
    to include missing classes like d-flex, justify-space-between, etc
*/
/*FLEX*/
.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

/*JUSTIFY*/
.justify-start {
  justify-content: flex-start !important; }

.justify-end {
  justify-content: flex-end !important; }

.justify-center {
  justify-content: center !important; }

.justify-space-between {
  justify-content: space-between !important; }

.justify-space-around {
  justify-content: space-around !important; }

/*ALIGN*/
.align-start {
  align-items: flex-start !important; }

.align-end {
  align-items: flex-end !important; }

.align-center {
  align-items: center !important; }

.align-baseline {
  align-items: baseline !important; }

.align-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-space-between {
  align-content: space-between !important; }

.align-content-space-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

/*POSITION*/
.position-static {
  position: static !important; }

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

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

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

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

/*DISPLAY*/
.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

.d-grid {
  display: grid !important; }

/*RESPONSIVE*/
@media (max-width: 576px) {
  /*FLEX*/
  .sm-flex-fill {
    flex: 1 1 auto !important; }
  .sm-flex-row {
    flex-direction: row !important; }
  .sm-flex-column {
    flex-direction: column !important; }
  .sm-flex-row-reverse {
    flex-direction: row-reverse !important; }
  .sm-flex-column-reverse {
    flex-direction: column-reverse !important; }
  .sm-flex-grow-0 {
    flex-grow: 0 !important; }
  .sm-flex-grow-1 {
    flex-grow: 1 !important; }
  .sm-flex-shrink-0 {
    flex-shrink: 0 !important; }
  .sm-flex-shrink-1 {
    flex-shrink: 1 !important; }
  .sm-flex-wrap {
    flex-wrap: wrap !important; }
  .sm-flex-nowrap {
    flex-wrap: nowrap !important; }
  .sm-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  /*JUSTIFY*/
  .sm-justify-start {
    justify-content: flex-start !important; }
  .sm-justify-end {
    justify-content: flex-end !important; }
  .sm-justify-center {
    justify-content: center !important; }
  .sm-justify-space-between {
    justify-content: space-between !important; }
  .sm-justify-space-around {
    justify-content: space-around !important; }
  /*DISPLAY*/
  .sm-d-none {
    display: none !important; }
  .sm-d-inline {
    display: inline !important; }
  .sm-d-inline-block {
    display: inline-block !important; }
  .sm-d-block {
    display: block !important; }
  .sm-d-table {
    display: table !important; }
  .sm-d-table-row {
    display: table-row !important; }
  .sm-d-table-cell {
    display: table-cell !important; }
  .sm-d-flex {
    display: flex !important; }
  .sm-d-inline-flex {
    display: inline-flex !important; }
  .sm-d-grid {
    display: grid !important; }
  /*ALIGN*/
  .sm-align-start {
    align-items: flex-start !important; }
  .sm-align-end {
    align-items: flex-end !important; }
  .sm-align-center {
    align-items: center !important; }
  .sm-align-baseline {
    align-items: baseline !important; }
  .sm-align-stretch {
    align-items: stretch !important; }
  .sm-align-content-start {
    align-content: flex-start !important; }
  .sm-align-content-end {
    align-content: flex-end !important; }
  .sm-align-content-center {
    align-content: center !important; }
  .sm-align-content-space-between {
    align-content: space-between !important; }
  .sm-align-content-space-around {
    align-content: space-around !important; }
  .sm-align-content-stretch {
    align-content: stretch !important; }
  .sm-align-self-auto {
    align-self: auto !important; }
  .sm-align-self-start {
    align-self: flex-start !important; }
  .sm-align-self-end {
    align-self: flex-end !important; }
  .sm-align-self-center {
    align-self: center !important; }
  .sm-align-self-baseline {
    align-self: baseline !important; }
  .sm-align-self-stretch {
    align-self: stretch !important; }
  /*POSITION*/
  .sm-position-static {
    position: static !important; }
  .sm-position-relative {
    position: relative !important; }
  .sm-position-absolute {
    position: absolute !important; }
  .sm-position-fixed {
    position: fixed !important; }
  .sm-position-sticky {
    position: sticky !important; } }

@media (max-width: 768px) {
  /*FLEX*/
  .md-flex-fill {
    flex: 1 1 auto !important; }
  .md-flex-row {
    flex-direction: row !important; }
  .md-flex-column {
    flex-direction: column !important; }
  .md-flex-row-reverse {
    flex-direction: row-reverse !important; }
  .md-flex-column-reverse {
    flex-direction: column-reverse !important; }
  .md-flex-grow-0 {
    flex-grow: 0 !important; }
  .md-flex-grow-1 {
    flex-grow: 1 !important; }
  .md-flex-shrink-0 {
    flex-shrink: 0 !important; }
  .md-flex-shrink-1 {
    flex-shrink: 1 !important; }
  .md-flex-wrap {
    flex-wrap: wrap !important; }
  .md-flex-nowrap {
    flex-wrap: nowrap !important; }
  .md-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  /*JUSTIFY*/
  .md-justify-start {
    justify-content: flex-start !important; }
  .md-justify-end {
    justify-content: flex-end !important; }
  .md-justify-center {
    justify-content: center !important; }
  .md-justify-space-between {
    justify-content: space-between !important; }
  .md-justify-space-around {
    justify-content: space-around !important; }
  /*DISPLAY*/
  .md-d-none {
    display: none !important; }
  .md-d-inline {
    display: inline !important; }
  .md-d-inline-block {
    display: inline-block !important; }
  .md-d-block {
    display: block !important; }
  .md-d-table {
    display: table !important; }
  .md-d-table-row {
    display: table-row !important; }
  .md-d-table-cell {
    display: table-cell !important; }
  .md-d-flex {
    display: flex !important; }
  .md-d-inline-flex {
    display: inline-flex !important; }
  .md-d-grid {
    display: grid !important; }
  /*ALIGN*/
  .md-align-start {
    align-items: flex-start !important; }
  .md-align-end {
    align-items: flex-end !important; }
  .md-align-center {
    align-items: center !important; }
  .md-align-baseline {
    align-items: baseline !important; }
  .md-align-stretch {
    align-items: stretch !important; }
  .md-align-content-start {
    align-content: flex-start !important; }
  .md-align-content-end {
    align-content: flex-end !important; }
  .md-align-content-center {
    align-content: center !important; }
  .md-align-content-space-between {
    align-content: space-between !important; }
  .md-align-content-space-around {
    align-content: space-around !important; }
  .md-align-content-stretch {
    align-content: stretch !important; }
  .md-align-self-auto {
    align-self: auto !important; }
  .md-align-self-start {
    align-self: flex-start !important; }
  .md-align-self-end {
    align-self: flex-end !important; }
  .md-align-self-center {
    align-self: center !important; }
  .md-align-self-baseline {
    align-self: baseline !important; }
  .md-align-self-stretch {
    align-self: stretch !important; }
  /*POSITION*/
  .md-position-static {
    position: static !important; }
  .md-position-relative {
    position: relative !important; }
  .md-position-absolute {
    position: absolute !important; }
  .md-position-fixed {
    position: fixed !important; }
  .md-position-sticky {
    position: sticky !important; } }

@media (max-width: 992px) {
  /*FLEX*/
  .lg-flex-fill {
    flex: 1 1 auto !important; }
  .lg-flex-row {
    flex-direction: row !important; }
  .lg-flex-column {
    flex-direction: column !important; }
  .lg-flex-row-reverse {
    flex-direction: row-reverse !important; }
  .lg-flex-column-reverse {
    flex-direction: column-reverse !important; }
  .lg-flex-grow-0 {
    flex-grow: 0 !important; }
  .lg-flex-grow-1 {
    flex-grow: 1 !important; }
  .lg-flex-shrink-0 {
    flex-shrink: 0 !important; }
  .lg-flex-shrink-1 {
    flex-shrink: 1 !important; }
  .lg-flex-wrap {
    flex-wrap: wrap !important; }
  .lg-flex-nowrap {
    flex-wrap: nowrap !important; }
  .lg-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  /*JUSTIFY*/
  .lg-justify-start {
    justify-content: flex-start !important; }
  .lg-justify-end {
    justify-content: flex-end !important; }
  .lg-justify-center {
    justify-content: center !important; }
  .lg-justify-space-between {
    justify-content: space-between !important; }
  .lg-justify-space-around {
    justify-content: space-around !important; }
  /*DISPLAY*/
  .lg-d-none {
    display: none !important; }
  .lg-d-inline {
    display: inline !important; }
  .lg-d-inline-block {
    display: inline-block !important; }
  .lg-d-block {
    display: block !important; }
  .lg-d-table {
    display: table !important; }
  .lg-d-table-row {
    display: table-row !important; }
  .lg-d-table-cell {
    display: table-cell !important; }
  .lg-d-flex {
    display: flex !important; }
  .lg-d-inline-flex {
    display: inline-flex !important; }
  .lg-d-grid {
    display: grid !important; }
  /*ALIGN*/
  .lg-align-start {
    align-items: flex-start !important; }
  .lg-align-end {
    align-items: flex-end !important; }
  .lg-align-center {
    align-items: center !important; }
  .lg-align-baseline {
    align-items: baseline !important; }
  .lg-align-stretch {
    align-items: stretch !important; }
  .lg-align-content-start {
    align-content: flex-start !important; }
  .lg-align-content-end {
    align-content: flex-end !important; }
  .lg-align-content-center {
    align-content: center !important; }
  .lg-align-content-space-between {
    align-content: space-between !important; }
  .lg-align-content-space-around {
    align-content: space-around !important; }
  .lg-align-content-stretch {
    align-content: stretch !important; }
  .lg-align-self-auto {
    align-self: auto !important; }
  .lg-align-self-start {
    align-self: flex-start !important; }
  .lg-align-self-end {
    align-self: flex-end !important; }
  .lg-align-self-center {
    align-self: center !important; }
  .lg-align-self-baseline {
    align-self: baseline !important; }
  .lg-align-self-stretch {
    align-self: stretch !important; }
  /*POSITION*/
  .lg-position-static {
    position: static !important; }
  .lg-position-relative {
    position: relative !important; }
  .lg-position-absolute {
    position: absolute !important; }
  .lg-position-fixed {
    position: fixed !important; }
  .lg-position-sticky {
    position: sticky !important; } }

@media (max-width: 1200px) {
  /*FLEX*/
  .xlg-flex-fill {
    flex: 1 1 auto !important; }
  .xlg-flex-row {
    flex-direction: row !important; }
  .xlg-flex-column {
    flex-direction: column !important; }
  .xlg-flex-row-reverse {
    flex-direction: row-reverse !important; }
  .xlg-flex-column-reverse {
    flex-direction: column-reverse !important; }
  .xlg-flex-grow-0 {
    flex-grow: 0 !important; }
  .xlg-flex-grow-1 {
    flex-grow: 1 !important; }
  .xlg-flex-shrink-0 {
    flex-shrink: 0 !important; }
  .xlg-flex-shrink-1 {
    flex-shrink: 1 !important; }
  .xlg-flex-wrap {
    flex-wrap: wrap !important; }
  .xlg-flex-nowrap {
    flex-wrap: nowrap !important; }
  .xlg-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  /*JUSTIFY*/
  .xlg-justify-start {
    justify-content: flex-start !important; }
  .xlg-justify-end {
    justify-content: flex-end !important; }
  .xlg-justify-center {
    justify-content: center !important; }
  .xlg-justify-space-between {
    justify-content: space-between !important; }
  .xlg-justify-space-around {
    justify-content: space-around !important; }
  /*DISPLAY*/
  .xlg-d-none {
    display: none !important; }
  .xlg-d-inline {
    display: inline !important; }
  .xlg-d-inline-block {
    display: inline-block !important; }
  .xlg-d-block {
    display: block !important; }
  .xlg-d-table {
    display: table !important; }
  .xlg-d-table-row {
    display: table-row !important; }
  .xlg-d-table-cell {
    display: table-cell !important; }
  .xlg-d-flex {
    display: flex !important; }
  .xlg-d-inline-flex {
    display: inline-flex !important; }
  .xlg-d-grid {
    display: grid !important; }
  /*ALIGN*/
  .xlg-align-start {
    align-items: flex-start !important; }
  .xlg-align-end {
    align-items: flex-end !important; }
  .xlg-align-center {
    align-items: center !important; }
  .xlg-align-baseline {
    align-items: baseline !important; }
  .xlg-align-stretch {
    align-items: stretch !important; }
  .xlg-align-content-start {
    align-content: flex-start !important; }
  .xlg-align-content-end {
    align-content: flex-end !important; }
  .xlg-align-content-center {
    align-content: center !important; }
  .xlg-align-content-space-between {
    align-content: space-between !important; }
  .xlg-align-content-space-around {
    align-content: space-around !important; }
  .xlg-align-content-stretch {
    align-content: stretch !important; }
  .xlg-align-self-auto {
    align-self: auto !important; }
  .xlg-align-self-start {
    align-self: flex-start !important; }
  .xlg-align-self-end {
    align-self: flex-end !important; }
  .xlg-align-self-center {
    align-self: center !important; }
  .xlg-align-self-baseline {
    align-self: baseline !important; }
  .xlg-align-self-stretch {
    align-self: stretch !important; }
  /*POSITION*/
  .xlg-position-static {
    position: static !important; }
  .xlg-position-relative {
    position: relative !important; }
  .xlg-position-absolute {
    position: absolute !important; }
  .xlg-position-fixed {
    position: fixed !important; }
  .xlg-position-sticky {
    position: sticky !important; } }