/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/styles/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/assets/styles/global.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}

/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}

.pointer {
  cursor: pointer;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/error/ErrorClaims.vue?vue&type=style&index=0&id=407c6658&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-407c6658]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.header-bar[data-v-407c6658] {
  background: var(--header-bar-background-colour);
}
.header-bar .menu-button-container[data-v-407c6658] {
  cursor: pointer;
}
.header-bar .menu-button-container .menu-icon[data-v-407c6658] {
  font-size: 16px;
  color: var(--header-bar-menu-icon-colour);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/icons/CustomSvg.vue?vue&type=style&index=0&id=7c33d358&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-7c33d358]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.custom-svg[data-v-7c33d358] {
  display: flex;
  height: var(--7c33d358-heightData);
  width: var(--7c33d358-widthData);
}
.custom-svg > svg[data-v-7c33d358] {
  height: 100%;
  width: 100%;
  background-color: var(--7c33d358-backgroundColourData);
}
.custom-svg > svg[data-v-7c33d358] > path {
  fill: var(--7c33d358-iconColourData);
  stroke: var(--7c33d358-iconColourData);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/icons/IconRenderer.vue?vue&type=style&index=0&id=00c0184b&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.icon-root[data-v-00c0184b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/input/CustomButton.vue?vue&type=style&index=0&id=1e7be87c&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-1e7be87c]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.custom-button[data-v-1e7be87c] {
  font-family: "Poppins";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  min-width: 48px;
  padding: 10px 13px 10px 13px;
  border-radius: var(--radius-btn, 8px);
  border: 1px solid transparent;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease, transform 80ms ease, opacity 120ms ease;
  /* Keyboard accessibility */
}
.custom-button .custom-button-label[data-v-1e7be87c] {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0em;
}
.custom-button[data-v-1e7be87c]:disabled {
  cursor: not-allowed;
  opacity: 0.75;
}
.custom-button[data-v-1e7be87c]:focus-visible {
  outline: var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--tenant-color-2, #f18900));
  outline-offset: var(--focus-ring-offset, 2px);
}
.custom-button[data-v-1e7be87c]:active:not(:disabled) {
  transform: translateY(1px);
}

/* =========================
   HOVER / ACTIVE by variant
   Uses tokens so tenant overrides still work
   ========================= */
.custom-button[data-v-1e7be87c]:hover:not(:disabled) {
  box-shadow: var(--btn-hover-shadow);
}
.custom-button[data-v-1e7be87c]:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: var(--btn-active-shadow);
}

/* Primary: slightly darker + subtle lift */
.custom-button--primary[data-v-1e7be87c]:hover:not(:disabled) {
  background-color: var(--btn-primary-hover-bg) !important;
  border-color: var(--btn-primary-hover-border) !important;
}
.custom-button--primary[data-v-1e7be87c]:hover:not(:disabled) {
  --btn-primary-icon: var(--btn-primary-icon-hover) !important;
}

/* Secondary: subtle tint background + keep outline */
.custom-button--secondary[data-v-1e7be87c]:hover:not(:disabled) {
  background-color: var(--btn-secondary-hover-bg) !important;
  border-color: var(--btn-secondary-hover-border) !important;
}
.custom-button--secondary[data-v-1e7be87c]:hover:not(:disabled) {
  --btn-secondary-icon: var(--btn-secondary-icon-hover) !important;
}

/* Danger: slightly darker + subtle lift */
.custom-button--danger[data-v-1e7be87c]:hover:not(:disabled) {
  background-color: var(--btn-danger-hover-bg) !important;
  border-color: var(--btn-danger-hover-border) !important;
}
.custom-button--danger[data-v-1e7be87c]:hover:not(:disabled) {
  --btn-danger-icon: var(--btn-danger-icon-hover) !important;
}

/* Ghost: subtle neutral wash + keep outline/text */
.custom-button--ghost[data-v-1e7be87c]:hover:not(:disabled) {
  background-color: var(--btn-ghost-hover-bg) !important;
  border-color: var(--btn-ghost-hover-border) !important;
}
.custom-button--ghost[data-v-1e7be87c]:hover:not(:disabled) {
  --btn-ghost-icon: var(--btn-ghost-icon-hover) !important;
}

/* Optional: make ghost show an outline on hover if border is transparent */
.custom-button--ghost[data-v-1e7be87c]:hover:not(:disabled) {
  border-color: var(--btn-ghost-hover-border, var(--btn-ghost-border)) !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/input/SearchBar.vue?vue&type=style&index=0&id=74fbff1c&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-74fbff1c]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.search-bar-container[data-v-74fbff1c] {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 8px;
  width: 100%;
  height: 48px;
  border: 1px solid var(--tenant-color-1);
  /* base */
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  /* hover */
  /* focus (input focused) */
  /* icon reacts on focus */
}
.search-bar-container[data-v-74fbff1c]:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.search-bar-container[data-v-74fbff1c]:focus-within {
  border-color: color-mix(in srgb, var(--tenant-color-1) 50%, white);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tenant-color-1) 20%, transparent), 0 4px 12px rgba(0, 0, 0, 0.1);
}
.search-bar-container .search-bar-input[data-v-74fbff1c] {
  height: 40.5px;
  font-weight: 700;
  font-size: 12px;
  color: #333333;
  border: none;
  background: none;
  outline: none;
  flex: 1;
  line-height: 18px;
  padding: 7px 2px 7px 16px;
  font-family: Poppins, serif;
}
.search-bar-container .search-bar-input[data-v-74fbff1c]::-moz-placeholder {
  color: #9ca3af;
}
.search-bar-container .search-bar-input[data-v-74fbff1c]::placeholder {
  color: #9ca3af;
}
.search-bar-container .search-icon-container[data-v-74fbff1c] {
  display: flex;
  align-items: center;
  height: 100%;
  margin-right: 18px;
  margin-left: 6px;
  color: #6b7280;
  transition: color 0.2s ease;
}
.search-bar-container:focus-within .search-icon-container[data-v-74fbff1c] {
  color: color-mix(in srgb, var(--tenant-color-1) 50%, white);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/input/FilterButton.vue?vue&type=style&index=0&id=64b5a1ee&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-64b5a1ee]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.filter-button[data-v-64b5a1ee] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 16px 7px 20px;
  border-radius: 8px;
  gap: 12px;
  background-color: #ffffff;
  color: #333333;
  cursor: pointer;
}
.filter-button[data-v-64b5a1ee]:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: var(--btn-active-shadow);
}
.filter-button .filter-button-label[data-v-64b5a1ee] {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0em;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/input/ItemsPerPageDropdown.vue?vue&type=style&index=0&id=007d375c&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-007d375c]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.items-per-page-dropdown[data-v-007d375c] {
  border: 1px solid var(--tenant-color-1);
  border-radius: 5px;
  width: 42px;
  height: 24px;
  padding: 2px 6px;
  margin-right: 0.4rem;
  gap: 4px;
}
.items-per-page-dropdown:not(.p-disabled).p-focus[data-v-007d375c] {
  border-color: color-mix(in srgb, var(--tenant-color-1) 50%, white);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--tenant-color-1) 20%, transparent), 0 4px 12px rgba(0, 0, 0, 0.1);
}
.items-per-page-dropdown[data-v-007d375c] .p-dropdown-label {
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0em;
  color: var(--txt-color-main);
}
.items-per-page-dropdown[data-v-007d375c] .p-dropdown-trigger {
  width: auto;
}
.items-per-page-dropdown[data-v-007d375c] .p-dropdown-trigger .p-dropdown-trigger-icon {
  font-size: 8px;
  color: var(--txt-color-main);
}
[data-v-007d375c] .p-icon {
  width: 8px;
  height: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/formScriptDialog.vue?vue&type=style&index=0&id=73d9a167&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-73d9a167]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.dialog-content[data-v-73d9a167] {
  padding: 20px;
}
.p-dialog-footer[data-v-73d9a167] {
  display: flex;
  justify-content: flex-end;
}
.page-header-title[data-v-73d9a167] {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 1rem;
}
.dry-hire-log-dialog[data-v-73d9a167] {
  padding: 20px;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
.dry-hire-log-dialog .page-header-title[data-v-73d9a167] {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 1rem;
}
.dry-hire-log-dialog .section-header[data-v-73d9a167] {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  position: sticky;
  top: 0;
  background: white;
  z-index: 100;
}
.dry-hire-log-dialog .section-header .sub-flex[data-v-73d9a167] {
  display: flex;
  align-items: center;
}
.dry-hire-log-dialog .section-header .outlined-btn[data-v-73d9a167] {
  background: #007fff;
  color: white;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0em;
}
.dry-hire-log-dialog .section-header .link[data-v-73d9a167] {
  background: none;
  border: none;
  cursor: pointer;
}
.dry-hire-log-dialog .section-header .link .cross[data-v-73d9a167] {
  font-size: 16px;
  color: black;
}
.dry-hire-log-dialog .flex-row[data-v-73d9a167] {
  display: flex;
  align-items: center;
}
.dry-hire-log-dialog .label[data-v-73d9a167] {
  width: 50%;
  padding-right: 10px;
  font-weight: bold;
}
.dry-hire-log-dialog .value[data-v-73d9a167] {
  flex: 1;
}
.dry-hire-log-dialog .input[data-v-73d9a167] {
  width: 50% !important;
}
.dry-hire-log-dialog .p-editor-toolbar.ql-toolbar.ql-snow[data-v-73d9a167] {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.dry-hire-log-dialog .p-divider.p-divider-horizontal[data-v-73d9a167]:before {
  border-top: 1px #eeeeee;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/ScriptManagementPortal.vue?vue&type=style&index=0&id=02bacf34&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-02bacf34]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.dashboard-wrapper[data-v-02bacf34] {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 3rem;
}
.dashboard-wrapper .page-title[data-v-02bacf34] {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
  align-items: center;
}
.dashboard-wrapper .page-title h1[data-v-02bacf34] {
  font-size: 2rem;
  font-weight: 700;
}
.dashboard-wrapper .datatable-action-wrapper[data-v-02bacf34] {
  padding: 20px 10px;
  display: flex;
  justify-content: end;
  background: #f4f4f4;
  gap: 5px;
}
.people-datatable .p-datatable-thead > tr > th[data-v-02bacf34]:nth-child(2) {
  min-width: 120px;
}
.people-datatable .p-datatable-thead > tr > th[data-v-02bacf34]:nth-child(3) {
  min-width: 120px;
}
.people-datatable .p-datatable-thead > tr > th[data-v-02bacf34]:nth-child(4) {
  min-width: 120px;
}
.people-datatable .p-datatable-thead > tr > th[data-v-02bacf34]:nth-child(5) {
  min-width: 120px;
}
.people-datatable .p-datatable-thead > tr > th[data-v-02bacf34]:nth-child(6) {
  min-width: 120px;
}
.jobgroup + .jobgroup[data-v-02bacf34]:before {
  content: ", ";
}
.actions-group[data-v-02bacf34] {
  display: flex;
  flex-direction: column;
}
.actions-group.is-grouped[data-v-02bacf34] {
  margin: 0 6px;
}
.actions-group .actions-group-buttons[data-v-02bacf34] {
  display: flex;
  justify-content: center;
  padding: 0px 5px;
  border-radius: 8px;
}
.actions-group .actions-group-buttons.separator[data-v-02bacf34] {
  border-bottom-color: #999999;
}
.actions-group .actions-group-buttons .action[data-v-02bacf34] {
  border-radius: 8px;
  box-shadow: 0 0 0 1px #707070 inset;
  color: black;
}
.actions-group .actions-group-buttons .action[data-v-02bacf34]:hover {
  background-color: white;
}
.actions-group .actions-group-label[data-v-02bacf34] {
  text-align: center;
  color: #999999;
}
.datatable-pagination[data-v-02bacf34] {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.customButton[data-v-02bacf34] {
  margin: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  min-width: 48px;
  padding: 13px;
  border-radius: 8px;
  border: 1px solid #707070;
  gap: 8px;
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  font-weight: 700;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/pane/leftPane.vue?vue&type=style&index=0&id=812a5014&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-812a5014]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.selectionSection[data-v-812a5014] {
  display: flex;
  flex-direction: column;
  padding: 0px 0.5rem 0px 1rem;
  min-height: 100vh;
  box-shadow: -7px 9px 14px 0px var(--grey-1000);
}
.selectionSection .selectionItem[data-v-812a5014] {
  cursor: pointer;
  font-size: medium;
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 25px;
  text-align: left;
  height: 3rem;
}
.selectionSection .selectionItem.isActive[data-v-812a5014] {
  color: var(--grey-300);
  background-color: var(--menu-pane-menu-item-selected-background-colour);
  border-radius: 5px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/datatable/datatableHeader.vue?vue&type=style&index=0&id=3e3510dc&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-3e3510dc]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.datatable-header[data-v-3e3510dc] {
  background-color: var(--datatable-header-background-colour);
  position: sticky;
  top: 0;
  z-index: 1;
}
.datatable-header > tr > th[data-v-3e3510dc] {
  vertical-align: middle;
}
.datatable-header > tr > th[data-v-3e3510dc]:first-child {
  border-top-left-radius: var(--datatable-header-border-radius);
  border-bottom-left-radius: var(--datatable-header-border-radius);
}
.datatable-header > tr > th[data-v-3e3510dc]:last-child {
  border-top-right-radius: var(--datatable-header-border-radius);
  border-bottom-right-radius: var(--datatable-header-border-radius);
}
.datatable-header > tr > th.datatable-header-row-selection-cell[data-v-3e3510dc] {
  width: var(--datatable-row-selection-column-width);
}
.datatable-header > tr > th.datatable-header-row-selection-cell > .datatable-header-row-expansion-cell-content[data-v-3e3510dc] {
  padding: var(--datatable-header-row-selection-cell-padding);
}
.datatable-header > tr > th.datatable-header-row-expansion-cell[data-v-3e3510dc] {
  width: var(--datatable-row-expansion-column-width);
}
.datatable-header > tr > th.datatable-header-row-expansion-cell > .datatable-header-row-expansion-cell-content[data-v-3e3510dc] {
  padding: var(--datatable-row-expansion-header-padding);
  gap: var(--datatable-row-expansion-header-buttons-gap);
}
.datatable-header > tr > th.datatable-header-row-expansion-cell > .datatable-header-row-expansion-cell-content > .datatable-header-row-expansion-cell-button-container[data-v-3e3510dc] {
  padding: var(--datatable-row-expansion-header-buttons-padding);
  border-radius: var(--datatable-row-expansion-header-buttons-border-radius);
}
.datatable-header > tr > th.datatable-header-row-expansion-cell > .datatable-header-row-expansion-cell-content > .datatable-header-row-expansion-cell-button-container[data-v-3e3510dc]:hover {
  background-color: var(--datatable-row-expansion-header-buttons-hover-background-colour);
}
.datatable-header > tr > th.datatable-header-cell-sort-asc[data-v-3e3510dc], .datatable-header > tr > th.datatable-header-cell-sort-desc[data-v-3e3510dc] {
  background-color: var(--datatable-header-cell-sort-background-colour);
}
.datatable-header > tr > th.datatable-header-cell-sort-asc > .datatable-header-cell-content[data-v-3e3510dc], .datatable-header > tr > th.datatable-header-cell-sort-desc > .datatable-header-cell-content[data-v-3e3510dc] {
  color: var(--datatable-header-cell-sort-font-colour);
}
.datatable-header > tr > th .datatable-header-cell-content[data-v-3e3510dc] {
  padding: var(--datatable-header-cell-padding);
  color: var(--datatable-header-cell-content-font-colour);
  gap: var(--datatable-header-cell-content-gap);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.datatable-header > tr > th .datatable-header-cell-content > .datatable-header-cell-content-label[data-v-3e3510dc] {
  font-size: var(--datatable-header-cell-label-font-size);
  font-weight: var(--datatable-header-cell-label-font-weight);
  line-height: var(--datatable-header-cell-label-line-height);
}
.datatable-header > tr > th .datatable-header-cell-content > .datatable-header-cell-content-sort-index-container > .datatable-header-cell-content-sort-index[data-v-3e3510dc] {
  font-size: var(--datatable-header-cell-content-sort-index-font-size);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/display/style.vue?vue&type=style&index=0&id=393ccc9a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-393ccc9a]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.display-style[data-v-393ccc9a] {
  font-family: Poppins, serif;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: left;
}
.display-style.active.true[data-v-393ccc9a] {
  color: #61e24b;
}
.display-style.active.false[data-v-393ccc9a] {
  color: #f14d29;
}
.display-style.checkbox[data-v-393ccc9a] {
  font-size: 16px;
}
.display-style.checkbox.true[data-v-393ccc9a] {
  color: #61e24b;
}
.display-style.checkbox.false[data-v-393ccc9a] {
  color: #f14d29;
}
.display-style.currency[data-v-393ccc9a] {
  text-align: right;
  padding-right: 20%;
}
.display-style.currency.text-red[data-v-393ccc9a] {
  color: #f14d29;
}
.display-style.currency.text-green[data-v-393ccc9a] {
  color: #61e24b;
}
.display-style.percent.budget-positive[data-v-393ccc9a] {
  color: #61e24b;
}
.display-style.percent.budget-negative[data-v-393ccc9a] {
  color: #f14d29;
}
.display-style.processing-status.completed[data-v-393ccc9a] {
  color: #000000;
  background: #61e24b;
  border: 1px #f6f6f6 solid;
}
.display-style.processing-status.incomplete.residential[data-v-393ccc9a] {
  color: #000000;
  background: #f0dc00;
  border: 1px #f6f6f6 solid;
}
.display-style.processing-status.incomplete.commercial[data-v-393ccc9a] {
  color: #000000;
  background: #ffaa1c;
  border: 1px #f6f6f6 solid;
}
.display-style.progress-status.not-started[data-v-393ccc9a] {
  color: #000000;
  background: #f14d29;
  border: 1px #f6f6f6 solid;
}
.display-style.progress-status.in-progress[data-v-393ccc9a] {
  color: #000000;
  background: #f0dc00;
  border: 1px #f6f6f6 solid;
}
.display-style.progress-status.completed[data-v-393ccc9a] {
  color: #000000;
  background: #61e24b;
  border: 1px #f6f6f6 solid;
}
.display-style.table-data-text[data-v-393ccc9a] {
  color: #666666;
}
.display-style.table-data-text.dark-grey[data-v-393ccc9a] {
  color: #333333;
}
.display-style.table-data-text.green[data-v-393ccc9a] {
  color: #61e24b;
}
.display-style.table-data-text.red[data-v-393ccc9a] {
  color: #f14d29;
}
.display-style.table-data-text.bold[data-v-393ccc9a] {
  font-weight: 600;
}
.display-style.table-data-text.black[data-v-393ccc9a] {
  color: #000000 !important;
}
.display-style .content-container[data-v-393ccc9a] {
  display: flex;
  min-height: 18px;
  align-items: center;
}
.display-style .content-container > svg[data-v-393ccc9a] {
  width: 100%;
}
.display-style .content-container .dot-point[data-v-393ccc9a] {
  margin-top: 0;
  margin-bottom: 0;
  list-style-position: inside;
  list-style-type: circle;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/datatable/datatableBodyCell.vue?vue&type=style&index=0&id=1bf96f33&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-1bf96f33]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.datatable-body-cell[data-v-1bf96f33] {
  padding: var(--datatable-body-cell-padding);
  font-size: var(--datatable-body-cell-font-size);
  height: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/datatable/datatableBody.vue?vue&type=style&index=0&id=3bcdf731&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-3bcdf731]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.datatable-body.alternate-row-colours > tr[data-v-3bcdf731]:nth-child(odd) {
  background-color: var(--3bcdf731-rowBackgroundColour1);
}
.datatable-body.alternate-row-colours > tr[data-v-3bcdf731]:nth-child(even) {
  background-color: var(--3bcdf731-rowBackgroundColour2);
}
.datatable-body > tr[data-v-3bcdf731] {
  background-color: var(--3bcdf731-rowBackgroundColour1);
}
.datatable-body > tr.datatable-body-expanded-row[data-v-3bcdf731] {
  background-color: transparent;
}
.datatable-body > tr.datatable-body-expanded-row > td.datatable-body-expanded-row-content-cell.expanded-row-gap[data-v-3bcdf731] {
  padding-bottom: var(--datatable-body-row-gap);
}
.datatable-body > tr > td[data-v-3bcdf731]:not(.datatable-body-expanded-row-content-cell) {
  height: var(--datatable-body-row-min-height);
}
.datatable-body > tr > td.datatable-body-row-selection-cell[data-v-3bcdf731] {
  width: var(--datatable-row-selection-column-width);
}
.datatable-body > tr > td.datatable-body-row-selection-cell > .datatable-body-row-selection-cell-content[data-v-3bcdf731] {
  padding: var(--datatable-row-selection-padding);
  height: 100%;
}
.datatable-body > tr > td.datatable-body-row-expansion-cell[data-v-3bcdf731] {
  width: var(--datatable-row-expansion-column-width);
}
.datatable-body > tr > td.datatable-body-row-expansion-cell > .datatable-body-row-expansion-cell-content[data-v-3bcdf731] {
  padding: var(--datatable-row-expansion-padding);
  height: 100%;
}
.datatable-body > tr > td.datatable-body-row-expansion-cell > .datatable-body-row-expansion-cell-content > .datatable-body-row-expansion-expander-container[data-v-3bcdf731] {
  height: var(--datatable-row-expansion-size);
  width: var(--datatable-row-expansion-size);
  border-radius: var(--datatable-row-expansion-border-radius);
  background-color: var(--datatable-row-expansion-background-colour);
  transition: var(--datatable-row-expansion-transition);
}
.datatable-body > tr > td.datatable-body-row-expansion-cell > .datatable-body-row-expansion-cell-content > .datatable-body-row-expansion-expander-container.expanded[data-v-3bcdf731] {
  transform: rotate(90deg);
}
.datatable-body > tr > td.datatable-body-row-expansion-cell > .datatable-body-row-expansion-cell-content > .datatable-body-row-expansion-expander-container > .datatable-body-row-expansion-expander-chevron-icon[data-v-3bcdf731] {
  color: var(--datatable-row-expansion-chevron-icon-colour);
  font-size: var(--datatable-row-expansion-chevron-icon-font-size);
  margin: var(--datatable-row-expansion-chevron-icon-margin);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/paginator/paginator.vue?vue&type=style&index=0&id=0e5b4809&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-0e5b4809]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.paginator[data-v-0e5b4809] {
  gap: var(--paginator-gap);
}
.paginator > .paginator-items-per-page-container[data-v-0e5b4809] {
  gap: var(--paginator-items-per-page-container-gap);
}
.paginator > .paginator-items-per-page-container > .paginator-items-per-page-label[data-v-0e5b4809] {
  font-size: var(--paginator-items-per-page-label-font-size);
}
.paginator > .paginator-current-items-label[data-v-0e5b4809] {
  font-size: var(--paginator-current-items-label-font-size);
  min-width: var(--paginator-current-items-label-min-width);
  text-align: center;
}
.paginator > .paginator-navigation-container[data-v-0e5b4809] {
  gap: var(--paginator-navigation-container-gap);
}
.paginator > .paginator-navigation-container > .paginator-navigation-first[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-next[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-previous[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-last[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-page[data-v-0e5b4809] {
  background: var(--paginator-navigation-button-background-colour);
  border: var(--paginator-navigation-button-border);
  border-radius: var(--paginator-navigation-button-border-radius);
  min-height: var(--paginator-navigation-button-min-height);
  min-width: var(--paginator-navigation-button-min-width);
  padding: var(--paginator-navigation-button-padding);
}
.paginator > .paginator-navigation-container > .paginator-navigation-first:disabled > .paginator-navigation-icon[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-next:disabled > .paginator-navigation-icon[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-previous:disabled > .paginator-navigation-icon[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-last:disabled > .paginator-navigation-icon[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-page:disabled > .paginator-navigation-icon[data-v-0e5b4809] {
  color: var(--paginator-navigation-icon-disabled-colour);
}
.paginator > .paginator-navigation-container > .paginator-navigation-first[data-v-0e5b4809]:hover:not(:disabled):not(.selected-page),
.paginator > .paginator-navigation-container > .paginator-navigation-next[data-v-0e5b4809]:hover:not(:disabled):not(.selected-page),
.paginator > .paginator-navigation-container > .paginator-navigation-previous[data-v-0e5b4809]:hover:not(:disabled):not(.selected-page),
.paginator > .paginator-navigation-container > .paginator-navigation-last[data-v-0e5b4809]:hover:not(:disabled):not(.selected-page),
.paginator > .paginator-navigation-container > .paginator-navigation-page[data-v-0e5b4809]:hover:not(:disabled):not(.selected-page) {
  background: var(--paginator-navigation-button-hover-background-colour);
}
.paginator > .paginator-navigation-container > .paginator-navigation-first.selected-page[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-next.selected-page[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-previous.selected-page[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-last.selected-page[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-page.selected-page[data-v-0e5b4809] {
  background: var(--paginator-navigation-button-selected-page-background-colour);
  color: var(--paginator-navigation-button-selected-page-font-colour);
}
.paginator > .paginator-navigation-container > .paginator-navigation-first > .paginator-navigation-icon[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-next > .paginator-navigation-icon[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-previous > .paginator-navigation-icon[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-last > .paginator-navigation-icon[data-v-0e5b4809],
.paginator > .paginator-navigation-container > .paginator-navigation-page > .paginator-navigation-icon[data-v-0e5b4809] {
  font-size: var(--paginator-navigation-icon-font-size);
  color: var(--paginator-navigation-icon-colour);
}
.paginator[data-v-0e5b4809] .paginator-dropdown-field {
  border-radius: var(--paginator-field-border-radius);
  border: var(--paginator-field-border);
}
.paginator[data-v-0e5b4809] .paginator-dropdown-field.p-focus {
  box-shadow: none;
}
.paginator[data-v-0e5b4809] .paginator-dropdown-field .p-inputtext {
  font-family: Poppins, serif;
  font-style: normal;
  font-weight: normal;
  font-size: var(--paginator-field-text-font-size);
  color: var(--paginator-field-text-font-colour);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/datatable/datatable.vue?vue&type=style&index=0&id=66b27def&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-66b27def]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.datatable[data-v-66b27def] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.datatable .datatable-table[data-v-66b27def] {
  min-width: 100%;
  border-collapse: separate;
}
.datatable .datatable-paginator[data-v-66b27def] {
  padding: var(--datatable-paginator-padding);
  float: right;
}
.datatable .datatable-loading-overlay[data-v-66b27def] {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/tenants/viewTenants.vue?vue&type=style&index=0&id=72cfc6a1&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-72cfc6a1]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.view-tenants .view-tenants-datatable-container[data-v-72cfc6a1] {
  margin: 0 10rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/input/CustomDropdown.vue?vue&type=style&index=0&id=3cdcc321&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-3cdcc321]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.cm-dropdown[data-v-3cdcc321] {
  width: 100%;
}
.add-new-footer[data-v-3cdcc321] {
  text-align: left;
  padding: 0.5rem;
  background-color: #f4f4f4;
  border-top: 1px solid #e0e0e0;
  color: #007fff;
  /* Make it look like a hyperlink */
  cursor: pointer;
  /* Show hand icon when pointing */
  text-decoration: none;
  /* Remove underline */
}
.add-new-footer[data-v-3cdcc321]:hover {
  text-decoration: underline;
  /* Add underline on hover */
}
.invalid[data-v-3cdcc321] {
  border: 1px solid red;
  color: red;
  border-radius: 8px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./cloudconLibrary/components/input/AutoCompleteCustom.vue?vue&type=style&index=0&id=07d11718&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-07d11718]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.p-autocomplete[data-v-07d11718] {
  width: 100%;
}
.p-autocomplete[data-v-07d11718] .p-autocomplete-multiple-container {
  flex: 1 1 auto;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/roles/viewRoles.vue?vue&type=style&index=0&id=52f3986e&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-52f3986e]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.view-roles .view-roles-datatable-container[data-v-52f3986e] {
  margin: 0 10rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/actions/viewActions.vue?vue&type=style&index=0&id=e68b06ee&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-e68b06ee]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.view-actions .view-actions-datatable-container[data-v-e68b06ee] {
  margin: 0 10rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/modules/viewModules.vue?vue&type=style&index=0&id=6f9b909d&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-6f9b909d]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.view-modules .view-modules-datatable-container[data-v-6f9b909d] {
  margin: 0 10rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/claims/viewClaims.vue?vue&type=style&index=0&id=1bbf3fd7&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-1bbf3fd7]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.view-claims .view-claims-datatable-container[data-v-1bbf3fd7] {
  margin: 0 10rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/claims/viewClaimSets.vue?vue&type=style&index=0&id=529a24bd&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-529a24bd]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.view-claimSets .view-claimSets-datatable-container[data-v-529a24bd] {
  margin: 0 10rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/users/viewUsers.vue?vue&type=style&index=0&id=dc7514c2&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-dc7514c2]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.view-users .view-users-datatable-container[data-v-dc7514c2] {
  margin: 0 10rem;
}
.view-users .view-users-datatable-container .view-users-export-csv-container[data-v-dc7514c2] {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 10px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/users/importUsersResponseDialog.vue?vue&type=style&index=0&id=036eb3e8&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-036eb3e8]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.import-users-response-dialog[data-v-036eb3e8] {
  height: 70vh;
  width: 70vw;
  padding: 12px;
}
.import-users-response-dialog .import-users-response-dialog-loading-container[data-v-036eb3e8] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.import-users-response-dialog ul > li[data-v-036eb3e8] {
  list-style-position: inside;
  list-style-type: disc;
}
.import-users-response-dialog ul > li > ul[data-v-036eb3e8] {
  padding-left: 20px;
}
.import-users-response-dialog ul > li > ul > li[data-v-036eb3e8] {
  list-style-type: circle;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/users/updateUsersResponseDialog.vue?vue&type=style&index=0&id=403a6644&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-403a6644]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.import-users-response-dialog[data-v-403a6644] {
  height: 70vh;
  width: 70vw;
  padding: 12px;
}
.import-users-response-dialog .import-users-response-dialog-loading-container[data-v-403a6644] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.import-users-response-dialog ul > li[data-v-403a6644] {
  list-style-position: inside;
  list-style-type: disc;
}
.import-users-response-dialog ul > li > ul[data-v-403a6644] {
  padding-left: 20px;
}
.import-users-response-dialog ul > li > ul > li[data-v-403a6644] {
  list-style-type: circle;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/users/deleteUsersResponseDialog.vue?vue&type=style&index=0&id=0a4289bc&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-0a4289bc]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.delete-users-response-dialog[data-v-0a4289bc] {
  height: 70vh;
  width: 70vw;
  padding: 12px;
}
.delete-users-response-dialog .delete-users-response-dialog-loading-container[data-v-0a4289bc] {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.delete-users-response-dialog ul > li[data-v-0a4289bc] {
  list-style-position: inside;
  list-style-type: disc;
}
.delete-users-response-dialog ul > li > ul[data-v-0a4289bc] {
  padding-left: 20px;
}
.delete-users-response-dialog ul > li > ul > li[data-v-0a4289bc] {
  list-style-type: circle;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/userScreens/users/viewUserGroups.vue?vue&type=style&index=0&id=1f4496f8&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-1f4496f8]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.view-userGroups .view-userGroups-datatable-container[data-v-1f4496f8] {
  margin: 0 10rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/views/UserManagementPortal.vue?vue&type=style&index=0&id=1f45ea98&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-1f45ea98]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
#main[data-v-1f45ea98] {
  padding: 1rem 0 1rem;
}
.selectionSection[data-v-1f45ea98] {
  display: flex;
  flex-direction: column;
  padding: 0px 0.5rem 0px 1rem;
  min-height: 50vh;
  box-shadow: 3px 9px 15px -5px var(--grey-1000);
}
.selectionSection .selectionItem[data-v-1f45ea98] {
  cursor: pointer;
  font-size: medium;
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 25px;
  text-align: left;
  height: 3rem;
}
.selectionSection .selectionItem.isActive[data-v-1f45ea98] {
  color: var(--grey-300);
  background-color: var(--menu-pane-menu-item-selected-background-colour);
  border-radius: 5px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/header/bar.vue?vue&type=style&index=0&id=4636cb21&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-4636cb21]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.header-bar[data-v-4636cb21] {
  background: var(--header-bar-background-colour);
}
.header-bar .menu-button-container[data-v-4636cb21] {
  cursor: pointer;
}
.header-bar .menu-button-container .menu-icon[data-v-4636cb21] {
  font-size: 16px;
  color: var(--header-bar-menu-icon-colour);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
	variables
*/
/*
Severity buttons variables
*/
/*
50 colours for processing and fabrication tables
*/
/* NEW VARIABLES STRUCTURE */
[data-v-7ba5bd90]:root {
  /* Colour Variables */
  --white: #ffffff;
  --black: #000000;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #eeeeee;
  --grey-400: #dddddd;
  --grey-500: #cccccc;
  --grey-600: #bbbbbb;
  --grey-700: #aaaaaa;
  --grey-800: #999999;
  --grey-900: #888888;
  --grey-1000: #777777;
  --grey-1100: #666666;
  --grey-1200: #555555;
  --grey-1300: #444444;
  --grey-1400: #333333;
  --grey-1500: #222222;
  --grey-1600: #111111;
  --blue-300: #deefff;
  --blue-400: #c2e1ff;
  --blue-500: #a7d3ff;
  --blue-600: #8bc5ff;
  --blue-700: #6fb7ff;
  --blue-800: #53a9ff;
  --blue-900: #389bff;
  --blue-1000: #1c8dff;
  --blue-1100: #007fff;
  /* Cloudcon blue */
  --red-300: #feedea;
  --red-400: #fddbd5;
  --red-500: #fcc9c0;
  --red-600: #fab7aa;
  --red-700: #f9a595;
  --red-800: #f7937f;
  --red-900: #f6826a;
  --red-1000: #f47054;
  --red-1100: #f35f3f;
  --red-1200: #f14d29;
  /* Theme variables */
  --primary-colour: var(--blue-1100);
  --light-lightest-colour: var(--grey-300);
  --light-lighter-colour: var(--grey-400);
  --light-light-colour: var(--grey-500);
  --light-colour: var(--grey-600);
  --light-dark-colour: var(--grey-700);
  --light-darker-colour: var(--grey-800);
  --light-darkest-colour: var(--grey-900);
  --dark-lightest-colour: var(--grey-1000);
  --dark-lighter-colour: var(--grey-1100);
  --dark-light-colour: var(--grey-1200);
  --dark-colour: var(--grey-1300);
  --dark-dark-colour: var(--grey-1400);
  --dark-darker-colour: var(--grey-1500);
  --dark-darkest-colour: var(--black);
  --red-colour: var(--red-1200);
  /* Component variables */
  /* Header Bar variables */
  --header-bar-background-colour: var(--primary-colour);
  --header-bar-menu-icon-colour: var(--light-lightest-colour);
  /* Menu Pane variables */
  --menu-pane-divider: var(--light-lighter-colour);
  --menu-pane-menu-item-colour: var(--primary-colour);
  --menu-pane-menu-item-selected-colour: var(--white);
  --menu-pane-menu-item-selected-background-colour: var(--primary-colour);
  --menu-pane-expanded-width: 15rem;
  --menu-pane-collapsed-width: 4rem;
  --menu-pane-item-height: 3rem;
  /* Edit Sidebar Variables */
  --edit-sidebar-header-padding: 1rem;
  --edit-sidebar-header-background: var(--white);
  --edit-sidebar-header-bottom-border: 1px solid var(--light-lightest-colour);
  --edit-sidebar-header-options-border-radius: 0.75rem;
  --edit-sidebar-header-options-border: 1px solid var(--light-lighter-colour);
  --edit-sidebar-header-options-height: 2.25rem;
  --edit-sidebar-header-options-width: 2.25rem;
  --edit-sidebar-header-options-icon-colour: var(--dark-dark-colour);
  --edit-sidebar-header-options-save-icon-font-size: 1rem;
  --edit-sidebar-header-options-delete-icon-font-size: 0.9rem;
  --edit-sidebar-header-options-close-icon-font-size: 1.25rem;
  --edit-sidebar-loading-spinner-height: 2.25rem;
  --edit-sidebar-loading-spinner-width: 2.25rem;
  --edit-sidebar-body-padding: 1rem;
  /* Datatable Variables */
  --datatable-filter-feedback-container-margin: 0 0 1.5rem 0;
  --datatable-filter-feedback-border-radius: 0.5rem;
  --datatable-filter-feedback-padding: 0.5rem;
  --datatable-filter-feedback-border: 1px solid var(--light-lighter-colour);
  --datatable-filter-feedback-background-colour: var(--white);
  --datatable-filter-feedback-gap: 0.25rem;
  --datatable-filter-feedback-label-font-weight: 700;
  --datatable-filter-feedback-label-font-size: 0.75rem;
  --datatable-filter-feedback-filters-container-gap: 0.25rem;
  --datatable-filter-feedback-group-label-font-size: 0.75rem;
  --datatable-filter-feedback-group-label-margin: 1rem;
  --datatable-filter-feedback-clear-button-font-family: "Poppins";
  --datatable-filter-feedback-clear-button-font-size: 0.75rem;
  --datatable-filter-feedback-clear-button-border-radius: 0.25rem;
  --datatable-filter-feedback-clear-button-border: none;
  --datatable-filter-feedback-clear-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-feedback-clear-button-font-colour: var(--white);
  --datatable-filter-feedback-clear-button-padding: 0.25rem;
  --datatable-tabs-padding: 1rem;
  --datatable-tabs-border-radius: 0.5rem;
  --datatable-tabs-selected-tab-background-colour: var(--white);
  --datatable-tabs-label-font-size: 0.75rem;
  --datatable-tabs-label-font-weight: 700;
  --datatable-tabs-label-font-colour: var(--dark-dark-colour);
  --datatable-filer-button-margin-bottom: 0.625rem;
  --datatable-filer-button-gap: 0.375rem;
  --datatable-filer-button-border-radius: 0.5rem;
  --datatable-filer-button-border: 1px solid var(--light-lighter-colour);
  --datatable-filer-button-padding: 0.375rem 0.75rem;
  --datatable-filer-button-background-colour: var(--white);
  --datatable-filter-button-icon-colour: var(--dark-dark-colour);
  --datatable-filter-button-icon-font-size: 0.625rem;
  --datatable-filter-button-label-font-weight: 700;
  --datatable-filter-button-label-font-size: 0.5rem;
  --datatable-filter-button-label-font-colour: var(--dark-dark-colour);
  --datatable-filter-menu-width: 30rem;
  --datatable-filter-menu-header-border-bottom: 1px solid
    var(--light-lightest-colour);
  --datatable-filter-menu-header-padding: 0 0 1rem 0;
  --datatable-filter-menu-header-margin: 0 0 1rem 0;
  --datatable-filter-menu-header-label-font-size: 1rem;
  --datatable-filter-menu-header-label-font-weight: 700;
  --datatable-filter-menu-header-close-button-padding: 0.25rem;
  --datatable-filter-menu-header-close-button-border-radius: 0.25rem;
  --datatable-filter-menu-header-close-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-header-close-button-icon-font-size: 1.5rem;
  --datatable-filter-menu-tabs-container-padding: 0 0 0 0.5rem;
  --datatable-filter-menu-tabs-padding: 0.5rem;
  --datatable-filter-menu-tabs-border-radius: 0.5rem;
  --datatable-filter-menu-tabs-selected-tab-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-tabs-label-font-size: 0.75rem;
  --datatable-filter-menu-tabs-label-font-weight: 700;
  --datatable-filter-menu-tabs-label-font-colour: var(--primary-colour);
  --datatable-filter-menu-tabs-label-selected-tab-font-colour: var(--white);
  --datatable-filter-menu-filters-container-padding: 0.5rem;
  --datatable-filter-menu-filters-container-max-height: 20rem;
  --datatable-filter-menu-fitlers-container-border: 1px solid
    var(--light-colour);
  --datatable-filter-menu-fitlers-container-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-container-border-bottom: 1px solid
    var(--light-colour);
  --datatable-filter-menu-column-filters-header-gap: 0.5rem;
  --datatable-filter-menu-column-filters-header-label-font-size: 1rem;
  --datatable-filter-menu-column-filters-header-label-font-weight: 700;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-padding: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-header-delete-filter-button-container-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-header-delete-filter-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-filter-condition-container-width: 8rem;
  --datatable-filter-menu-column-filters-rules-container-padding: 0.5rem 0;
  --datatable-filter-menu-column-filters-rules-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-operator-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-width: 12.5rem;
  --datatable-filter-menu-column-filters-rule-value-container-gap: 0.5rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-padding: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-border-radius: 0.25rem;
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-colour: var(
    --red-colour
  );
  --datatable-filter-menu-column-filters-rule-delete-filter-rule-button-icon-font-size: 1rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-font-colour: var(
    --white
  );
  --datatable-filter-menu-column-filters-add-filter-rule-button-gap: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-padding: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-border-radius: 0.5rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-size: 0.75rem;
  --datatable-filter-menu-column-filters-add-filter-rule-button-label-font-weight: 700;
  --datatable-filter-menu-add-filter-container-padding: 0.5rem 0;
  --datatable-filter-menu-add-filter-container-gap: 0.5rem;
  --datatable-filter-menu-add-filter-label-font-weight: 700;
  --datatable-filter-menu-footer-padding: 0.5rem 0;
  --datatable-filter-menu-footer-gap: 0.5rem;
  --datatable-filter-menu-footer-button-height: 2.5rem;
  --datatable-filter-menu-footer-button-width: 6.25rem;
  --datatable-filter-menu-footer-button-border-radius: 0.5rem;
  --datatable-filter-menu-footer-button-font-size: 0.625rem;
  --datatable-filter-menu-footer-button-font-weight: 700;
  --datatable-filter-menu-footer-apply-button-background-colour: var(
    --primary-colour
  );
  --datatable-filter-menu-footer-apply-button-border: var(--primary-colour);
  --datatable-filter-menu-footer-apply-button-font-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-background-colour: var(--white);
  --datatable-filter-menu-footer-clear-button-border: 1px solid
    var(--red-colour);
  --datatable-filter-menu-footer-clear-button-font-colour: var(--red-colour);
  --datatable-filter-menu-field-border-radius: 0.5rem;
  --datatable-filter-menu-field-border: 1px solid var(--light-light-colour);
  --datatable-filter-menu-field-text-font-size: 0.75rem;
  --datatable-filter-menu-field-text-font-colour: var(--dark-lightest-colour);
  --datatable-container-padding: 1.5rem;
  --datatable-container-background-colour: var(--white);
  --datatable-container-border-radius: 0.5rem;
  --datatable-header-border-radius: 0.25rem;
  --datatable-header-background-colour: var(--light-lightest-colour);
  --datatable-header-max-height: 56px;
  --datatable-header-cell-padding: 0.5rem;
  --datatable-header-cell-content-gap: 0.25rem;
  --datatable-header-cell-content-font-colour: var(--dark-dark-colour);
  --datatable-header-cell-sort-background-colour: var(--primary-colour);
  --datatable-header-cell-sort-font-colour: var(--white);
  --datatable-header-cell-content-sort-index-font-size: 0.75rem;
  --datatable-header-cell-label-font-size: 0.75rem;
  --datatable-header-cell-label-font-weight: 600;
  --datatable-header-cell-label-line-height: 0.75rem;
  --datatable-header-cell-label-number-of-lines: 3;
  --datatable-body-row-border-radius: 0.25rem;
  --datatable-body-row-alternate-background-colour: var(--grey-100);
  --datatable-body-row-gap: 1rem;
  --datatable-body-row-min-height: 64px;
  --datatable-body-cell-padding: 23px 0.5rem;
  --datatable-body-cell-font-size: 0.75rem;
  --datatable-row-selection-column-width: 40px;
  --datatable-row-selection-header-padding: 0.25rem;
  --datatable-row-selection-padding: 22px 0.5rem;
  --datatable-row-expansion-column-width: 60px;
  --datatable-row-expansion-header-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-gap: 0.25rem;
  --datatable-row-expansion-header-buttons-padding: 0.25rem;
  --datatable-row-expansion-header-buttons-border-radius: 0.25rem;
  --datatable-row-expansion-header-buttons-hover-background-colour: var(
    --light-lighter-colour
  );
  --datatable-row-expansion-size: 32px;
  --datatable-row-expansion-padding: 16px 0.5rem;
  --datatable-row-expansion-border-radius: calc(
    var(--datatable-row-expansion-size) / 2
  );
  --datatable-row-expansion-background-colour: var(--primary-colour);
  --datatable-row-expansion-transition: all 0.1s linear;
  --datatable-row-expansion-chevron-icon-colour: var(--white);
  --datatable-row-expansion-chevron-icon-font-size: 10px;
  --datatable-row-expansion-chevron-icon-margin: 0 -1px;
  --datatable-paginator-padding: 0.5rem 0 0 0;
  /* Paginator Variables */
  --paginator-gap: 0.5rem;
  --paginator-items-per-page-container-gap: 0.5rem;
  --paginator-items-per-page-label-font-size: 0.75rem;
  --paginator-current-items-label-font-size: 0.75rem;
  --paginator-current-items-label-min-width: 6rem;
  --paginator-navigation-container-gap: 0.5rem;
  --paginator-navigation-button-background-colour: transparent;
  --paginator-navigation-button-border: none;
  --paginator-navigation-button-border-radius: 0.5rem;
  --paginator-navigation-button-min-height: 1.5rem;
  --paginator-navigation-button-min-width: 1.5rem;
  --paginator-navigation-button-padding: 0.25rem;
  --paginator-navigation-button-hover-background-colour: var(
    --light-lightest-colour
  );
  --paginator-navigation-button-selected-page-background-colour: var(
    --primary-colour
  );
  --paginator-navigation-button-selected-page-font-colour: var(--white);
  --paginator-navigation-icon-font-size: 1.25rem;
  --paginator-navigation-icon-colour: var(--dark-lightest-colour);
  --paginator-navigation-icon-disabled-colour: var(--light-lighter-colour);
  --paginator-field-border-radius: 0.5rem;
  --paginator-field-border: 1px solid var(--light-light-colour);
  --paginator-field-text-font-size: 0.75rem;
  --paginator-field-text-font-colour: var(--dark-lightest-colour);
}
.screen-container[data-v-7ba5bd90] {
  font-family: "Poppins";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 100vh;
}
.screen-container .main-view-container[data-v-7ba5bd90] {
  overflow-y: auto;
  flex-grow: 1;
  height: calc(100vh - 3.25rem);
}
.screen-container .body-container[data-v-7ba5bd90] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.screen-container .body-container .left-pane-container[data-v-7ba5bd90] {
  position: fixed;
  width: 300px;
  height: calc(100vh - 3.25rem);
  overflow-y: auto;
}