@import 'scrollbar.css';
@import 'alert.css';
@import 'datalist.css';
@import 'dashboard.css';
@import 'login.css';
@import 'modal.css';
@import 'navbar.css';
@import 'transition.css';
@import 'certificate.css';
@import 'changes.css';
@import 'issue.css';
@import 'subscription.css';
@import 'technology.css';
@import 'ossf.css';
@import 'dropzone.css';
@import 'notification.css';
@import 'tag.css';
@import 'layout.css';
@import 'site.css';
@import 'domain.css';

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter.v20.UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0I5nvwU.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Typography */
  --font-family: Inter, sans-serif;
  --font-charts: Inter;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */

  /* Spacing */
  --font-size-highlight: 1rem;
  --font-size-normal: 1rem;
  --line-height-highlight: 1.5rem;
  --line-height-normal: 1.25rem;
  --x-3: 0.75rem;

  --sidebar-width: 450px;
  --sidebar-zindex: 1110;
  --sidebar-offset-1-width: 500px;
  --sidebar-offset-1-zindex: 1100;
  --sidebar-width-lg: 800px;

  /* Colors */
  color-scheme: light dark;

  --blue-008: #008;
  --blue-oil-transparent: #0f7d9799; /* 2 */
  --blue-oil: #0F7D97; /* 22 */
  --blue-white: #F8F8FF; /* 20 */

  --color-bg: #EEE;
  --color-block-danger-bg: var(--very-light-pink);
  --color-block-danger-text: #800;

  --color-000000: #000000;
  --color-008d52: #008D52;
  --color-009959: #009959;
  --color-00a660: #00A660;
  --color-00b368: #00B368;
  --color-00c06f: #00C06F;
  --color-00c659: #00C659;
  --color-00d97e: #00D97E;
  --color-010204: #010204;
  --color-0161c3: #0161C3;
  --color-040404: #040404;
  --color-04080d: #04080D;
  --color-06533d: #06533D;
  --color-070e17: #070E17;
  --color-098360: #098360;
  --color-0a1421: #0A1421;
  --color-0c1a2b: #0C1A2B;
  --color-0dff9a: #0DFF9A;
  --color-0f7d9785: #0F7D9785;
  --color-12263f: #12263F;
  --color-152563: #152563;
  --color-1657af: #1657AF;
  --color-173b6b: #173B6B;
  --color-182536: #182536;
  --color-1862c6: #1862C6;
  --color-188c0f: #188C0F;
  --color-1b4e63: #1B4E63;
  --color-1b6edc: #1B6EDC;
  --color-205295: #205295;
  --color-247f9a: #247F9A;
  --color-257333: #257333;
  --color-266d8b: #266D8B;
  --color-2688a4: #2688A4;
  --color-283e59: #283E59;
  --color-2991ae: #2991AE;
  --color-2b8bd2: #2B8BD2;
  --color-2b99b9: #2B99B9;
  --color-2c7be5: #2C7BE5;
  --color-2da2c3: #2DA2C3;
  --color-2f3e53: #2F3E53;
  --color-30afd1: #30AFD1;
  --color-313168: #313168;
  --color-31af69: #31AF69;
  --color-337bd6: #337BD6;
  --color-337fd0: #337FD0;
  --color-34b722: #34B722;
  --color-39afd1: #39AFD1;
  --color-3a944f: #3A944F;
  --color-3aB8d7: #3AB8D7;
  --color-425773: #425773;
  --color-44bedc: #44BEDC;
  --color-46c7e6: #46C7E6;
  --color-4c5f78: #4C5F78;
  --color-4e0a79: #4E0A79;
  --color-566b88: #566B88;
  --color-5b2135: #5B2135;
  --color-5c97a5: #5C97A5;
  --color-607797: #607797;
  --color-636471: #636471;
  --color-63d5f085: #63D5F085;
  --color-6464a4: #6464A4;
  --color-660000: #660000;
  --color-665a31: #665A31;
  --color-67e02a: #67E02A;
  --color-697688: #697688;
  --color-6b6b6a: #6B6B6A;
  --color-6e84a3: #6E84A3;
  --color-716e6e: #716E6E;
  --color-717d8c: #717D8C;
  --color-735201: #735201;
  --color-790bca: #790BCA;
  --color-7929b5: #7929B5;
  --color-7aebbc: #7AEBBC;
  --color-7b3c7f: #7B3C7F;
  --color-802f4b: #802F4B;
  --color-823d00: #823D00;
  --color-827d78: #827D78;
  --color-845050: #845050;
  --color-8490a0: #8490A0;
  --color-850f92: #850F92;
  --color-86c7e6: #86C7E6;
  --color-897841: #897841;
  --color-8c2525: #8C2525;
  --color-8d97a3: #8D97A3;
  --color-8e0c24: #8E0C24;
  --color-90dcef: #90DCEF;
  --color-91baf1: #91BAF1;
  --color-93049c: #93049C;
  --color-93049c00: #93049C00;
  --color-93049c4a: #93049C4A;
  --color-930bb3: #930BB3;
  --color-937092: #937092;
  --color-939597: #939597;
  --color-94320e: #94320E;
  --color-94aece: #94AECE;
  --color-94bd90: #94BD90;
  --color-94c394: #94C394;
  --color-953f9a: #953F9A;
  --color-95aac9: #95aac9;
  --color-967bc1: #967BC1;
  --color-971c95: #971C95;
  --color-98d5e7: #98D5E7;
  --color-9953d6: #9953D6;
  --color-9c27b0: #9C27B0;
  --color-9c27b005: #9C27B005;
  --color-9c480a: #9C480A;
  --color-9c9c9c: #9C9C9C;
  --color-a1b3ca: #A1B3CA;
  --color-a2f1d0: #A2F1D0;
  --color-a5a5a5: #A5A5A5;
  --color-a629bb: #A629BB;
  --color-a629bbad: #A629BBAD;
  --color-a74c5c: #A74C5C;
  --color-a8d2ff: #A8D2FF;
  --color-a8d4d8: #A8D4D8;
  --color-a90707: #A90707;
  --color-aaa: #AAA; /* 8 */
  --color-aadbb6: #AADBB6;
  --color-ac2525: #AC2525;
  --color-action-inner: #6176b6;
  --color-ad22a1: #AD22A1;
  --color-ad5b16: #AD5B16;
  --color-ad7f4f: #AD7F4F;
  --color-adccf5: #ADCCF5;
  --color-afb5be: #AFB5BE;
  --color-b10000: #b10000;
  --color-b1c2d9: #b1c2d9;
  --color-b3e1ed: #B3E1ED;
  --color-b4bfcf: #B4BFCF;
  --color-b4c9e6: #B4C9E6;
  --color-b8f4db: #B8F4DB;
  --color-b91735: #B91735;
  --color-dc3545: #dc3545;
  --color-badge-bg: #9c27b0; /* 3 */
  --color-bbb: #BBB; /* 5 */
  --color-bbd0c5: #BBD0C5;
  --color-bd08ca: #BD08CA;
  --color-bdc2c9: #BDC2C9;
  --color-bdcfe9: #BDCFE9;
  --color-body-bg: #F8F8F8; /* 1 */
  --color-body-text: #5d5d5d; /* 1 */
  --color-border-danger: #ea306575; /* 2 */
  --color-box-shadow: #ddddd9; /* 4 */
  --color-c2c7ce: #C2C7CE;
  --color-c37e00: #C37E00;
  --color-c3c3c3: #C3C3C3;
  --color-c4daf8: #C4DAF8;
  --color-c51938: #C51938;
  --color-c6d0db: #C6D0DB;
  --color-c7d6ec: #C7D6EC;
  --color-c8e9f2: #C8E9F2;
  --color-cbdef9: #CBDEF9;
  --color-cc092c: #cc092c;
  --color-cddeff: #CDDEFF;
  --color-ce0606: #CE0606;
  --color-ce7806: #CE7806;
  --color-d018e6: #D018E6;
  --color-d01a3b: #D01A3B;
  --color-d0ddef: #D0DDEF;
  --color-d2ddec: #D2DDEC;
  --color-d695ea: #D695EA;
  --color-d6dde5: #D6DDE5;
  --color-d88c00: #D88C00;
  --color-d9d9d9: #D9D9D9;
  --color-dae4f3: #DAE4F3;
  --color-date-far: #0fa50f; /* 1 */
  --color-date-future: #92b992; /* 2 */
  --color-date-past: #800; /* 1 */
  --color-date-upcoming: #bb8013; /* 2 */
  --color-db1b3f: #DB1B3F;
  --color-dd5809: #DD5809;
  --color-ddb209: #DDB209;
  --color-ddd: #DDDDDD; /* 18 */
  --color-dee2e6: #DEE2E6;
  --color-dfdfdf: #DFDFDF;
  --color-e0c085: #E0C085;
  --color-e1ab09: #E1AB09;
  --color-e2a40b: #E2A40B;
  --color-e32044: #E32044;
  --color-e3ebf6: #E3EBF6;
  --color-e4acac: #E4ACAC;
  --color-e63757: #E63757;
  --color-e69137: #E69137;
  --color-e6d2a1: #E6D2A1;
  --color-e8ecf6: #E8ECF6;
  --color-eab2b2: #EAB2B2;
  --color-ead08d: #EAD08D;
  --color-ec0505: #EC0505;
  --color-ec3254: #EC3254;
  --color-ec647d: #EC647D;
  --color-ec8932: #EC8932;
  --color-ececec: #ECECEC;
  --color-eead0b: #EEAD0B;
  --color-eee: #EEE; /* 27 */
  --color-f297a8: #F297A8;
  --color-f2efde: #F2EFDE;
  --color-f2f2f2: #F2F2F2;
  --color-f4b312: #F4B312;
  --color-f4b71e: #F4B71E;
  --color-f5b0bd: #F5B0BD;
  --color-f5bb2b: #F5BB2B;
  --color-f5e3b7: #F5E3B7;
  --color-f6c343: #F6C343;
  --color-f8c7d0: #F8C7D0;
  --color-f9fbfd: #F9FBFD;
  --color-fae09d: #FAE09D;
  --color-fafbfd: #FAFBFD;
  --color-fbe6b2: #FBE6B2;
  --color-fceeca: #FCEECA;
  --color-fcf7fd: #FCF7FD;
  --color-fcf8e3: #FCF8E3;
  --color-fd7e14: #FD7E14;
  --color-feature-disabled: #b38686;
  --color-ffc107: #FFC107;
  --color-ff00001c: #ff00001c;
  --color-heading-border: #e9e9ea;
  --color-hilight: #9c27b0;
  --color-latest: #0fa50f;
  --color-link-hover: #850f92;
  --color-link-muted: #6c757d;
  --color-nav-docs-hover: #F4F4F4;
  --color-nav-docs: var(--violet-blue);
  --color-nav-link: var(--gray-brownish);
  --color-ossf-level-1: #F4BD0C;
  --color-ossf-level-2: #F7860F;
  --color-ossf-level-3: #DF2A19;
  --color-ossf-level-4: #960003;
  --color-outdated: #bb8013;
  --color-page-body-bg: #f8f8f8;
  --color-rating-a: #00BA00;
  --color-rating-b: #FFBB00;
  --color-rating-c: #FF9301;
  --color-rating-d: #FF3E1F;
  --color-rating-e: #FF014F;
  --color-rating-f: #C20000;
  --color-secondary: #6E84A3;
  --color-spinner-border: #9086c1;
  --color-subscription-link-hover: #9591a7;
  --color-subscription-link: #bcbcbd;
  --color-success-med: #080;
  --color-switch-disabled: #BAC0C8;
  --color-switch-knob-disabled: #D5D5D7;
  --color-text-warning: #DD751A;
  --color-text-highlight: #953f9a;
  --color-uptodate: #92b992;
  --color-version-separator: #EEE;
  --color-warning: #886409;
  --color-widget-bg-blue-border: #2196f3;
  --color-widget-bg-blue: #4e73df;
  --color-widget-bg-green-border: #4caf50;
  --color-widget-bg-green: #257333;
  --color-widget-bg-orange-border: #FF9800;
  --color-widget-bg-orange: #de8700;
  --color-widget-bg-red-border: #e91e63;
  --color-widget-bg-red: #900000;
  --color-widget-gray-light: #F8F8FF54;
  --disabled: #E4E4E4;
  --electric-purple: #c218e5;
  --gray-222: #222222;
  --gray-444: #444444;
  --gray-666: #666666;
  --gray-777: #777777;
  --gray-999: #999999;
  --gray-ccc: #CCCCCC;
  --gray-brownish: #5d5d5d;
  --gray-dark: #3B506C;
  --grey-darker: #313B50;
  --gray-med: #E6E6E6;
  --gray-plain: #888;
  --gray: #95AAC9;
  --ossf-bg-color: var(--color-f9f9f9);
  --ossf-color-black-10: rgba(0, 0, 0, 0.1);
  --ossf-color-black-5: rgba(0, 0, 0, 0.05);
  --ossf-color-font: #38383f;
  --ossf-color-gray: rgba(0, 0, 0, 0.05);
  --ossf-color-green: #90be6d;
  --ossf-color-orange: #f8961e;
  --ossf-color-primary: #2a0552;
  --ossf-color-red: #f94144;
  --ossf-color-secondary: #f0a;
  --ossf-color-bg: #fff;
  --ossf-color-yellow: #f9c74f;
  --ossf-default-border: #dee2e6;
  --ossf-muted: #6c757d;
  --purple-dark: #612777;
  --purple-highlight: #a129ce;
  --purple-hover: #f4e9f9;
  --purple: #6b5eae;
  --red-a00: #A00;
  --red-dark: #800;
  --red: #E63757;
  --sky-blue: #3ab8d7;
  --success: #00D97E;
  --teal: #02a8b5;
  --very-light-pink: #fdf4ff;
  --violet-blue: #5913d2;
  --warning-dark: #bd8b0d;
  --warning: #F6C343;
  --warning-bg: #F6C34320;
  --white-cream: #F4F4F4;
  --white-fc: #FCFCFC;
  --white-fff: #FFFFFF;
  --white-highlight: #f9ecfb;
  --white: #F8F8F8;
  --white-secondary: #F4F4F4;

  --color-low: var(--color-00a660);
  --color-medium: var(--color-ffc107);
  --color-high: var(--color-ec8932);
  --color-critical: var(--color-b10000);

  --color-shadow: var(--color-ddd);
  --color-secondary: #6E84A3;
  --color-breadcrumb: var(--gray-plain);

  --color-page-header: #fff;
  --color-page-header-shadow: var(--gray-ccc);
  --color-page-separator: #9c27b0;

  --color-bar-bg: #fbfbfb; /* 3 */
  --color-bar-border: #F1F1F1;
  --color-bar-shadow: var(--color-eee);

  --color-dropzone-outer: #F4F4F4;
  --color-widget-heading: var(--color-body-text);

  /* --color-form-block: var(--color-nav-toggler-hover); */
  --color-form-block-bg: var(--color-input-disabled-bg);
  --color-form-block-header-bg: #edf2f9;

  --color-divider: var(--color-eee);
  --color-nav-divider: var(--color-eee);
  --color-nav-toggler: var(--gray-ccc);
  --color-nav-toggler-hover: var(--purple);
  --color-nav-toggler-hover-bg: var(--purple-hover);

  --color-nav-link-hover: var(--color-hilight);
  --color-nav-link-hover-bg: var(--purple-hover);
  --color-nav-link-active: var(--violet-blue);
  --color-nav-link-active-bg: #c218e50c;

  --color-progress-bg: var(--white-secondary);

  --color-td-highlight: var(--purple);
  --color-td-highlight-bg: var(--very-light-pink);

  /*
  --color-block-responses:;
  */
  --color-block-responses-bg: var(--white-fff);
  --color-block-responses-border: var(--white-cream);
  --color-block-responses-link: var(--blue-008);

  --color-datalist-highlighted-row: beige;

  --color-input: var(--color-12263f);
  --color-summary-input: #333;

  --color-input-bg: white;
  --color-input-invalid-bg: white;
  --color-input-border: var(--color-d2ddec);
  --color-input-placeholder: var(--color-b1c2d9);
  --color-input-spinner: #b947db transparent transparent;
  --color-input-spinner-knob: #b947db transparent transparent;
  --color-input-disabled: #152563;
  --color-input-disabled-bg: #f3f3f3;
  --color-input-active: green;
  --color-input-active-bg: #e3f9eb;
  --color-input-inactive: var(--color-a74c5c);
  --color-input-inactive-bg: #f5e8d8;
  --color-input-idle: var(--color-ad5b16);
  --color-input-idle-bg: #f1eac7;
  --color-input-success-border: #00d97e;
  --color-input-success-bg: #f8fdfb;
  --color-input-danger: var(--color-a74c5c);
  --color-input-danger-bg: #f5e8d8;
  --color-input-pending: var(--violet-blue);
  --color-input-pending-bg: #c218e519;
  --color-input-info: var(--color-2b8bd2);
  --color-input-info-bg: aliceblue;
  --color-input-aborted: var(--gray-222);
  --color-input-aborted-bg: var(--color-ddd);

  --color-label: #4d6f96;

  --color-alert: var(--color-input);
  --color-alert-bg: var(--color-page-body-bg);

  --color-search-icon: var(--color-ddd);
  --color-search-border: var(--white-cream);
  --color-search-hover: var(--color-12263f);
  --color-search-hover-border: var(--color-3aB8d7);

  --color-search-result: rgb(63, 66, 80);
  --color-search-result-secondary: rgb(114, 118, 131);
  --color-search-result-icon: var(--purple);
  --color-search-result-icon-bg: var(--purple-hover);
  --color-search-result-icon-hover: var(--purple);
  --color-search-result-icon-hover-bg: #e6caf2;

  --color-select-option: #35495e;
  --color-select-option-selected: #35495e;
  --color-select-option-selected-bg: #f3f3f3;
  --color-select-option-bg: var(--white-fff);
  --color-select-option-active: var(--white-fff);
  --color-select-option-active-bg: #b947db;

  --color-grid-line: var(--color-nav-divider);

  --color-status-none-bg: #F0F0F0;
  --color-status-checking-bg: #ECECEC;
  --color-status-ready-bg: #9dccb2;
  --color-status-queued-bg: var(--color-95aac9);
  --color-status-pending-bg: #5913d2;
  --color-status-running-bg: var(--color-2c7be5);
  --color-status-aborted-bg: #a5a5a5;
  --color-status-not-set-bg: #a5a5a5;
  --color-status-error-bg: #E63757;
  --color-status-warning-bg: #DD751A;
  --color-status-done-bg: #31af69;
  --color-status-revoked-bg: var(--red-dark);

  --color-tooltip: var(--gray-444);
  --color-tooltip-bg: var(--blue-white);
  --color-tooltip-border: var(--gray-med);
  --color-tooltip-shadow: var(--color-eee);

  --color-tab: var(--color-937092);
  --color-tab-bg: #fbf2ff;
  --color-tab-border: var(--gray-ccc);
  --color-tab-border-bottom: var(--white);
  --color-tab-active: var(--color-page-separator);
  --color-tab-active-border: var(--color-page-separator);
  --color-tab-active-bg: var(--white);
  --color-tab-active-shadow: var(--gray-plain);

  --color-tab-inner: var(--gray-brownish);
  /*
  --color-tab-inner-bg: ;
   */
  --color-tab-inner-border: var(--white-highlight);
  --color-tab-inner-border-bottom: var(--color-e3ebf6);
  --color-tab-inner-active: var(--color-930bb3);
  --color-tab-inner-active-bg: #fef3ff;
  --color-tab-inner-active-hover: var(--color-930bb3);

  --color-table-body-bg: var(--white-fff);

  --color-techno-backport: #734D08;
  --color-techno-backport-bg: var(--color-form-block-header-bg);
  --color-techno-backport-border: var(--color-d88c00);

  --color-techno-unsafe: #f4dea5;

  --color-response-code-success: var(--color-success-med);
  --color-response-code-success-bg: #ebffe7;
  --color-response-code-success-border: var(--color-success-med);

  --color-response-code-redirection: var(--color-0161c3);
  --color-response-code-redirection-bg: #d4f1ff;
  --color-response-code-redirection-border: var(--color-337bd6);

  --color-response-code-warning: var(--color-d88c00);
  --color-response-code-warning-bg: #fff8e7;
  --color-response-code-warning-border: var(--color-d88c00);

  --color-response-code-error: var(--red-dark);
  --color-response-code-error-bg: #ffebe7;
  --color-response-code-error-border: var(--red-dark);

  --color-card-bg: var(--white-fff);
  --color-card-border: var(--white-secondary);
  --color-card-shadow: var(--color-ddd);
  --color-card-header: var(--color-7b3c7f);
  --color-card-header-bg: #e6dae7;

  --color-checkbox-bg: var(--color-e3ebf6);

  --color-column-selection: var(--purple);
  --color-column-selection-bg: var(--color-fcf7fd);
  --color-column-selection-border: var(--very-light-pink);
  --color-column-selection-active-bg: var(--purple-hover);
  --color-column-selection-remove: var(--white-fff);
  --color-column-selection-remove-bg: #50004c;

  --color-widget-text: var(--gray-444);
  --color-widget-heading-border: var(--white-fff);
  --color-widget-action-hover-bg: #ececec;

  --color-dropdown: var(--color-6e84a3);
  --color-dropdown-bg: var(--white-fff);
  --color-dropdown-border: #F4F4F4;
  --color-dropdown-item: var(--color-12263f);
  /* --color-widget-action-ddown-border: var(--color-eee); */
  --color-dropdown-heading: var(--gray-444);
  --color-dropdown-shadow: var(--gray-ccc);
  --color-dropdown-hover-bg: #F3F3F3;
  --color-dropdown-hover: #6b3ca0;
  --color-dropdown-link: var(--color-ddd);

  --color-datalist-header: var(--very-light-pink);
  --color-datalist-row: var(--gray-brownish);
  --color-datalist-row-hover: var(--color-850f92);
  --color-datalist-row-hover-bg: #9c27b00a;
  --color-datalist-total: var(--color-967bc1);
  --color-datalist-pagination: var(--color-9953d6);
  --color-datalist-border-inner: var(--white-secondary);
  --color-datalist-action-hover: var(--electric-purple);
  --color-datalist-selected: var(--white-fff);
  --color-datalist-selected-border: var(--violet-blue);
  --color-datalist-selected-bg: var(--violet-blue);
  --color-datalist-selected-cnt: var(--color-d695ea);
  --color-datalist-select-all: var(--gray-ccc);
  --color-datalist-select-all-hover: var(--color-bbb);
  --color-datalist-checkbox-all-bg: var(--color-e3ebf6);
  --color-datalist-search-focus-border: var(--white-cream);
  --color-datalist-tab-badge: var(--color-aaa);
  --color-datalist-tab-active-badge: var(--electric-purple);
  --color-datalist-quick-action-header-bg: var(--very-light-pink);
  --color-datalist-quick-action-bg: var(--very-white-fff);
  --color-datalist-quick-action-hover: var(--purple-highlight);
  --color-datalist-quick-action-hover-bg: var(--purple-hover);
  --color-datalist-active-bg: aliceblue;

  --color-select-menu: var(--color-95aac9);
  --color-select-menu-bg: var(--color-page-body-bg);
  --color-select-menu-border: var(--color-bar-border);
  --color-select-menu-shadow: var(--color-card-shadow);

  --color-tag: #5d5d5d;
  --color-tag-border: #e2e0ed;
  --color-tag-purple-dark: #281182ad;
  --color-tag-purple: #673ab7;
  --color-tag-bg: #fcf5fe;
  --color-tag-bg-hover: var(--color-input-bg);
  --color-tag-remove: var(--color-tag-purple);
  --color-tag-remove-hover: var(--white);
  --color-tag-remove-hover-bg: #57369a;

  --color-btn-shadow: var(--color-ddd);
  --color-btn-more-bg-hover: #54679f;
  --color-btn-more-bg: #6176b6;
  --color-button: var(--white-fff);
  --color-button-hover: var(--white-fff);
  --color-button-hint: #D7D2D2; /* 1 */

  --color-btn-info: var(--white-fff);
  --color-btn-info-bg: var(--color-30afd1);
  --color-btn-info-border: var(--color-30afd1);

  --color-btn-primary-bg: var(--blue-oil);
  --color-btn-primary-border: var(--blue-oil);
  --color-btn-primary-hover: var(--color-button-hover);
  --color-btn-primary-hover-bg: #0d758e;
  --color-btn-primary-hover-border: var(--blue-oil);

  --color-btn-secondary: var(--white-fff);
  --color-btn-secondary-bg: var(--sky-blue);
  --color-btn-secondary-border: var(--sky-blue);
  --color-btn-secondary-hover: #FFF;
  --color-btn-secondary-hover-bg: #44bedc;
  --color-btn-secondary-hover-border: #46c7e6;

  --color-btn-cancel: #283E59;
  --color-btn-cancel-bg: var(--white-fff);
  --color-btn-cancel-border: #E3EBF6;
  --color-btn-cancel-hover-bg: #F9FBFD;
  --color-btn-cancel-hover-border: #D2DDEC;

  --color-text-waiting: var(--purple);
  --color-login-text: var(--color-text-muted);
  --color-attr-value: #5d5d5d;
  --color-text-guide-highlight: var(--color-input-disabled);

  --color-modal-heading: var(--white-fff);
  --color-modal-heading-bg: var(--purple-dark);
  --color-modal-heading-border: var(--color-e3ebf6);
  --color-modal-mask: var(--color-12263f);
  --color-modal-body-bg: var((--white-fff));
  --color-modal-footer-bg: var(--white-fff);
  --color-modal-footer-border: var(--color-e3ebf6);
  --color-modal-body-label: var(--color-attribute-value);

  --color-hint: var(--color-text-muted);
  --color-hint-bg: white;
  --color-hint-border: var(--white-cream);
  --color-hint-rating-bg: var(--blue-white);

  --color-hint-heading: var(--gray-brownish);
  --color-hint-heading-border: var(--color-heading-border);

  --color-hint-warning: var(--color-735201);
  --color-hint-warning-bg: var(--warning);

  --color-hint-danger: var(--gray-dark);
  --color-hint-danger-bg: var(--white-fff);
  --color-hint-danger-border: var(--color-ff00001c);

  --color-hint-input-disabled-bg: #F6F6F6;

  --color-scroll-inner: #DDDDDD;
  --color-scroll-outer: #F4F4F4;

  --color-screenshot-bg: var(--white-fff);
  --color-screenshot-border: var(--gray-ccc);

  --color-kbd: var(--color-a5a5a5);
  --color-kbd-bg: rgb(249, 249, 250);

  --color-notification-block-bg: white;
  --color-notification-contents: #92969D;
  --color-notification-title: #5D6068;
  --color-notification-date: var(--gray);

  --color-hint-text: var(--gray-brownish);

  --color-sub-heading: var(--gray-444);
  --color-text-disabled: var(--color-bbb);
  --color-text-muted: var(--color-95aac9);

  --color-cert-single: var(--color-30afd1);
  --color-cert-multi: var(--blue-oil);
  --color-cert-wildcard: var(--purple-dark);
}

[color-mode=light] {
  color-scheme: light;
}

[color-mode=light] .logo.theme-light {
  display: block;
  }

[color-mode=light] .logo.theme-dark {
  display: none;
  }

[color-mode=dark] .logo.theme-light {
  display: none;
  }

[color-mode=dark] .logo.login.theme-dark {
  margin-top: 50px;
  margin-bottom: 50px;
  }

[color-mode=dark] {
  color-scheme: dark;

  --color-breadcrumb: #679FA7;
  --color-date-past: var(--red-dark);

  --ossf-color-bg: var(--color-nav-link-hover-bg);
  --ossf-color-font: var(--color-input-disabled);
  --ossf-default-border: transparent;

  --color-block-danger-bg: var(--color-nav-link);
  --color-block-danger-text: var(--color-text-disabled);

  --color-medium: #B68800;
  --color-high: #B65301;
  --color-critical: #830000;

  --color-bg: #021D21;
  --color-body-bg: #042B30;
  --color-body-text: #F4F4F4;
  --grey-darker: #A4AEC4;

  --color-sub-heading: var(--color-nav-docs-hover);

  --color-td-highlight: var(--color-text-highlight);
  --color-td-highlight-bg: var(--color-body-bg);

  --color-progress-bg: var(--color-page-header);

  --color-block-responses: var(--color-text-disabled);
  --color-block-responses-bg: var(--color-input-disabled-bg);
  --color-block-responses-border: transparent;
  --color-block-responses-link: var(--color-nav-link);

  --color-response-code-success: var(--color-success-med);
  --color-response-code-success-bg: var(--color-input-bg);
  --color-response-code-success-border: var(--color-success-med);

  --color-response-code-redirection: var(--color-0161c3);
  --color-response-code-redirection-bg: var(--color-input-bg);
  --color-response-code-redirection-border: var(--color-337bd6);

  --color-response-code-warning: var(--color-d88c00);
  --color-response-code-warning-bg: var(--color-input-bg);
  --color-response-code-warning-border: var(--color-d88c00);

  --color-response-code-error: var(--red-dark);
  --color-response-code-error-bg: var(--color-input-bg);
  --color-response-code-error-border: var(--red-dark);

  --color-page-header: #1C3840;
  --color-page-header-shadow: var(--color-page-body-bg);
  --color-page-body-bg: #021D21;
  --color-page-separator: var(--color-95aac9);

  --color-border-danger: #f51c5a4a;
  --color-button: #FFF;
  --color-button-hover: #F4F4F4;

  --color-column-selection: var(--color-text-muted);
  --color-column-selection-bg: #678C84;
  --color-column-selection-border: var(--color-input-border);
  --color-column-selection-active: var(--color-input-hover-border);
  --color-column-selection-active-bg: var(--color-nav-link);
  --color-column-selection-remove: var(--white-fff);
  --color-column-selection-remove-bg: var(--color-nav-link-active-bg);

  --color-datalist-highlighted-row: #1E392F;

  --color-dropzone-outer: var(--color-bar-shadow);

  --color-techno-backport: var(--color-input-idle);
  --color-techno-backport-bg: var(--color-input-disabled-bg);
  --color-techno-backport-border: #62340d;

  --color-techno-unsafe: #f4dea5;

  --color-input: #E1E3E9;
  --color-summary-input: #E1E3E9;

  --color-input-bg: #1D2E30;
  --color-input-border: #1B5D66;
  --color-input-hover: #E1E3E9;
  --color-input-hover-bg: var(--color-input-bg);
  --color-input-hover-border: #1B5D66;
  --color-input-disabled: #babcbf;
  --color-input-disabled-bg: #09282C;
  --color-input-invalid: #D98286;
  --color-input-invalid-bg: #1D2E30;
  --color-input-placeholder: var(--color-b1c2d9);
  --color-input-spinner: var(--color-text-muted) transparent transparent;
  --color-input-active: #20ab53;
  --color-input-active-bg: #093419;
  --color-input-inactive: var(--red);
  --color-input-inactive-bg: #41111A;
  --color-input-idle: #e88734;
  --color-input-idle-bg: #594821;
  --color-input-success-bg: var(--color-input-bg);
  --color-input-success-border: #20ab53;
  --color-input-danger: #f38600;
  --color-input-danger-bg: #501E00;
  --color-input-pending: #b19bd9;
  --color-input-pending-bg: #c218e519;
  --color-input-info: var(--color-status-ready-bg);
  --color-input-info-bg: var(--color-input-active-bg);
  --color-input-aborted: #868686;
  --color-input-aborted-bg: var(--color-ddd);

  --color-hint-text: var(--color-text-muted);
  --color-hint-input-disabled-bg: var(--color-input-disabled-bg);
  --color-hint-rating-bg: var(--color-input-disabled-bg);

  --color-hint-warning: var(--warning);
  --color-hint-warning-bg: var(--warning);

  --color-search-icon: var(--color-input-text);
  --color-search-border: var(--color-input-border);
  --color-search-hover: var(--color-input-hover);
  --color-search-hover-border: var(--color-input-hover-border);

  --color-text-waiting: var(--color-input-placeholder);
  --color-text-muted: var(--color-95aac9);
  --color-shadow: var(--color-page-body-bg);
  --color-text-guide-highlight: #9ccbbe;
  --color-text-highlight: #9ccbbe;

  --color-kbd: var(--color-input-placeholder);
  --color-kbd-bg: var(--color-input-border);

  --color-label: var(--color-body-text);

  --color-grid-line: var(--color-widget-heading-border);

  --color-notification-block-bg: var(--color-nav-link-hover-bg);
  --color-notification-date: var(--color-page-separator);
  --color-notification-text: #DDDDDD;

  --color-alert: var(--color-input);
  --color-alert-bg: var(--color-bar-shadow);

  --color-bar-bg: #042B30;
  --color-bar-border: var(--color-input-border);
  --color-bar-shadow: var(--color-nav-divider);

  --color-tab: var(--color-95aac9);
  --color-tab-bg: #2D555A;
  --color-tab-border: var(--color-95aac9);
  --color-tab-border-bottom: var(--white);
  --color-tab-active: var(--color-input);
  --color-tab-active-border: var(--color-page-separator);
  --color-tab-active-bg: var(--color-page-body-bg);
  --color-tab-active-shadow: var(--color-page-body-bg);

  --color-tab-inner: var(--color-nav-link);
  /* --color-tab-inner-bg: ; */
  --color-tab-inner-border: #4C615C;
  --color-tab-inner-border-bottom: var(--color-nav-link-hover-bg);
  --color-tab-inner-active: var(--color-input-disabled-bg);
  --color-tab-inner-active-bg: var(--color-page-separator);
  --color-tab-inner-active-hover: var(--color-nav-toggler-hover-bg);

  --color-table-body-bg: var(--color-page-body-bg);

  --color-nav-divider: #203A3E;
  --color-nav-link: var(--color-95aac9);
  --color-nav-link-hover: var(--color-input);
  --color-nav-link-hover-bg: var(--color-input-bg);
  --color-nav-link-active: var(--color-nav-link-hover);
  --color-nav-link-active-bg: var(--color-bar-shadow);

  --color-nav-docs: var(--color-button);
  --color-nav-docs-hover: var(--color-input);
  --color-nav-toggler: var(--color-95aac9);
  --color-nav-toggler-hover: var(--color-input);
  --color-nav-toggler-hover-bg: var(--color-input-bg);

  --color-card-bg: var(--color-page-header);
  --color-card-border: #4F736B;
  --color-card-shadow: var(--color-page-body-bg);
  --color-card-hover-bg: var(--color-page-header);
  --color-card-header: var(--color-text-muted);
  --color-card-header-bg: var(--color-input-disabled-bg);

  --color-datalist-header: var(--color-input-bg);
  --color-datalist-row: var(--color-text-muted);
  --color-datalist-row-bg: inherit;
  --color-datalist-row-hover: var(--color-input);
  --color-datalist-row-hover-bg: #1E4C52;
  --color-datalist-total: var(--color-body-text);
  --color-datalist-pagination: var(--color-blue-white);
  --color-datalist-border-inner: #1E4C52;
  --color-datalist-action-hover: var(--color-blue-white);
  --color-datalist-selected: var(--white-fff);
  --color-datalist-selected-border: var(--blue-oil);
  --color-datalist-selected-bg: var(--blue-oil);
  --color-datalist-selected-cnt: #2a91a9;
  --color-datalist-select-all: var(--color-nav-link);
  --color-datalist-select-all-hover: var(--color-nav-link-hover);
  --color-datalist-checkbox-all-bg: #748D88;
  --color-datalist-search-focus-border: var(--color-bar-border);
  --color-datalist-tab-badge: var(--color-text-disabled);
  --color-datalist-tab-active-badge: var(--color-input-border);
  --color-datalist-quick-action-header-bg: var(--color-datalist-header);
  --color-datalist-quick-action-bg: var(--very-white-fff);
  --color-datalist-quick-action-hover: var(--color-btn-more);
  --color-datalist-quick-action-hover-bg: var(--color-btn-more-bg-hover);
  --color-datalist-active-bg: #002f38;

  --color-form-block: var(--color-nav-toggler-hover);
  --color-form-block-bg: var(--color-nav-link-hover-bg);
  --color-form-block-header-bg: var(--color-input-disabled-bg);

  --color-warning: #cea849;
  --color-widget-text: var(--color-input);
  --color-widget-heading: var(--color-body-text);
  --color-widget-heading-border: var(--color-nav-toggler-hover-bg);
  --color-widget-action: var(--color-95aac9);
  --color-widget-action-hover: var(--color-input);
  --color-widget-action-hover-bg: var(--color-input-bg);

  --color-checkbox-bg: var(--color-input-bg);

  --color-dropdown: var(--color-95aac9);
  --color-dropdown-bg: var(--color-page-body-bg);
  --color-dropdown-border: var(--color-page-body-bg);
  --color-dropdown-shadow: var(--color-card-shadow);
  --color-dropdown-hover: var(--color-input);
  --color-dropdown-hover-bg: var(--color-input-bg);
  --color-dropdown-heading: var(--color-input);
  --color-dropdown-link: var(--color-ddd);
  --color-dropdown-link-hover: var(--color-widget-action);

  --color-select-menu: var(--color-95aac9);
  --color-select-menu-bg: var(--color-page-body-bg);
  --color-select-menu-border: var(--color-bar-border);
  --color-select-menu-shadow: var(--color-card-shadow);

  --color-select-option: var(--color-95aac9);
  --color-select-option-selected: var(--color-input);
  --color-select-option-selected-bg: var(--color-input-hover-border);
  --color-select-option-bg: var(--color-page-body-bg);
  --color-select-option-active: var(--color-label);
  --color-select-option-active-bg: var(--color-btn-primary-hover-bg);
  --color-select-option-remove: var(--color-label);
  --color-select-option-remove-bg: var(--color-page-body-bg);

  --color-status-not-set-bg: #707070;

  --color-tag: var(--color-input-placeholder);
  --color-tag-border: var(--color-input-border);
  --color-tag-bg: #2D555A;
  --color-tag-bg-hover: #2D555A;
  --color-tag-remove: var(--color-nav-link);
  --color-tag-remove-hover: var(--color-input-text);
  --color-tag-remove-hover-bg: var(--color-page-header);

  --color-tooltip: var(--color-95aac9);
  --color-tooltip-bg: var(--color-page-body-bg);
  --color-tooltip-border: var(--color-bar-border);
  --color-tooltip-shadow: var(--color-card-shadow);

  --color-scroll-inner: var(--color-nav-link);
  --color-scroll-outer: var(--color-bar-bg);

  --color-divider: var(--color-nav-divider);
  --color-attr-value: var(--color-nav-link-hover);

  --color-login-text: var(--color-input);
  --color-text-disabled: #31737A;

  --color-btn-shadow: var(--color-page-body-bg);
  --color-btn-primary-bg: var(--blue-oil);
  --color-btn-primary-border: var(--blue-oil);
  --color-btn-primary-hover: inherit;
  --color-btn-primary-hover-bg: var(--color-44bedc);
  --color-btn-primary-hover-border: var(--color-46c7e6);

  --color-btn-info: var(--color-input);
  --color-btn-info-bg: var(--color-input-border);
  --color-btn-info-border: var(--color-input-border);

  --color-btn-secondary: var(--color-input);
  --color-btn-secondary-hover: inherit;
  --color-btn-secondary-hover-bg: var(--blue-oil-transparent);
  --color-btn-secondary-hover-border: var(--blue-oil-transparent);

  --color-btn-more-bg: #0697ae;
  --color-btn-more-bg-hover: #26abc1;

  --color-btn-cancel: var(--color-nav-link);
  --color-btn-cancel-bg: var(--color-nav-divider);
  --color-btn-cancel-border: var(--color-nav-link-hover-bg);
  --color-btn-cancel-hover-bg: var(--color-nav-divider);
  --color-btn-cancel-hover-border: var(--color-nav-divider);

  --color-modal-heading: var(--color-body-text);
  --color-modal-heading-bg: var(--color-bar-border);
  --color-modal-border: var(--color-bar-border);
  --color-modal-body-bg: var(--color-page-header);
  --color-modal-heading-border: var(--color-nav-divider);
  --color-modal-footer-bg: var(--color-page-header);
  --color-modal-footer-border: var(--color-nav-toggler-hover-bg);
  --color-modal-mask: #000;
  --color-modal-body-label: var(--color-text-muted);

  --color-hint: var(--color-text-muted);
  --color-hint-bg: var(--color-page-header);
  --color-hint-border: var(--color-nav-link-hover-bg);
  --color-hint-heading: #b2c2cd;
  --color-hint-heading-border: #b2c2cd;

  --color-hint-danger: var(--color-input-placeholder);
  --color-hint-danger-bg: var(--color-input-bg);
  --color-hint-danger-border: transparent;

  --color-badge-bg: #2a91a9;
  --color-badge-shadow: var(--blue-oil);

  --color-search-result: var(--color-text-muted);
  --color-search-result-secondary: var(--color-input-placeholder);
  --color-search-result-icon: #0f7d97;
  --color-search-result-icon-bg: #b3d7df;

  --color-screenshot-bg: var(--color-bar-bg);
  --color-screenshot-border: var(--color-nav-link);

  --color-status-none-bg: #F0F0F0;
  --color-status-checking-bg: #ECECEC;
  --color-status-ready-bg: #31af69;
  --color-status-queued-bg: var(--color-95aac9);
  --color-status-pending-bg: #5913d2;
  --color-status-running-bg: #39afd1;
  --color-status-running-bg: var(--color-2c7be5);
  --color-status-aborted-bg: #a5a5a5;
  --color-status-error-bg: #8f0d0d;
  --color-status-warning-bg: #DD751A;
  --color-status-done-bg: #007a36;

  --red-dark: #e10101;
  --color-95aac9: #B8CEC9;
  --color-12263f: #E1E3E9;
  --color-ddd: #35516A;
  --sky-blue: #04647c;
  --color-gray: #F8F8F8;
  --white-fff: #2D555A;
}

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: var(--font-family);
}

body {
  margin: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
  overflow-x: hidden;
  overflow-y: hidden;
  color: var(--color-body-text);
  background: var(--color-body-bg);
  text-align: left;
  }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
  }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1.125rem; }

p {
  word-break: break-word;
  margin-top: 0;
  margin-bottom: 1rem; }

p.end {
  margin-bottom: 0;
  }

abbr[title],
abbr[data-bs-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none; }

dt {
  font-weight: 600; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: var(--color-nav-link);
  text-decoration: none;
  background-color: transparent;
  }

td.pointer:hover .text-muted,
td.pointer:hover,
a:hover {
  color: var(--color-datalist-row-hover) !important;
  text-decoration: none; }

a:not([href]):not([tabindex]) {
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  color: var(--color-95aac9);
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  color: var(--color-label);
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 1.125rem;
  font-weight: 500;
  line-height: 1.1; }

h1, .h1 {
  font-size: 1.625rem; }

h2, .h2 {
  font-size: 1.25rem; }

h3, .h3 {
  font-size: 1.0625rem; }

h4, .h4 {
  font-size: 0.9375rem; }

h5, .h5 {
  font-size: 0.8125rem; }

h6, .h6 {
  font-size: 0.625rem; }

.lead {
  font-size: 1.17188rem;
  font-weight: 300; }

.display-1 {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1; }

.display-2 {
  font-size: 3.25rem;
  font-weight: 600;
  line-height: 1.1; }

.display-3 {
  font-size: 2.625rem;
  font-weight: 600;
  line-height: 1.1; }

.display-4 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid var(--color-nav-divider); }

small,
.small {
  font-size: 0.8125rem;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: var(--color-fcf8e3); }

.blockquote {
  margin-bottom: 1.5rem;
  font-size: 1.17188rem; }

.blockquote-footer {
  display: block;
  font-size: 0.8125rem;
  color: var(--color-95aac9); }
  .blockquote-footer::before {
    content: "\2014\00A0"; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--color-F9FBFD);
  border: 1px solid var(--color-e3ebf6);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.75rem;
  line-height: 1; }

.figure-caption {
  font-size: 0.8125rem;
  color: var(--color-95aac9); }

code {
  font-size: 87.5%;
  color: var(--color-text-highlight);
  word-break: break-word;
  }

a > code {
  color: inherit;
  }

pre {
  display: block;
  font-size: 87.5%;
  color: var(--gray-brownish);
  }

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
  }

.container {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto; }

.container-fluid {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -12px;
  margin-left: -12px; }

.mh-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  margin-bottom: 1.5rem;
  color: var(--color-datalist-row);
  }

.table th,
.table td {
  padding: 0.9375rem;
  vertical-align: middle;
  border-top: 1px solid var(--color-datalist-border-inner);
  }

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid var(--color-datalist-border-inner);
  }

.table tbody + tbody {
  border-top: 2px solid var(--color-datalist-border-inner);
  }

.table-sm th,
.table-sm td {
  padding: 0.8rem; }


.table-sm.inner-dlist th,
.table-sm.inner-dlist td {
  padding: 5px;
  vertical-align: unset;
  min-height: 32px;
}

.table-xs td {
  padding: 0.4rem; }

.table-bordered {
  border: 1px solid var(--white-secondary); }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid var(--white-secondary); }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-F9FBFD); }

.table-hover tbody tr:hover {
  color: var(--color-12263f);
  background-color: var(--color-F9FBFD); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: var(--color-c4daf8); }

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: var(--color-91baf1); }

.table-hover .table-primary:hover {
  background-color: var(--color-adccf5); }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: var(--color-adccf5); }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: var(--color-d6dde5); }

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: var(--color-b4bfcf); }

.table-hover .table-secondary:hover {
  background-color: var(--color-c6d0db); }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: var(--color-c6d0db); }

.table-success,
.table-success > th,
.table-success > td {
  background-color: var(--color-b8f4db); }

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: var(--color-7aebbc); }

.table-hover .table-success:hover {
  background-color: var(--color-a2f1d0); }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: var(--color-a2f1d0); }

.table-info,
.table-info > th,
.table-info > td {
  background-color: var(--color-c8e9f2); }

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: var(--color-98d5e7); }

.table-hover .table-info:hover {
  background-color: var(--color-b3e1ed); }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: var(--color-b3e1ed); }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: var(--color-fceeca); }

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: var(--color-fae09d); }

.table-hover .table-warning:hover {
  background-color: var(--color-fbe6b2); }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: var(--color-fbe6b2); }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: var(--color-f8c7d0); }

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: var(--color-f297a8); }

.table-hover .table-danger:hover {
  background-color: var(--color-f5b0bd); }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: var(--color-f5b0bd); }


.table-responsive {
  background: var(--color-table-body-bg);
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  }

.table-responsive > .table-bordered {
  border: 0;
  }

.form-control {
  color: var(--color-input);
  background-color: var(--color-input-bg);
  border: 1px solid var(--color-input-border);
  display: block;
  width: 100%;
  height: auto !important;
  padding: 0.5rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.form-control.disabled {
  color: var(--color-input-disabled);
  background-color: var(--color-input-disabled-bg);
  border: 1px solid var(--color-input-disabled-border);
  }

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
  }

.form-control:focus {
  color: var(--color-input);
  background-color: var(--color-input-bg);
  border-color: var(--color-input-border);
  outline: 0;
  box-shadow: 0 0 0 0.2rem #0f7d9721 !important;
  }

.form-control:-ms-input-placeholder {
  color: var(--color-input-placeholder);
  opacity: 1;
  }

.form-control::-ms-input-placeholder {
  color: var(--color-input-placeholder);
  opacity: 1;
  }

input.placeholder,
.form-control::placeholder {
  color: var(--color-input-placeholder);
  background: transparent;
  opacity: 1;
  }

.form-control:disabled, .form-control[readonly] {
  background-color: var(--white-fff);
  opacity: 1;
  }

.form-control.search {
  height: calc(1.5em + 1rem + 2px) !important;
  }

select.form-control:focus::-ms-value {
  color: var(--color-12263f);
  background-color: var(--white-fff); }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.form-control-sm {
  height: calc(1.75em + 0.25rem + 2px);
  padding: 0.125rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.75;
  border-radius: 0.25rem; }

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.0625rem;
  line-height: 1.5;
  border-radius: 0.5rem; }

select.form-control[size], select.form-control[multiple] {
  height: auto; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 1.375rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
  }

.form-check-input:disabled ~ .form-check-label {
  color: var(--color-95aac9);
  }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--color-00D97E); }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: var(--color-00D97E);
    box-shadow: 0 0 0 0.15rem rgba(0, 217, 126, 0.25); }

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: var(--color-00D97E);
  }

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: var(--color-00D97E);
  box-shadow: 0 0 0 0.15rem rgba(0, 217, 126, 0.25);
  }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--color-00D97E); }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: var(--color-00D97E); }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: var(--color-00D97E); }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: var(--color-0dff9a);
  background-color: var(--color-0dff9a); }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.15rem rgba(0, 217, 126, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--color-00D97E); }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: var(--color-00D97E); }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: var(--color-00D97E);
  box-shadow: 0 0 0 0.15rem rgba(0, 217, 126, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.50rem;
  font-size: 0.8125rem;
  color: var(--red); }

.invalid-feedback.warning {
  color: var(--color-e69137) !important;
}

.is-invalid label.error-sensitive {
  color: var(--color-input-invalid);
  }

.was-validated .form-control:invalid,
.is-invalid .multiselect .multiselect__tags,
.multiselect.is-invalid .multiselect__tags,
.form-control.date-control.is-invalid ~ .form-control.date-control,
.form-control.is-invalid {
  border-color: var(--color-border-danger);
  }

.form-control.is-invalid:focus {
  box-shadow: 0 0 0 0.2rem #ea306521 !important;
  }

  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: var(--color-border-danger);
    box-shadow: 0 0 0 0.15rem rgba(230, 55, 87, 0.25);
    }

  .was-validated .form-control:invalid ~ .invalid-feedback,
  .form-control.is-invalid ~ .invalid-feedback {
    display: block;
    }

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: var(--red);
  }

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: var(--red);
  box-shadow: 0 0 0 0.15rem rgba(230, 55, 87, 0.25);
  }

.was-validated .custom-select:invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-feedback {
  display: block; }

.form-group.is-invalid .group-error {
  display: block;
  }

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-feedback {
  display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--red); }

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-feedback {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: var(--red); }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: var(--red); }

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-feedback {
  display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: var(--color-ec647d);
  background-color: var(--color-ec647d); }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.15rem rgba(230, 55, 87, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--red); }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: var(--red); }

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-feedback {
  display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: var(--red);
  box-shadow: 0 0 0 0.15rem rgba(230, 55, 87, 0.25); }

.btn {
  display: inline-block;
  font-weight: 400;
  color: var(--color-12263f);
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: var(--color-text-highlight);
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(44, 123, 229, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }


.btn.no-border {
  border: none !important;
}

.btn-cancel {
  color: var(--color-btn-cancel);
  background: var(--color-btn-cancel-bg);
  border: 1px solid var(--color-btn-cancel-border);
  }

.btn-cancel:hover {
  background: var(--color-btn-cancel-hover-bg);
  border: 1px solid var(--color-btn-cancel-hover-border);
  }

.btn-primary {
  color: var(--color-button);
  background: var(--color-btn-primary-bg);
  border-color: var(--color-btn-primary-border);
  }

.btn-primary:hover {
  color: var(--color-btn-primary-hover) !important;
  background: var(--color-btn-primary-hover-bg);
  border-color: var(--color-btn-primary-hover-border);
  }

.btn-primary:focus, .btn-primary.focus {
  background-color: var(--blue-oil);
  border-color: var(--blue-oil);
  box-shadow: 0 12px 40px -18px var(--blue-oil);
  }

.btn-group[actions='off'] .dropdown-menu {
  display: none;
  }

  .btn-group[actions='off'] .btn,
  .btn-group[actions='off'] .btn-primary,
  .btn-primary.disabled,
  .btn-primary:disabled {
    color: var(--blue-white);
    background-color: var(--color-0f7d9785);
    border-color: var(--color-63d5f085);
    cursor: auto;
    }

  .btn-primary:not(:disabled):not(.disabled):active,
  .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: var(--white-fff);
    background: var(--blue-oil);
    border-color: var(--blue-oil)
    }

  .btn-primary:not(:disabled):not(.disabled):active:focus,
  .btn-primary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 1px 4px 0px var(--blue-oil);
    }

.btn-secondary {
  color: var(--color-btn-secondary);
  background-color: var(--color-btn-secondary-bg) !important;
  border-color: var(--color-btn-secondary-border) !important;
  }

.btn-secondary:hover {
  color: var(--color-btn-secondary-hover);
  background-color: var(--color-btn-secondary-hover-bg) !important;
  border-color: var(--color-btn-secondary-hover-border) !important;
  }

.btn-secondary:focus, .btn-secondary.focus {
  background-color: var(--color-46c7e6);
  border-color: var(--color-46c7e6);
  }

  .btn-group[actions='off'] .btn-secondary,
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: var(--blue-white);
    background-color: var(--color-44bedc);
    border-color: var(--color-44bedc);
    cursor: auto;
  }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: var(--white-fff);
    background-color: var(--color-46c7e6);
    border-color: var(--color-46c7e6);
    }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.15rem rgba(132, 150, 177, 0.5); }

.btn-info {
  color: var(--color-btn-info);
  background-color: var(--color-btn-info-bg);
  border-color: var(--color-btn-info-border);
  }

  .btn-info:hover {
    color: var(--white-fff);
    background-color: var(--color-2b99b9);
    border-color: var(--color-2991ae); }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.15rem rgba(87, 187, 216, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: var(--white-fff);
    background-color: var(--color-39afd1);
    border-color: var(--color-39afd1); }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: var(--white-fff);
    background-color: var(--color-2991ae);
    border-color: var(--color-2688a4); }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.15rem rgba(87, 187, 216, 0.5); }

.btn-toggle {
  background: var(--color-page-body-bg);
  border: 1px solid var(--color-input-border);
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.0625rem;
  line-height: 1.5;
  border-radius: 0.5rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.125rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.75;
  border-radius: 0.25rem; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap;
  }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.2125em;
  vertical-align: 0.2125em;
  content: "";
  border-top: 0.25em solid;
  border-right: 0.25em solid transparent;
  border-bottom: 0;
  border-left: 0.25em solid transparent;
  }

.dropdown-toggle:empty::after {
  margin-left: 0;
  }

.dropdown-menu {
  color: var(--color-dropdown);
  background-color: var(--color-dropdown-bg);
  border: 1px solid var(--color-dropdown-border);
  box-shadow: 2px 3px 3px var(--color-dropdown-shadow);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 110;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0 !important;
  margin: 0.125rem 0 0;
  font-size: 0.9375rem;
  text-align: left;
  list-style: none;
  background-clip: padding-box;
  border-radius: 0.375rem !important;
  animation: dropdownMenu .15s;
  }

@keyframes dropdownMenu {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-menu-right {
  right: 0 !important;
  left: auto !important;
  }

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0; }
  .dropdown-menu-md-right {
    right: 0;
    left: auto; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0; }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto; } }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.2125em;
  vertical-align: 0.2125em;
  content: "";
  border-top: 0;
  border-right: 0.25em solid transparent;
  border-bottom: 0.25em solid;
  border-left: 0.25em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.2125em;
  vertical-align: 0.2125em;
  content: "";
  border-top: 0.25em solid transparent;
  border-right: 0;
  border-bottom: 0.25em solid transparent;
  border-left: 0.25em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.2125em;
  vertical-align: 0.2125em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.2125em;
  vertical-align: 0.2125em;
  content: "";
  border-top: 0.25em solid transparent;
  border-right: 0.25em solid;
  border-bottom: 0.25em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }

.dropdown-divider {
  height: 0;
  margin: 0;
  overflow: hidden;
  border-top: 1px solid var(--color-divider);
  }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: var(--color-secondary);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: var(--color-12263f);
    text-decoration: none;
    background-color: transparent; }
  .dropdown-item.active, .dropdown-item:active {
    color: var(--color-12263f);
    text-decoration: none;
    background-color: transparent; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--color-95aac9);
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.8125rem;
  color: inherit;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.375rem 1.5rem;
  color: var(--color-secondary); }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto; }
    .btn-group > .btn:hover,
    .btn-group-vertical > .btn:hover {
      z-index: 1; }
    .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropleft .dropdown-toggle-split::before {
    margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0; }
  .btn-group-toggle > .btn input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn,
  .input-group-append .btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus,
    .input-group-append .btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-append .btn + .btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-95aac9);
  text-align: center;
  white-space: nowrap;
  background-color: var(--white-fff);
  border: 1px solid var(--color-d2ddec);
  border-radius: 0.375rem; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px); }

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.0625rem;
  line-height: 1.5;
  border-radius: 0.5rem; }

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.75em + 0.25rem + 2px); }

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.125rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.75;
  border-radius: 0.25rem; }

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem; }

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.custom-control {
  position: relative;
  display: block;
  min-height: 1.40625rem;
  padding-left: 1.5rem; }

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  }

.card .custom-control.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--color-form-block-bg);
  }

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: transparent;
  }

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--white-fff);
  }

.custom-control-input:disabled ~ .custom-control-label {
  color: var(--color-95aac9);
  }

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: var(--white-fff);
  }

.card .custom-switch .custom-control-label::before,
.form-secondary .custom-switch .custom-control-label::before {
  background: var(--color-checkbox-bg);
  }

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top; }

.custom-control-label::before {
  position: absolute;
  top: 0.20313rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: var(--color-checkbox-bg);
  border: #b1c2d9 solid 0; }

.custom-control-label::after {
  position: absolute;
  top: 0.20313rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%; }

.custom-checkbox .custom-control-label::before {
  border-radius: 0.375rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: var(--color-2c7be5);
  background-color: var(--color-2c7be5); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23FFFFFF' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(44, 123, 229, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(44, 123, 229, 0.5); }

.custom-radio .custom-control-label::before {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(44, 123, 229, 0.5); }

.custom-switch {
  padding-left: 3.5rem; }
  .custom-switch .custom-control-label::before {
    left: -55px;
    width: 45px;
    pointer-events: all;
    border-radius: 0.5625rem; }
  .custom-switch .custom-control-label::after {
    top: calc(0.20313rem + 0);
    left: calc(-3.5rem + 0);
    width: 16px;
    height: 16px;
    background-color: var(--color-b1c2d9);
    border-radius: 0.5625rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .custom-switch .custom-control-label::after {
        transition: none; } }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: var(--color-e3ebf6);
    transform: translateX(2rem); }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(44, 123, 229, 0.5); }

.custom-switch.hidden {
  display: none;
  }

.custom-switch.switch-pill .custom-control-label::before {
  width: 32px;
  }

.custom-switch.switch-pill .custom-control-label::after {
  width: 10px;
  height: 12px;
  top: 4px;
  }

.custom-switch.switch-pill .custom-control-label small {
  margin-left: -14px;
  top: 0px;
  }

.custom-switch.switch-pill .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(16px);
  }

.custom-switch.switch-level-1 {
  margin-left: 20px;
  }

.custom-switch.switch-level-2 {
  margin-left: 40px;
  }

.custom-switch.switch-level-3 {
  margin-left: 60px;
  }

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1.75rem 0.5rem 0.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-12263f);
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%233B506C' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: var(--white-fff);
  border: 1px solid var(--color-d2ddec);
  border-radius: 0.375rem;
  -webkit-appearance: none;
      -moz-appearance: none;
          appearance: none; }
  .custom-select:focus {
    border-color: var(--color-2c7be5);
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(18, 38, 63, 0.075), 0 0 5px rgba(44, 123, 229, 0.5); }
    .custom-select:focus::-ms-value {
      color: var(--color-12263f);
      background-color: var(--white-fff); }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .custom-select:disabled {
    color: var(--color-95aac9);
    background-color: var(--white-secondary); }
  .custom-select::-ms-expand {
    display: none; }

.custom-select-sm {
  height: calc(1.75em + 0.25rem + 2px);
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  font-size: 0.8125rem; }

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.0625rem; }

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1rem + 2px);
  margin-bottom: 0; }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 1rem + 2px);
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: var(--color-2c7be5);
    box-shadow: transparent; }
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: var(--white-fff); }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse); }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-12263f);
  background-color: var(--white-fff);
  border: 1px solid var(--color-d2ddec);
  border-radius: 0.375rem; }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 1rem);
    padding: 0.5rem 0.75rem;
    line-height: 1.5;
    color: var(--color-12263f);
    content: "Browse";
    background-color: var(--white-fff);
    border-left: inherit;
    border-radius: 0 0.375rem 0.375rem 0; }

.custom-range {
  width: 100%;
  height: calc(1rem + 0.3rem);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
      -moz-appearance: none;
          appearance: none; }
  .custom-range:focus {
    outline: none; }
    .custom-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #F9FBFD, transparent; }
    .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #F9FBFD, transparent; }
    .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px #F9FBFD, transparent; }
  .custom-range::-moz-focus-outer {
    border: 0; }
  .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: var(--color-2c7be5);
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
            appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-webkit-slider-thumb {
        transition: none; } }
    .custom-range::-webkit-slider-thumb:active {
      background-color: var(--color-cbdef9); }
  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--color-e3ebf6);
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: var(--color-2c7be5);
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
          appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-moz-range-thumb {
        transition: none; } }
    .custom-range::-moz-range-thumb:active {
      background-color: var(--color-cbdef9); }
  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--color-e3ebf6);
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.15rem;
    margin-left: 0.15rem;
    background-color: var(--color-2c7be5);
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-ms-thumb {
        transition: none; } }
    .custom-range::-ms-thumb:active {
      background-color: var(--color-cbdef9); }
  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem; }
  .custom-range::-ms-fill-lower {
    background-color: var(--color-e3ebf6);
    border-radius: 1rem; }
  .custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: var(--color-e3ebf6);
    border-radius: 1rem; }
  .custom-range:disabled::-webkit-slider-thumb {
    background-color: var(--color-b1c2d9); }
  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default; }
  .custom-range:disabled::-moz-range-thumb {
    background-color: var(--color-b1c2d9); }
  .custom-range:disabled::-moz-range-track {
    cursor: default; }
  .custom-range:disabled::-ms-thumb {
    background-color: var(--color-b1c2d9); }

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none; } }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.card {
  background-color: var(--color-card-bg);
  border: 1px solid var(--color-card-border);
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  /* word-wrap: break-word; */
  word-wrap: anywhere;
  background-clip: border-box;
  border-radius: 0; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }

.card.card-square {
  border-radius: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.5rem; }

.card-title {
  margin-bottom: 1rem; }

.card-subtitle {
  margin-top: -0.5rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.5rem; }

.card-header {
  padding: 1rem 1.5rem;
  margin-bottom: 0;
  background-color: transparent;
  }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 0.375rem; }

ul.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.375rem;
  margin-block-end: 0px;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: var(--color-12263f);
  background-color: var(--white-fff);
  border: 1px solid var(--color-e3ebf6); }
  .page-link:hover {
    z-index: 2;
    color: var(--color-12263f);
    text-decoration: none;
    background-color: var(--color-F9FBFD);
    border-color: var(--color-e3ebf6); }
  .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(44, 123, 229, 0.25); }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem; }

.page-item:last-child .page-link {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem; }

.page-item.active .page-link {
  z-index: 1;
  color: var(--white-fff);
  background-color: var(--color-2c7be5);
  border-color: var(--color-2c7be5); }

.page-item.disabled .page-link {
  color: var(--color-95aac9);
  pointer-events: none;
  cursor: auto;
  background-color: var(--white-fff);
  border-color: var(--color-e3ebf6); }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.0625rem;
  line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem; }

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.75; }

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.badge {
  display: inline-block;
  padding: 0.33em 0.5em;
  font-size: 75%;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .badge {
      transition: none; } }
  a.badge:hover, a.badge:focus {
    text-decoration: none; }
  .badge:empty {
    display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.badge-primary {
  color: var(--white-fff);
  background-color: var(--color-2c7be5); }
  a.badge-primary:hover, a.badge-primary:focus {
    color: var(--white-fff);
    background-color: var(--color-1862c6); }
  a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(44, 123, 229, 0.5); }

.badge-secondary {
  color: var(--white-fff);
  background-color: var(--color-secondary); }
  a.badge-secondary:hover, a.badge-secondary:focus {
    color: var(--white-fff);
    background-color: var(--color-566b88); }
  a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(110, 132, 163, 0.5); }

.badge-success {
  color: var(--white-fff);
  background-color: var(--color-00D97E); }
  a.badge-success:hover, a.badge-success:focus {
    color: var(--white-fff);
    background-color: var(--color-00a660); }
  a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(0, 217, 126, 0.5); }

.badge-info {
  color: var(--white-fff);
  background-color: var(--color-39afd1); }
  a.badge-info:hover, a.badge-info:focus {
    color: var(--white-fff);
    background-color: var(--color-2991ae); }
  a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(57, 175, 209, 0.5); }

.badge-warning {
  color: var(--color-283E59);
  background-color: var(--color-F6C343); }
  a.badge-warning:hover, a.badge-warning:focus {
    color: var(--color-283E59);
    background-color: var(--color-f4b312); }
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(246, 195, 67, 0.5); }

.badge-danger {
  color: var(--white-fff);
  background-color: var(--red); }
  a.badge-danger:hover, a.badge-danger:focus {
    color: var(--white-fff);
    background-color: var(--color-d01a3b); }
  a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(230, 55, 87, 0.5); }

.badge-light {
  color: var(--color-283E59);
  background-color: var(--white-secondary); }
  a.badge-light:hover, a.badge-light:focus {
    color: var(--color-283E59);
    background-color: var(--color-c7d6ec); }
  a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(237, 242, 249, 0.5); }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  background-color: var(--color-progress-bg);
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.70313rem;
  border-radius: 3px;
  }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--white-fff);
  text-align: center;
  white-space: nowrap;
  background-color: var(--color-2c7be5);
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }

.media {
  display: flex;
  align-items: flex-start; }

.media-body {
  text-align: left;
  flex: 1; }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid var(--color-e3ebf6); }
  .list-group-item:first-child {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: var(--color-95aac9);
    pointer-events: none;
    background-color: transparent; }
  .list-group-item.active {
    z-index: 2;
    color: var(--white-fff);
    background-color: var(--color-2c7be5);
    border-color: var(--color-2c7be5); }

.list-group-horizontal {
  flex-direction: row; }
  .list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0; }
    .list-group-horizontal .list-group-item:first-child {
      border-top-left-radius: 0.375rem;
      border-bottom-left-radius: 0.375rem;
      border-top-right-radius: 0; }
    .list-group-horizontal .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: 0.375rem;
      border-bottom-right-radius: 0.375rem;
      border-bottom-left-radius: 0; }

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0.375rem;
        border-bottom-left-radius: 0.375rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 0.375rem;
        border-bottom-left-radius: 0.375rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0.375rem;
        border-bottom-left-radius: 0.375rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0.375rem;
        border-bottom-left-radius: 0.375rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.375rem;
        border-bottom-right-radius: 0.375rem;
        border-bottom-left-radius: 0; } }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }
  .list-group-flush .list-group-item:last-child {
    margin-bottom: -1px; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0; }

.close {
  float: right;
  font-size: 1.40625rem;
  font-weight: 600;
  line-height: 1;
  color: var(--color-95aac9);
  text-shadow: none;
  opacity: .5; }
  .close:hover {
    color: var(--color-95aac9);
    text-decoration: none; }
  .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
      -moz-appearance: none;
          appearance: none; }

a.close.disabled {
  pointer-events: none; }

.toast {
  max-width: 300px;
  overflow: hidden;
  font-size: 0.9375rem;
  background-color: var(--white-fff);
  background-clip: padding-box;
  border: 1px solid var(--color-e3ebf6);
  box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.375rem; }
  .toast:not(:last-child) {
    margin-bottom: 1rem; }
  .toast.showing {
    opacity: 1; }
  .toast.show {
    display: block;
    opacity: 1; }
  .toast.hide {
    display: none; }

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  color: var(--color-12263f);
  background-color: var(--white-fff);
  background-clip: padding-box;
  border-bottom: 1px solid var(--color-e3ebf6); }

.toast-body {
  padding: 1rem; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.8125rem;
  word-wrap: break-word;
  opacity: 0;
  }

.tooltip.show {
  opacity: 1;
  }

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
  }

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 1px; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: var(--blue-white); }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: var(--blue-white); }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: var(--blue-white); }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: var(--blue-white); }

.tooltip-inner {
  max-width: 800px;
  padding: 5px;
  text-align: center;
  color: var(--color-tooltip);
  background-color: var(--color-tooltip-bg);
  border: 1px solid var(--color-tooltip-border);
  box-shadow: 2px 2px 2px var(--color-tooltip-shadow);
  border-radius: 0.375rem; }

span.cwe-tooltip-handler {
  cursor: pointer;
  }

span.cwe-tooltip-handler i.fe-external-link {
  display:none;
  }

span.cwe-tooltip-handler:hover {
  color: var(--gray-plain);
  }

span.cwe-tooltip-handler:hover i.fe-external-link {
  display:inline;
  position: absolute;
  margin-left: 5px;
  }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 10rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  word-wrap: break-word;
  background-color: var(--white-fff);
  background-clip: padding-box;
  border: 1px solid rgba(18, 38, 63, 0.2);
  border-radius: 0.5rem; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.5rem; }
    .popover .arrow::before, .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc((0.5rem + 1px) * -1); }
    .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
      bottom: 0;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: rgba(18, 38, 63, 0.25); }
    .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
      bottom: 1px;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: var(--white-fff); }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.5rem 0; }
    .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
      left: 0;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: rgba(18, 38, 63, 0.25); }
    .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
      left: 1px;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: var(--white-fff); }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc((0.5rem + 1px) * -1); }
    .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
      top: 0;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: rgba(18, 38, 63, 0.25); }
    .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
      top: 1px;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: var(--white-fff); }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid var(--white-fff); }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.5rem 0; }
    .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
      right: 0;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: rgba(18, 38, 63, 0.25); }
    .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
      right: 1px;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: var(--white-fff); }

.popover-header {
  padding: 0 0;
  margin-bottom: 0;
  font-size: 0.9375rem;
  background-color: var(--white-fff);
  border-bottom: 1px solid #f2f2f2;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0 0;
  color: var(--color-95aac9); }

.carousel {
  position: relative; }

.carousel.pointer-event {
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none; } }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
      transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: var(--white-fff);
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: var(--white-fff);
    text-decoration: none;
    outline: 0;
    opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: var(--white-fff);
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .carousel-indicators li {
        transition: none; } }
  .carousel-indicators .active {
    opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: var(--white-fff);
  text-align: center; }

@keyframes spinner-border {
  to {
    transform: rotate(360deg); } }

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite; }

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em; }

@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1; } }

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite; }

.spinner-grow-sm {
  width: 1rem;
  height: 1rem; }

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

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: var(--color-tag-purple) !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: var(--color-1862c6) !important; }

.bg-secondary {
  background-color: var(--color-secondary) !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: var(--color-566b88) !important; }

.bg-success {
  background-color: var(--color-34b722) !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: var(--color-00a660) !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: var(--color-2991ae) !important; }

.bg-secondary.bg-warning {
  background-color: var(--color-f5e3b7) !important;
  border-color: var(--color-e6d2a1);
  color: var(--color-9c480a);
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: var(--color-f4b312) !important; }

.bg-danger {
  background-color: var(--color-ec3254) !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: var(--color-d01a3b) !important; }

.bg-light {
  background-color: var(--white-secondary) !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: var(--color-c7d6ec) !important; }

.bg-dark {
  background-color: var(--color-12263f) !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: var(--color-070e17) !important; }

.bg-white {
  background-color: var(--white-fff) !important; }

a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: var(--gray-med) !important; }

.bg-white {
  background-color: var(--white-fff) !important; }

.bg-transparent {
  background-color: transparent !important; }

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

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

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

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

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

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

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

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

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

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

.border-primary {
  border-color: var(--color-2c7be5) !important; }

.border-secondary {
  border-color: var(--color-secondary) !important; }

.border-success {
  border-color: var(--color-00D97E) !important; }

.border-info {
  border-color: var(--color-39afd1) !important; }

.border-warning {
  border-color: var(--color-F6C343) !important; }

.border-danger {
  border-color: var(--red) !important; }

.border-light {
  border-color: var(--white-secondary) !important; }

.border-dark {
  border-color: var(--color-12263f) !important; }

.border-white {
  border-color: var(--white-fff) !important; }

.border-white {
  border-color: var(--white-fff) !important; }

.rounded-sm {
  border-radius: 0.25rem !important; }

.rounded {
  border-radius: 0.375rem !important; }

.rounded-top {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important; }

.rounded-right {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important; }

.rounded-left {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important; }

.rounded-lg {
  border-radius: 0.5rem !important; }

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

.rounded-pill {
  border-radius: 50rem !important; }

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

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

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

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

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

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

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

.overflow-hidden {
  overflow: hidden !important; }

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

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

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

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

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

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(18, 38, 63, 0.075) !important; }

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(18, 38, 63, 0.15) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(18, 38, 63, 0.175) !important; }

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

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

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

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

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

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

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

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

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

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

.h-15 {
  height: 15% !important; }

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

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.1875rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.1875rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.1875rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.1875rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.1875rem !important; }

.m-2 {
  margin: 0.375rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.375rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.375rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.375rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.375rem !important; }

.m-3 {
  margin: 0.75rem !important; }

.mt-3,
.my-3 {
  margin-top: 0.75rem !important; }

.mr-3,
.mx-3 {
  margin-right: 0.75rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 0.75rem !important; }

.ml-3,
.mx-3 {
  margin-left: 0.75rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 2.25rem !important; }

.mt-5,
.my-5 {
  margin-top: 2.25rem !important; }

.mr-5,
.mx-5 {
  margin-right: 2.25rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 2.25rem !important; }

.ml-5,
.mx-5 {
  margin-left: 2.25rem !important; }

.m-6 {
  margin: 4.5rem !important; }

.mt-6,
.my-6 {
  margin-top: 4.5rem !important; }

.mr-6,
.mx-6 {
  margin-right: 4.5rem !important; }

.mb-6,
.my-6 {
  margin-bottom: 4.5rem !important; }

.ml-6,
.mx-6 {
  margin-left: 4.5rem !important; }

.m-7 {
  margin: 6.75rem !important; }

.mt-7,
.my-7 {
  margin-top: 6.75rem !important; }

.mr-7,
.mx-7 {
  margin-right: 6.75rem !important; }

.mb-7,
.my-7 {
  margin-bottom: 6.75rem !important; }

.ml-7,
.mx-7 {
  margin-left: 6.75rem !important; }

.m-8 {
  margin: 13.5rem !important; }

.mt-8,
.my-8 {
  margin-top: 13.5rem !important; }

.mr-8,
.mx-8 {
  margin-right: 13.5rem !important; }

.mb-8,
.my-8 {
  margin-bottom: 13.5rem !important; }

.ml-8,
.mx-8 {
  margin-left: 13.5rem !important; }

.mt-30p {
  margin-top: 30% !important }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.1875rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.1875rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.1875rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.1875rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.1875rem !important; }

.p-2 {
  padding: 0.375rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.375rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.375rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.375rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.375rem !important; }

.p-3 {
  padding: 0.75rem !important; }

.pt-3,
.py-3 {
  padding-top: 0.75rem !important; }

.pr-3,
.px-3 {
  padding-right: 0.75rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 0.75rem !important; }

.pl-3,
.px-3 {
  padding-left: 0.75rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 2.25rem !important; }

.pt-5,
.py-5 {
  padding-top: 2.25rem !important; }

.pr-5,
.px-5 {
  padding-right: 2.25rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 2.25rem !important; }

.pl-5,
.px-5 {
  padding-left: 2.25rem !important; }

.p-6 {
  padding: 4.5rem !important; }

.pt-6,
.py-6 {
  padding-top: 4.5rem !important; }

.pr-6,
.px-6 {
  padding-right: 4.5rem !important; }

.pb-6,
.py-6 {
  padding-bottom: 4.5rem !important; }

.pl-6,
.px-6 {
  padding-left: 4.5rem !important; }

.p-7 {
  padding: 6.75rem !important; }

.pt-7,
.py-7 {
  padding-top: 6.75rem !important; }

.pr-7,
.px-7 {
  padding-right: 6.75rem !important; }

.pb-7,
.py-7 {
  padding-bottom: 6.75rem !important; }

.pl-7,
.px-7 {
  padding-left: 6.75rem !important; }

.p-8 {
  padding: 13.5rem !important; }

.pt-8,
.py-8 {
  padding-top: 13.5rem !important; }

.pr-8,
.px-8 {
  padding-right: 13.5rem !important; }

.pb-8,
.py-8 {
  padding-bottom: 13.5rem !important; }

.pl-8,
.px-8 {
  padding-left: 13.5rem !important; }

.m-n1 {
  margin: -0.1875rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.1875rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.1875rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.1875rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.1875rem !important; }

.m-n2 {
  margin: -0.375rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.375rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.375rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.375rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.375rem !important; }

.m-n3 {
  margin: -0.75rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -0.75rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -0.75rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -0.75rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -0.75rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -2.25rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -2.25rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -2.25rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -2.25rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -2.25rem !important; }

.m-n6 {
  margin: -4.5rem !important; }

.mt-n6,
.my-n6 {
  margin-top: -4.5rem !important; }

.mr-n6,
.mx-n6 {
  margin-right: -4.5rem !important; }

.mb-n6,
.my-n6 {
  margin-bottom: -4.5rem !important; }

.ml-n6,
.mx-n6 {
  margin-left: -4.5rem !important; }

.m-n7 {
  margin: -6.75rem !important; }

.mt-n7,
.my-n7 {
  margin-top: -6.75rem !important; }

.mr-n7,
.mx-n7 {
  margin-right: -6.75rem !important; }

.mb-n7,
.my-n7 {
  margin-bottom: -6.75rem !important; }

.ml-n7,
.mx-n7 {
  margin-left: -6.75rem !important; }

.m-n8 {
  margin: -13.5rem !important; }

.mt-n8,
.my-n8 {
  margin-top: -13.5rem !important; }

.mr-n8,
.mx-n8 {
  margin-right: -13.5rem !important; }

.mb-n8,
.my-n8 {
  margin-bottom: -13.5rem !important; }

.ml-n8,
.mx-n8 {
  margin-left: -13.5rem !important; }

.m-auto {
  margin: auto !important; }

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

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.1875rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.1875rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.1875rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.1875rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.1875rem !important; }
  .m-sm-2 {
    margin: 0.375rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.375rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.375rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.375rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.375rem !important; }
  .m-sm-3 {
    margin: 0.75rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 0.75rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 0.75rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 0.75rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 0.75rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 2.25rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 2.25rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 2.25rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 2.25rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 2.25rem !important; }
  .m-sm-6 {
    margin: 4.5rem !important; }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4.5rem !important; }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 4.5rem !important; }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4.5rem !important; }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 4.5rem !important; }
  .m-sm-7 {
    margin: 6.75rem !important; }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 6.75rem !important; }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 6.75rem !important; }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 6.75rem !important; }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 6.75rem !important; }
  .m-sm-8 {
    margin: 13.5rem !important; }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 13.5rem !important; }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 13.5rem !important; }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 13.5rem !important; }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 13.5rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.1875rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.1875rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.1875rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.1875rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.1875rem !important; }
  .p-sm-2 {
    padding: 0.375rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.375rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.375rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.375rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.375rem !important; }
  .p-sm-3 {
    padding: 0.75rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 0.75rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 0.75rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 0.75rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 0.75rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 2.25rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 2.25rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 2.25rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 2.25rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 2.25rem !important; }
  .p-sm-6 {
    padding: 4.5rem !important; }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4.5rem !important; }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4.5rem !important; }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4.5rem !important; }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4.5rem !important; }
  .p-sm-7 {
    padding: 6.75rem !important; }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 6.75rem !important; }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 6.75rem !important; }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 6.75rem !important; }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 6.75rem !important; }
  .p-sm-8 {
    padding: 13.5rem !important; }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 13.5rem !important; }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 13.5rem !important; }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 13.5rem !important; }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 13.5rem !important; }
  .m-sm-n1 {
    margin: -0.1875rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.1875rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.1875rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.1875rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.1875rem !important; }
  .m-sm-n2 {
    margin: -0.375rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.375rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.375rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.375rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.375rem !important; }
  .m-sm-n3 {
    margin: -0.75rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -0.75rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -0.75rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -0.75rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -0.75rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -2.25rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -2.25rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -2.25rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -2.25rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -2.25rem !important; }
  .m-sm-n6 {
    margin: -4.5rem !important; }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -4.5rem !important; }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -4.5rem !important; }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -4.5rem !important; }
  .m-sm-n7 {
    margin: -6.75rem !important; }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -6.75rem !important; }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -6.75rem !important; }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -6.75rem !important; }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -6.75rem !important; }
  .m-sm-n8 {
    margin: -13.5rem !important; }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -13.5rem !important; }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -13.5rem !important; }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -13.5rem !important; }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -13.5rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.1875rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.1875rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.1875rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.1875rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.1875rem !important; }
  .m-md-2 {
    margin: 0.375rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.375rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.375rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.375rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.375rem !important; }
  .m-md-3 {
    margin: 0.75rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 0.75rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 0.75rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 0.75rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 0.75rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 2.25rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 2.25rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 2.25rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 2.25rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 2.25rem !important; }
  .m-md-6 {
    margin: 4.5rem !important; }
  .mt-md-6,
  .my-md-6 {
    margin-top: 4.5rem !important; }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 4.5rem !important; }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4.5rem !important; }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 4.5rem !important; }
  .m-md-7 {
    margin: 6.75rem !important; }
  .mt-md-7,
  .my-md-7 {
    margin-top: 6.75rem !important; }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 6.75rem !important; }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 6.75rem !important; }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 6.75rem !important; }
  .m-md-8 {
    margin: 13.5rem !important; }
  .mt-md-8,
  .my-md-8 {
    margin-top: 13.5rem !important; }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 13.5rem !important; }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 13.5rem !important; }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 13.5rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.1875rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.1875rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.1875rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.1875rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.1875rem !important; }
  .p-md-2 {
    padding: 0.375rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.375rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.375rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.375rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.375rem !important; }
  .p-md-3 {
    padding: 0.75rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 0.75rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 0.75rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 0.75rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 0.75rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 2.25rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 2.25rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 2.25rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 2.25rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 2.25rem !important; }
  .p-md-6 {
    padding: 4.5rem !important; }
  .pt-md-6,
  .py-md-6 {
    padding-top: 4.5rem !important; }
  .pr-md-6,
  .px-md-6 {
    padding-right: 4.5rem !important; }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4.5rem !important; }
  .pl-md-6,
  .px-md-6 {
    padding-left: 4.5rem !important; }
  .p-md-7 {
    padding: 6.75rem !important; }
  .pt-md-7,
  .py-md-7 {
    padding-top: 6.75rem !important; }
  .pr-md-7,
  .px-md-7 {
    padding-right: 6.75rem !important; }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 6.75rem !important; }
  .pl-md-7,
  .px-md-7 {
    padding-left: 6.75rem !important; }
  .p-md-8 {
    padding: 13.5rem !important; }
  .pt-md-8,
  .py-md-8 {
    padding-top: 13.5rem !important; }
  .pr-md-8,
  .px-md-8 {
    padding-right: 13.5rem !important; }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 13.5rem !important; }
  .pl-md-8,
  .px-md-8 {
    padding-left: 13.5rem !important; }
  .m-md-n1 {
    margin: -0.1875rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.1875rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.1875rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.1875rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.1875rem !important; }
  .m-md-n2 {
    margin: -0.375rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.375rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.375rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.375rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.375rem !important; }
  .m-md-n3 {
    margin: -0.75rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -0.75rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -0.75rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -0.75rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -0.75rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -2.25rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -2.25rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -2.25rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -2.25rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -2.25rem !important; }
  .m-md-n6 {
    margin: -4.5rem !important; }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -4.5rem !important; }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -4.5rem !important; }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -4.5rem !important; }
  .m-md-n7 {
    margin: -6.75rem !important; }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -6.75rem !important; }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -6.75rem !important; }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -6.75rem !important; }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -6.75rem !important; }
  .m-md-n8 {
    margin: -13.5rem !important; }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -13.5rem !important; }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -13.5rem !important; }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -13.5rem !important; }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -13.5rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.1875rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.1875rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.1875rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.1875rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.1875rem !important; }
  .m-lg-2 {
    margin: 0.375rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.375rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.375rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.375rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.375rem !important; }
  .m-lg-3 {
    margin: 0.75rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 0.75rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 0.75rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 0.75rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 0.75rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 2.25rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 2.25rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 2.25rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 2.25rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 2.25rem !important; }
  .m-lg-6 {
    margin: 4.5rem !important; }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4.5rem !important; }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 4.5rem !important; }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4.5rem !important; }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 4.5rem !important; }
  .m-lg-7 {
    margin: 6.75rem !important; }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 6.75rem !important; }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 6.75rem !important; }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 6.75rem !important; }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 6.75rem !important; }
  .m-lg-8 {
    margin: 13.5rem !important; }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 13.5rem !important; }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 13.5rem !important; }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 13.5rem !important; }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 13.5rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.1875rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.1875rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.1875rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.1875rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.1875rem !important; }
  .p-lg-2 {
    padding: 0.375rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.375rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.375rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.375rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.375rem !important; }
  .p-lg-3 {
    padding: 0.75rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 0.75rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 0.75rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 0.75rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 0.75rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 2.25rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 2.25rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 2.25rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 2.25rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 2.25rem !important; }
  .p-lg-6 {
    padding: 4.5rem !important; }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4.5rem !important; }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4.5rem !important; }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4.5rem !important; }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4.5rem !important; }
  .p-lg-7 {
    padding: 6.75rem !important; }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 6.75rem !important; }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 6.75rem !important; }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 6.75rem !important; }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 6.75rem !important; }
  .p-lg-8 {
    padding: 13.5rem !important; }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 13.5rem !important; }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 13.5rem !important; }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 13.5rem !important; }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 13.5rem !important; }
  .m-lg-n1 {
    margin: -0.1875rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.1875rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.1875rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.1875rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.1875rem !important; }
  .m-lg-n2 {
    margin: -0.375rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.375rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.375rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.375rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.375rem !important; }
  .m-lg-n3 {
    margin: -0.75rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -0.75rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -0.75rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -0.75rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -0.75rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -2.25rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -2.25rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -2.25rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -2.25rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -2.25rem !important; }
  .m-lg-n6 {
    margin: -4.5rem !important; }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -4.5rem !important; }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -4.5rem !important; }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -4.5rem !important; }
  .m-lg-n7 {
    margin: -6.75rem !important; }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -6.75rem !important; }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -6.75rem !important; }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -6.75rem !important; }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -6.75rem !important; }
  .m-lg-n8 {
    margin: -13.5rem !important; }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -13.5rem !important; }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -13.5rem !important; }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -13.5rem !important; }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -13.5rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.1875rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.1875rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.1875rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.1875rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.1875rem !important; }
  .m-xl-2 {
    margin: 0.375rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.375rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.375rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.375rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.375rem !important; }
  .m-xl-3 {
    margin: 0.75rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 0.75rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 0.75rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 0.75rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 0.75rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 2.25rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 2.25rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 2.25rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 2.25rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 2.25rem !important; }
  .m-xl-6 {
    margin: 4.5rem !important; }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4.5rem !important; }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 4.5rem !important; }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4.5rem !important; }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 4.5rem !important; }
  .m-xl-7 {
    margin: 6.75rem !important; }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 6.75rem !important; }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 6.75rem !important; }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 6.75rem !important; }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 6.75rem !important; }
  .m-xl-8 {
    margin: 13.5rem !important; }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 13.5rem !important; }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 13.5rem !important; }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 13.5rem !important; }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 13.5rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.1875rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.1875rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.1875rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.1875rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.1875rem !important; }
  .p-xl-2 {
    padding: 0.375rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.375rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.375rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.375rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.375rem !important; }
  .p-xl-3 {
    padding: 0.75rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 0.75rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 0.75rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 0.75rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 0.75rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 2.25rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 2.25rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 2.25rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 2.25rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 2.25rem !important; }
  .p-xl-6 {
    padding: 4.5rem !important; }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 4.5rem !important; }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 4.5rem !important; }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 4.5rem !important; }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 4.5rem !important; }
  .p-xl-7 {
    padding: 6.75rem !important; }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 6.75rem !important; }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 6.75rem !important; }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 6.75rem !important; }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 6.75rem !important; }
  .p-xl-8 {
    padding: 13.5rem !important; }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 13.5rem !important; }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 13.5rem !important; }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 13.5rem !important; }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 13.5rem !important; }
  .m-xl-n1 {
    margin: -0.1875rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.1875rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.1875rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.1875rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.1875rem !important; }
  .m-xl-n2 {
    margin: -0.375rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.375rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.375rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.375rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.375rem !important; }
  .m-xl-n3 {
    margin: -0.75rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -0.75rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -0.75rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -0.75rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -0.75rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -2.25rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -2.25rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -2.25rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -2.25rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -2.25rem !important; }
  .m-xl-n6 {
    margin: -4.5rem !important; }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -4.5rem !important; }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -4.5rem !important; }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -4.5rem !important; }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -4.5rem !important; }
  .m-xl-n7 {
    margin: -6.75rem !important; }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -6.75rem !important; }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -6.75rem !important; }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -6.75rem !important; }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -6.75rem !important; }
  .m-xl-n8 {
    margin: -13.5rem !important; }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -13.5rem !important; }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -13.5rem !important; }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -13.5rem !important; }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -13.5rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify {
  text-align: justify !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 400 !important; }

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

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

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

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

.font-italic {
  font-style: italic !important; }

.text-white {
  color: var(--white-fff) !important; }

.text-primary {
  color: var(--color-2c7be5) !important; }

a.text-primary:hover, a.text-primary:focus {
  color: var(--color-1657af) !important; }

.text-secondary {
  color: var(--color-secondary) !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: var(--color-4c5f78) !important; }

.text-success {
  color: var(--color-31af69) !important; }

.text-muted .text-success {
  color: var(--color-bbd0c5) !important; }

.text-success .bold {
  color: var(--color-success-med) !important; }

a.text-success:hover, a.text-success:focus {
  color: var(--color-008d52) !important; }

.hint a.text-success {
  color: var(--color-008d52) !important;
  }

.hint a.text-success:hover {
  color: var(--color-31af69) !important;
  }

.text-disabled {
  color: var(--color-text-disabled) !important;
  }

.text-info {
  color: var(--color-39afd1) !important; }

a.text-info:hover, a.text-info:focus {
  color: var(--color-247f9a) !important; }

.text-warning {
  color: var(--color-text-warning) !important; }

.text-warning.text-darker {
  color: var(--warning-dark) !important; }

.text-checking,
.text-starting {
  color: var(--violet-blue) !important; }

a.text-warning:hover, a.text-warning:focus {
  color: var(--color-e2a40b) !important; }

.text-danger {
  color: var(--red) !important; }

a.text-danger:hover, a.text-danger:focus {
  color: var(--color-b91735) !important; }

.text-light {
  color: var(--white-secondary) !important; }

a.text-light:hover, a.text-light:focus {
  color: var(--color-b4c9e6) !important; }

.text-white {
  color: var(--white-fff) !important; }

a.text-white:hover, a.text-white:focus {
  color: var(--color-d9d9d9) !important;
  }

a.text-muted,
.hint a.text-muted,
.input-disabled.text-muted,
.text-muted {
  color: var(--color-text-muted) !important;
  }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

.badge {
  vertical-align: middle; }

.btn .badge {
  top: -2px; }

.btn-rounded-circle {
  width: calc(1em * 1.5 + 1rem + 1px * 2);
  padding-left: 0;
  padding-right: 0;
  border-radius: 50%; }

.btn-rounded-circle.btn-lg, .btn-group-lg > .btn-rounded-circle.btn {
  width: calc(1em * 1.5 + 1rem + 1px * 2); }

.btn-rounded-circle.btn-sm, .btn-group-sm > .btn-rounded-circle.btn {
  width: calc(1em * 1.75 + 0.25rem + 1px * 2); }

.btn-group .btn + .btn {
  margin-left: 0; }

.card {
  margin-bottom: 1.5rem;
  border-color: var(--color-card-border);
  box-shadow: 0 5px 5px var(--color-card-shadow);
  }

.card-header {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  min-height: 3.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }
  .card-header > * {
    flex: 1; }

.card-title {
  margin-bottom: .5rem; }

.card-header-title {
  margin-bottom: 0; }

.card-table {
  line-height: 1.1rem;
  margin-bottom: 0; }

.card-table thead th {
  border-top-width: 0; }

.card-table thead th:first-child, .card-table tbody td:first-child {
  padding-left: 1.5rem !important; }

.card-table thead th:last-child, .card-table tbody td:last-child {
  padding-right: 1.5rem !important; }

.card > .table-responsive:first-child > .card-table > thead:first-child > tr:first-child > th:first-child, .card > .table-responsive:first-child > .card-table > thead:first-child > tr:first-child > td:first-child, .card > .table-responsive:first-child > .card-table > tbody:first-child > tr:first-child > th:first-child, .card > .table-responsive:first-child > .card-table > tbody:first-child > tr:first-child > td:first-child, .card > .table-responsive:first-child > .card-table > tfoot:first-child > tr:first-child > th:first-child, .card > .table-responsive:first-child > .card-table > tfoot:first-child > tr:first-child > td:first-child,
.card > .card-table:first-child > thead:first-child > tr:first-child > th:first-child,
.card > .card-table:first-child > thead:first-child > tr:first-child > td:first-child,
.card > .card-table:first-child > tbody:first-child > tr:first-child > th:first-child,
.card > .card-table:first-child > tbody:first-child > tr:first-child > td:first-child,
.card > .card-table:first-child > tfoot:first-child > tr:first-child > th:first-child,
.card > .card-table:first-child > tfoot:first-child > tr:first-child > td:first-child {
  border-top-left-radius: 0.5rem; }

.card > .table-responsive:first-child > .card-table > thead:first-child > tr:first-child > th:last-child, .card > .table-responsive:first-child > .card-table > thead:first-child > tr:first-child > td:last-child, .card > .table-responsive:first-child > .card-table > tbody:first-child > tr:first-child > th:last-child, .card > .table-responsive:first-child > .card-table > tbody:first-child > tr:first-child > td:last-child, .card > .table-responsive:first-child > .card-table > tfoot:first-child > tr:first-child > th:last-child, .card > .table-responsive:first-child > .card-table > tfoot:first-child > tr:first-child > td:last-child,
.card > .card-table:first-child > thead:first-child > tr:first-child > th:last-child,
.card > .card-table:first-child > thead:first-child > tr:first-child > td:last-child,
.card > .card-table:first-child > tbody:first-child > tr:first-child > th:last-child,
.card > .card-table:first-child > tbody:first-child > tr:first-child > td:last-child,
.card > .card-table:first-child > tfoot:first-child > tr:first-child > th:last-child,
.card > .card-table:first-child > tfoot:first-child > tr:first-child > td:last-child {
  border-top-right-radius: 0.5rem; }

.card-avatar {
  display: block !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem; }

.card-avatar-top {
  margin-top: -3rem; }

.card-avatar-top.avatar-xs {
  margin-top: -2.3125rem; }

.card-avatar-top.avatar-sm {
  margin-top: -2.75rem; }

.card-avatar-top.avatar-lg {
  margin-top: -3.5rem; }

.card-avatar-top.avatar-xl {
  margin-top: -4.0625rem; }

.card-avatar-top.avatar-xxl {
  margin-top: -5.5rem; }

.card-dropdown {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem; }

.card-inactive {
  border-color: var(--color-e3ebf6);
  border-style: dashed;
  background-color: transparent;
  box-shadow: none; }

.highlight {
  padding: 0; }

.custom-switch {
  min-height: 18px;
  }

.custom-switch .custom-control-label::before {
  background: var(--white-fff);
  top: 0;
  height: 18.5px;
  box-shadow: 1px 1px 2px var(--color-shadow);
  border-radius: 8px;
  }

.custom-switch .custom-control-label::after {
  top: 1px;
  left: -52px;
  /* background-color: var(--red-dark); */
  }

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--white-fff);
  transform: translateX(1.5rem);
  }

.custom-control.success .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--color-success-med);
  }

.dropdown-toggle:after {
  content: '\e92e';
  width: auto;
  height: auto;
  border: none !important;
  vertical-align: middle;
  font-family: 'Feather'; }

.dropup > .dropdown-toggle:after {
  content: '\e931'; }

.dropright > .dropdown-toggle:after {
  content: '\e930'; }

.dropleft > .dropdown-toggle:after {
  content: '\e92f'; }

.dropdown-item.dropdown-toggle {
  display: flex;
  justify-content: space-between; }

.dropdown-ellipses {
  font-size: 1.0625rem;
  color: var(--color-D2DDEC); }

.dropdown-ellipses::after {
  display: none; }

.dropdown-menu-card {
  min-width: 350px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--white-fff);
  border-color: rgba(18, 38, 63, 0.1); }
  .dropdown-menu-card .card-header {
    min-height: 3.125rem; }
  .dropdown-menu-card .card-body {
    max-height: 350px;
    overflow-y: auto; }

.form-text {
  margin-top: 0;
  margin-bottom: 0.5rem; }

.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  box-shadow: none; }

.form-control-flush {
  padding: 0;
  border-width: 0;
  background-color: transparent; }
  .form-control-flush:focus {
    background-color: transparent; }

.form-control-rounded {
  border-radius: 20rem; }

.input-group.input-group-merge > .form-control {
  border-radius: 0.375rem; }
  .input-group.input-group-merge > .form-control:focus {
    box-shadow: none; }
    .input-group.input-group-merge > .form-control:focus ~ [class*="input-group"] > .input-group-text {
      border-color: var(--color-2c7be5); }

.input-group.input-group-merge > .form-control.is-valid ~ [class*="input-group"] > .input-group-text {
  border-color: var(--color-00D97E); }

.input-group.input-group-merge > .form-control.is-invalid ~ [class*="input-group"] > .input-group-text {
  border-color: var(--red); }

.input-group.input-group-merge > .form-control-prepended {
  padding-left: 0.375rem;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left-width: 0; }

.input-group.input-group-merge > .form-control-appended {
  padding-right: 0.375rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-width: 0; }

.input-group.input-group-merge > .input-group-prepend {
  order: -1; }
  .input-group.input-group-merge > .input-group-prepend > .input-group-text {
    padding-right: 0.375rem;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-right-width: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.input-group.input-group-merge > .input-group-append > .input-group-text {
  padding-left: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-left-width: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.input-group-lg.input-group-merge > .form-control {
  border-radius: 0.5rem; }

.input-group-lg.input-group-merge > .form-control-prepended {
  padding-left: 0.5rem; }

.input-group-lg.input-group-merge > .form-control-appended {
  padding-right: 0.5rem; }

.input-group-lg.input-group-merge > .input-group-prepend > .input-group-text {
  padding-right: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem; }

.input-group-lg.input-group-merge > .input-group-append > .input-group-text {
  padding-left: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; }

.input-group-sm.input-group-merge > .form-control {
  border-radius: 0.25rem; }

.input-group-sm.input-group-merge > .form-control-prepended {
  padding-left: 0.25rem; }

.input-group-sm.input-group-merge > .form-control-appended {
  padding-right: 0.25rem; }

.input-group-sm.input-group-merge > .input-group-prepend > .input-group-text {
  padding-right: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.input-group-sm.input-group-merge > .input-group-append > .input-group-text {
  padding-left: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.input-group-rounded.input-group-merge > .form-control {
  border-radius: 20rem; }

.input-group-rounded.input-group-merge > .input-group-prepend > .input-group-text {
  border-top-left-radius: 20rem;
  border-bottom-left-radius: 20rem; }

.input-group-rounded.input-group-merge > .input-group-append > .input-group-text {
  border-top-right-radius: 20rem;
  border-bottom-right-radius: 20rem; }

.input-group-flush > .form-control {
  padding: 0;
  border-width: 0;
  background-color: transparent; }

.input-group-flush > .input-group-prepend > .input-group-text,
.input-group-flush > .input-group-append > .input-group-text {
  padding: 0;
  border-width: 0;
  background-color: transparent; }

.nav-tabs .nav-item {
  margin-left: 0.75rem;
  margin-right: 0.75rem; }

.nav-tabs.nav-inner-tabs .nav-item {
  margin-left: 0;
  margin-right: 0; }

.nav-tabs .nav-link {
  padding: 1rem 0;
  border-bottom: 1px solid transparent;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0; }

.nav-tabs .nav-item:first-child {
  margin-left: 0; }

.nav-tabs .nav-item:last-child {
  margin-right: 0; }

.nav-tabs .nav-item.show .nav-link {
  border-color: transparent; }

.nav-overflow {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 1px; }
  .nav-overflow::-webkit-scrollbar {
    display: none; }

.nav-tabs-sm {
  font-size: 0.8125rem; }
  .nav-tabs-sm .nav-item {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  .nav-tabs-sm .nav-link {
    padding-top: 1.15385rem;
    padding-bottom: 1.15385rem; }

.nav-sm .nav-link {
  font-size: 0.8125rem; }

.nav.btn-group .btn-white.active {
  background-color: var(--color-2c7be5);
  border-color: var(--color-2c7be5);
  color: var(--white-fff); }



.popover {
  padding: 0.8rem 0.95rem; }
  .popover:hover {
    display: block !important; }

.popover-header {
  margin-bottom: 0.25rem;
  border-bottom: 0; }

.popover-body-label {
  margin-left: .25rem; }

.popover-body-value {
  margin-left: .25rem; }

.popover-body-indicator {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  border-radius: 50%; }

.progress-bar:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.progress-bar:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.progress-sm {
  height: 0.25rem; }

[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.table {
  vertical-align: middle;
  }

.table thead th {
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--color-95aac9);
  border-bottom-width: 1px;
  }

.table-sm {
  font-size: 0.8125rem; }
  .table-sm thead th {
    font-size: 0.625rem; }

.table-sm i {
  font-size: 14px; }

.table-nowrap th, .table-nowrap td {
  white-space: nowrap; }

.table [data-sort]::after {
  content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='rgb(202, 215, 228)'/></svg>");
  margin-left: .25rem; }

a.sort {
  cursor: pointer !important;
}

.table [data-sort].sort.desc::after {
  content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='rgb(100, 149, 237)'/><path d='M3 0L6 4H0L3 0ZM3 10L0' fill='rgb(202, 215, 228)'/></svg>");
  margin-left: .25rem; }

.table [data-sort].sort.asc::after {
  content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='rgb(202, 215, 228)'/><path d='M3 0L6 4H0L3 0ZM3 10L0' fill='rgb(100, 149, 237)'/></svg>");
  margin-left: .25rem; }

.toast {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 1030; }

h1, .h1 {
  margin-bottom: 1.125rem;
  font-size: 1.5rem; }
  @media (min-width: 768px) {
    h1, .h1 {
      font-size: 1.625rem; } }

h2, .h2 {
  margin-bottom: 1.125rem; }

h3, .h3 {
  margin-bottom: 0.84375rem; }

h4, .h4 {
  margin-bottom: 0.5625rem; }

h5, .h5 {
  margin-bottom: 0.5625rem; }

h6, .h6 {
  margin-bottom: 0.5625rem; }

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
  color: inherit; }

.display-1,
.display-2,
.display-3,
.display-4 {
  letter-spacing: -0.02em; }

b,
strong {
  font-weight: 600; }

a:focus, button:focus {
  outline: none !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-top-5 {
  border-top-width: 5px !important; }

.border-right-5 {
  border-right-width: 5px !important; }

.border-bottom-5 {
  border-bottom-width: 5px !important; }

.border-left-5 {
  border-left-width: 5px !important; }

.border-body {
  border-color: var(--color-F9FBFD) !important; }

.border-card {
  border-color: var(--white-fff) !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.avatar {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  font-size: 1rem; }
  .avatar:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    background-image: url(../img//masks/avatar-status.svg), url(../img//masks/avatar-group.svg), url(../img//masks/avatar-group-hover.svg), url(../img//masks/avatar-group-hover-last.svg); }

.avatar-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
      object-fit: cover; }

.avatar-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--color-b1c2d9);
  color: var(--white-fff); }

.avatar-online::before,
.avatar-offline::before {
  content: '';
  position: absolute;
  bottom: 5%;
  right: 5%;
  width: 20%;
  height: 20%;
  border-radius: 50%; }

.avatar-online .avatar-img,
.avatar-offline .avatar-img {
  -webkit-mask-image: url(../img//masks/avatar-status.svg);
          mask-image: url(../img//masks/avatar-status.svg);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%; }

.avatar-online::before {
  background-color: var(--color-00D97E); }

.avatar-offline::before {
  background-color: var(--color-b1c2d9); }

.avatar-xs {
  width: 1.625rem;
  height: 1.625rem;
  font-size: 0.54167rem; }

.avatar-sm {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.83333rem; }

.avatar-lg {
  width: 4rem;
  height: 4rem;
  font-size: 1.33333rem; }

.avatar-xl {
  width: 5.125rem;
  height: 5.125rem;
  font-size: 1.70833rem; }

.avatar-xxl {
  width: 5.125rem;
  height: 5.125rem;
  font-size: 1.70833rem; }
  @media (min-width: 768px) {
    .avatar-xxl {
      width: 8rem;
      height: 8rem;
      font-size: 2.66667rem; } }

.avatar.avatar-4by3 {
  width: 4rem; }

.avatar-xs.avatar-4by3 {
  width: 2.16667rem; }

.avatar-sm.avatar-4by3 {
  width: 3.33333rem; }

.avatar-lg.avatar-4by3 {
  width: 5.33333rem; }

.avatar-xl.avatar-4by3 {
  width: 6.83333rem; }

.avatar-xxl.avatar-4by3 {
  width: 10.66667rem; }

.avatar-group {
  display: inline-flex; }
  .avatar-group .avatar + .avatar {
    margin-left: -0.75rem; }
  .avatar-group .avatar-xs + .avatar-xs {
    margin-left: -0.40625rem; }
  .avatar-group .avatar-sm + .avatar-sm {
    margin-left: -0.625rem; }
  .avatar-group .avatar-lg + .avatar-lg {
    margin-left: -1rem; }
  .avatar-group .avatar-xl + .avatar-xl {
    margin-left: -1.28125rem; }
  .avatar-group .avatar-xxl + .avatar-xxl {
    margin-left: -2rem; }
  .avatar-group .avatar:not(:last-child) {
    -webkit-mask-image: url(../img//masks/avatar-group.svg);
            mask-image: url(../img//masks/avatar-group.svg);
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%; }
  .avatar-group .avatar:hover {
    -webkit-mask-image: none;
            mask-image: none;
    z-index: 1; }
    .avatar-group .avatar:hover + .avatar {
      -webkit-mask-image: url(../img//masks/avatar-group-hover.svg);
              mask-image: url(../img//masks/avatar-group-hover.svg);
      -webkit-mask-size: 100% 100%;
              mask-size: 100% 100%; }
      .avatar-group .avatar:hover + .avatar:last-child {
        -webkit-mask-image: url(../img//masks/avatar-group-hover-last.svg);
                mask-image: url(../img//masks/avatar-group-hover-last.svg); }

.chart {
  position: relative;
  height: 300px; }

.chart.chart-appended {
  height: calc(300px - 3.71875rem); }

.chart-sm {
  height: 225px; }

.chart-sm.chart-appended {
  height: calc(225px - 3.71875rem); }

.chart-legend {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
  font-size: 0.8125rem;
  text-align: center;
  color: var(--color-95aac9); }

.chart-legend-item {
  display: inline-flex;
  align-items: center; }
  .chart-legend-item + .chart-legend-item {
    margin-left: 1rem; }

.chart-legend-indicator {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-right: 0.375rem;
  border-radius: 50%; }

#chart-tooltip {
  z-index: 0; }

#chart-tooltip .arrow {
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateX(-0.5rem); }

.comment {
  margin-bottom: 1rem; }

.comment-body {
  display: inline-block;
  padding: 1rem 1.25rem;
  background-color: var(--color-F9FBFD);
  border-radius: 0.375rem; }

.comment-time {
  display: block;
  margin-bottom: 0.5625rem;
  font-size: 0.625rem;
  color: var(--color-95aac9); }

.comment-text {
  font-size: 0.8125rem; }

.comment-text:last-child {
  margin-bottom: 0; }

.header {
  margin-bottom: 1.5rem; }

.header-img-top {
  width: 100%;
  height: auto; }

.header-body {
  padding-top: 0.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-e3ebf6); }

.header.bg-dark .header-body {
  border-bottom-color: rgba(227, 235, 246, 0.1); }

.header-footer {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.header-pretitle {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--color-95aac9); }

.header-pretitle.dashboard {
  margin-top: 10px;
  float: left;
  margin-left: 10px;
  margin-bottom: 0; }

.header-title {
  margin-bottom: 0; }

.header-subtitle {
  margin-top: 0.375rem;
  margin-bottom: 0;
  color: var(--color-95aac9); }

.header-tabs {
  border-bottom-width: 0; }

.header-tabs.nav-inner-tabs .nav-link {
  padding: 10px 20px; }

.icon {
  display: inline-block; }
  .icon.active {
    position: relative; }
    .icon.active:after {
      content: '';
      position: absolute;
      top: 10%;
      right: 30%;
      width: 20%;
      height: 20%;
      border-radius: 50%;
      background-color: var(--color-2c7be5); }
    .icon.active .fe {
      display: block;
      min-width: 1.5em;
      min-height: 1.5em;
      font-size: 1.0625rem;
      -webkit-mask-image: url(../img//masks/icon-status.svg);
              mask-image: url(../img//masks/icon-status.svg);
      -webkit-mask-size: 100% 100%;
              mask-size: 100% 100%; }

.fe {
  line-height: inherit; }

.dropzone {
  background: var(--color-page-body-bg);
  border: 1px solid var(--color-page-header) !important;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  padding: 0 20px;
  }

.dropzone {
  background: var(--color-dropzone-outer) !important;
  }

.dropzone > .dz-preview .dz-details {
  color: var(--color-ad22a1) !important;
  background-color: rgb(239, 239, 239) !important;
  }

.dz-message {
  padding: 5rem 1rem;
  background-color: var(--white-fff);
  border: 1px dashed var(--color-d2ddec);
  border-radius: 0.375rem;
  text-align: center;
  color: var(--color-95aac9);
  transition: all 0.2s ease-in-out;
  order: -1;
  cursor: pointer;
  z-index: 0; }
  .dz-message:hover {
    border-color: var(--color-95aac9);
    color: var(--color-12263f); }

.dz-drag-hover .dz-message {
  border-color: var(--color-2c7be5);
  color: var(--color-2c7be5); }

.dropzone-multiple .dz-message {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.dropzone-single.dz-max-files-reached .dz-message {
  background-color: rgba(18, 38, 63, 0.9);
  color: white;
  opacity: 0; }
  .dropzone-single.dz-max-files-reached .dz-message:hover {
    opacity: 1; }

.dz-preview-single {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.375rem; }

.dz-preview-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0.375rem; }

.dz-preview-img {
  -o-object-fit: cover;
      object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 0.375rem; }

.dz-preview-multiple .list-group-item:last-child {
  padding-bottom: 0;
  border-bottom: 0; }

[data-dz-size] strong {
  font-weight: 400; }

.flatpickr-calendar {
  background-color: var(--white-fff);
  border: 1px solid var(--color-d2ddec);
  color: var(--color-12263f);
  box-shadow: none; }
  .flatpickr-calendar * {
    color: inherit !important;
    fill: currentColor !important; }
  .flatpickr-calendar.arrowTop:before {
    border-bottom-color: var(--color-D2DDEC); }
  .flatpickr-calendar.arrowTop:after {
    border-bottom-color: var(--white-fff); }
  .flatpickr-calendar .flatpickr-months {
    padding-top: .625rem;
    padding-bottom: .625rem; }
  .flatpickr-calendar .flatpickr-prev-month,
  .flatpickr-calendar .flatpickr-next-month {
    top: .625rem; }
  .flatpickr-calendar .flatpickr-current-month {
    font-size: 115%; }
  .flatpickr-calendar .flatpickr-day {
    border-radius: 0.375rem; }
    .flatpickr-calendar .flatpickr-day:hover {
      background-color: var(--white-secondary);
      border-color: var(--color-D2DDEC); }
  .flatpickr-calendar .flatpickr-day.prevMonthDay {
    color: var(--color-95aac9) !important; }
  .flatpickr-calendar .flatpickr-day.today {
    border-color: var(--color-e3ebf6); }
  .flatpickr-calendar .flatpickr-day.selected {
    background-color: var(--color-2c7be5);
    border-color: var(--color-2c7be5);
    color: var(--white-fff) !important; }
  .flatpickr-calendar .flatpickr-day.inRange {
    background-color: var(--white-secondary);
    border: none;
    border-radius: 0;
    box-shadow: -5px 0 0 var(--white-secondary), 5px 0 0 var(--white-secondary); }

.select2-selection__arrow {
  display: none; }

.select2.select2-container {
  width: 100% !important; }

.select2-container .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field {
  display: block;
  width: 100%;
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--color-12263f);
  background-color: var(--white-fff);
  background-clip: padding-box;
  border: 1px solid var(--color-d2ddec);
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .select2-container .select2-selection--single,
    .select2-container--default.select2-container--focus .select2-selection--multiple,
    .select2-container--default .select2-selection--multiple,
    .select2-container--default .select2-search--dropdown .select2-search__field {
      transition: none; } }
  .select2-container .select2-selection--single::-ms-expand,
  .select2-container--default.select2-container--focus .select2-selection--multiple::-ms-expand,
  .select2-container--default .select2-selection--multiple::-ms-expand,
  .select2-container--default .select2-search--dropdown .select2-search__field::-ms-expand {
    background-color: transparent;
    border: 0; }
  .select2-container .select2-selection--single:focus,
  .select2-container--default.select2-container--focus .select2-selection--multiple:focus,
  .select2-container--default .select2-selection--multiple:focus,
  .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    color: var(--color-12263f);
    background-color: var(--white-fff);
    border-color: var(--color-2c7be5);
    outline: 0;
    box-shadow: transparent; }
  .select2-container .select2-selection--single:-ms-input-placeholder,
  .select2-container--default.select2-container--focus .select2-selection--multiple:-ms-input-placeholder,
  .select2-container--default .select2-selection--multiple:-ms-input-placeholder,
  .select2-container--default .select2-search--dropdown .select2-search__field:-ms-input-placeholder {
    color: var(--color-b1c2d9);
    opacity: 1; }
  .select2-container .select2-selection--single::-ms-input-placeholder,
  .select2-container--default.select2-container--focus .select2-selection--multiple::-ms-input-placeholder,
  .select2-container--default .select2-selection--multiple::-ms-input-placeholder,
  .select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder {
    color: var(--color-b1c2d9);
    opacity: 1; }
  .select2-container .select2-selection--single::placeholder,
  .select2-container--default.select2-container--focus .select2-selection--multiple::placeholder,
  .select2-container--default .select2-selection--multiple::placeholder,
  .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    color: var(--color-b1c2d9);
    opacity: 1; }
  .select2-container .select2-selection--single:disabled, .select2-container .select2-selection--single[readonly],
  .select2-container--default.select2-container--focus .select2-selection--multiple:disabled,
  .select2-container--default.select2-container--focus .select2-selection--multiple[readonly],
  .select2-container--default .select2-selection--multiple:disabled,
  .select2-container--default .select2-selection--multiple[readonly],
  .select2-container--default .select2-search--dropdown .select2-search__field:disabled,
  .select2-container--default .select2-search--dropdown .select2-search__field[readonly] {
    background-color: var(--white-fff);
    opacity: 1; }

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: inherit;
  line-height: inherit; }

.select2-dropdown {
  padding: 0.5rem 0;
  background-color: var(--white-fff);
  border: 1px solid rgba(18, 38, 63, 0.1);
  border-radius: 0.375rem; }

.select2-results__option {
  padding: 0.375rem 0.75rem;
  background-color: transparent;
  color: var(--color-secondary); }
  .select2-results__option:hover {
    color: var(--color-12263f); }

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: transparent;
  color: var(--color-12263f); }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: var(--color-95aac9); }

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  height: auto;
  min-height: calc(1.5em + 1rem + 2px); }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: block;
  margin: 0 0 -.25rem -.25rem;
  padding: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  padding: 0 .5rem;
  margin: 0 0 .25rem .25rem;
  background-color: var(--white-secondary);
  border: none;
  border-radius: 0.25rem;
  line-height: 1.40625rem;
  font-size: 0.8125rem;
  color: var(--color-12263f); }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  order: 2;
  margin-left: .5rem;
  color: var(--color-95aac9); }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--color-12263f); }

.select2-container .select2-search--inline {
  display: none; }

.select2-selection[aria-expanded="true"] {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.select2-search--dropdown {
  padding: 0.375rem 0.75rem; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: calc(1.75em + 0.25rem + 2px);
  padding: 0.125rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.75;
  border-radius: 0.25rem; }

.form-control-sm + .select2-container .select2-selection--single,
.form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-sm + .select2-container--default .select2-selection--multiple {
  height: calc(1.75em + 0.25rem + 2px);
  padding: 0.125rem 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.75;
  border-radius: 0.25rem; }

.form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-sm + .select2-container--default .select2-selection--multiple {
  min-height: calc(1.75em + 0.25rem + 2px); }

.form-control-sm + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  line-height: 1.42188rem; }

.form-control-lg + .select2-container .select2-selection--single,
.form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-lg + .select2-container--default .select2-selection--multiple {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.0625rem;
  line-height: 1.5;
  border-radius: 0.5rem; }

.form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-lg + .select2-container--default .select2-selection--multiple {
  min-height: calc(1.5em + 1rem + 2px); }

.form-control-lg + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  line-height: 1.59375rem; }

.card-datalist {
  min-height: 350px;
}

.card-title-icon {
  float: left;
  margin-top: -4px;
  margin-right: 5px;
}

.card-dlist .card-header.card-search {
  min-height: 0;
  padding: 0;
}

.card-dlist .card-header.card-search .fe-search {
  position: absolute;
  top: 9px;
  left: 20px;
  float: left;
}

.card-dlist .card-header.card-search input {
  padding-left: 32px;
}

hr.row {
  border: 1px 0px 0px 0px solid var(--color-e3ebf6) !important;
}

.no-pad-left {
  padding-left: 0 !important;
}

.input-disabled {
  color: var(--color-input-disabled) !important;
  background: var(--color-input-disabled-bg) !important;
  border: none !important;
  }

.input-disabled.bg-active {
  color: var(--color-input-active) !important;
  background: var(--color-input-active-bg) !important;
  }

.input-disabled.bg-idle {
  color: var(--color-input-idle) !important;
  background: var(--color-input-idle-bg) !important;
  }

.input-disabled.bg-inactive {
  color: var(--color-input-inactive) !important;
  background: var(--color-input-inactive-bg) !important;
  }

.spinner-border.dlist {
  width: 24px;
  height: 24px;
  line-height: 10px;
  font-size: 8px;
  color: var(--color-cddeff) !important;
  position: absolute;
  right: 20px;
  top: 8px;
}

.pagination.justify-content-end {
  top: 14px;
  right: 12px;
  position: absolute;
  border-radius: 0 !important;
}

.pagination.justify-content-end.top {
  top: 0px;
}

.pagination.justify-content-end .page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.pagination.justify-content-end .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.pagination.justify-content-end a {
  font-size: 12px;
  padding: 5px 10px 4px;
}

.pagination.justify-content-end .page-item.disabled a,
.pagination.justify-content-end .page-item.disabled:hover a {
  background: #FAFAFA;
  color: var(--gray-ccc);
  visibility: hidden;
}

.pagination.justify-content-end .page-item:hover a {
  background: #fdf9fd;
  color: var(--color-337fd0);
}

.pagination.justify-content-end .page-item.page-num {
  background: #f7eaf4;
  color: var(--color-9953d6);
  font-size: 12px;
  border: 1px solid #f7f7f7;
  padding: 6px 5px 9px;
  font-size: 12px;
  font-weight: bold;
}

select.select.form-control {
  display: none !important;
}

.select2.select2-container .select2-selection {
  border: 0 !important;
  background: #fdfeff !important;
  min-height: 16px !important;
}

td.editable:hover {
  cursor: pointer;
  background: aliceblue;
}

input.search {
  border-radius: 0;
}

input.search:focus,
input.search:active {
  box-shadow: 0 0 0 2px rgba(194, 0, 255,.25);
}

.toast {
  position: absolute;
  top: 75px;
  right: 10px;
  opacity: 0;
  bottom: auto;
  cursor: pointer;
  width: 300px !important;
  box-shadow: 8px 8px 8px var(--color-shadow);
}

.alert {
  position: absolute;
  z-index: 1251;
  right: 116px;
  top: 7px;
  max-width: 600px;
  padding: 10px 10px 9px;
  font-size: smaller;
  box-shadow: 3px 3px 5px var(--color-shadow);
}

.alert .alrt-warning {
  background: #f6c343;
  color: var(--color-823d00);
  }

.btn-group button, .btn-group a {
  cursor: pointer;
  }

img.integration-logo {
  height: 24px;
  }

img.thumbnail {
  border: solid 2px var(--color-input-border);
  box-shadow: 5px 5px 2px var(--color-shadow);
  position: absolute;
  right: 50px;
  width:400px;
  max-width:100%;
  }

div.thumb img {
  cursor: pointer;
  }

div.thumb i.zoom {
  display: none;
  }

div.thumb:hover i.zoom {
  display: inline;
  height: 24px;
  width: 24px;
  color: gray;
  }

tr.running {
  background: var(--color-datalist-active-bg);
  }

  #download {
    position: absolute;
    color: white;
    top: 86px;
    right: 23px;
  }

  #download:hover {
    text-decoration: underline;
  }

  .min-height-100 {
    min-height: 100%;
  }

  div.container-login-header {
    height: 10px;
    background: var(--grey-darker);
    border-bottom: 2px solid #3AB8D7 !important;
    margin-bottom: 0px;
  }

  .btn.btn-back {
    background: var(--blue-white);
    border-color: var(--color-eee);
    color: var(--blue-oil);
  }

  .btn.btn-back:hover {
    color: var(--drak-blue-grey);
  }

  .nav-tabs.header-tabs .nav-item.active,
  .nav-tabs.main-tabs .nav-item.active {
    background: var(--color-tab-inner-active-bg);
    border-bottom: 0;
  }

  .header-tabs.main-tabs .nav-link {
    color: var(--color-tab-inner);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    letter-spacing: normal;
    }

  .header-tabs.main-tabs .nav-link:hover {
    color: var(--color-tab-inner-hover);
    }

  .nav-tabs.main-tabs .nav-item {
    margin: 0
  }

  .nav-tabs.main-tabs {
    border-top: 1px solid var(--color-tab-inner-border);
    border-bottom: 1px solid var(--color-tab-inner-border-bottom);
    margin-top: 10px;
    padding-bottom: 0;
  }

  .header-body .rating {
    position: absolute;
    top: 30px;
    padding: 5px 10px 3px;
    left: 11px;
  }

  th.select-all {
    width: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .site-status {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .input-disabled.bg-info {
    color: var(--color-input-info) !important;
    background: var(--color-input-info-bg) !important;
  }

  .input-disabled.bg-warning {
    background: #f7efe3 !important;
    color: var(--color-c37e00) !important;
  }

  .input-disabled.bg-queued {
    color: var(--color-input-pending) !important;
    background: var(--color-input-pending-bg) !important;
  }

  .input-disabled.bg-starting {
    color: var(--color-input-pending) !important;
    background: var(--color-input-pending-bg) !important;
  }

  .input-disabled.bg-success {
    background: #e3f9eb !important;
    color: green !important;
  }

  .input-disabled.bg-danger {
    color: var(--color-input-danger) !important;
    background: var(--color-input-danger-bg) !important;
  }

  .input-disabled.bg-error {
    color: var(--red-dark) !important;
    background: var(--color-ff00001c) !important;
  }

  .input-disabled.bg-ready {
    color: green !important;
  }

  .breadcrumb a {
    color: var(--color-breadcrumb);
    margin-right: 5px;
  }

  .breadcrumb a:hover {
    color: var(--color-790bca);
  }

  .pagination.justify-content-end .page-item.page-num.reload,
  .pagination.justify-content-end .page-item.page-num.settings {
    background: #fceeff;
    color: var(--color-a629bbad);
    font-weight: normal;
  }

  .pagination.justify-content-end .page-item.page-num.reload:hover,
  .pagination.justify-content-end .page-item.page-num.settings:hover {
    cursor: pointer;
    font-weight: bold;
    color: var(--color-a629bb);
  }

  .btn-bar {
    position: relative;
    top: 8px;
  }

  .divider {
    border-top: 1px solid var(--color-divider);
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .dropdown-item:hover {
    color: var(--color-dropdown-hover) !important;
    background:var(--color-dropdown-hover-bg);
  }

  div.hint {
    color: var(--color-hint);
    background: var(--color-hint-bg);
    border-bottom: 1px solid var(--color-hint-border);
    border-left: 4px solid var(--color-hint-border);
    padding: 5px 10px;
    margin: 10px 0 20px;
    font-size: 14px;
    line-height: 20px;
  }

  div.hint.no-border-down {
    border-bottom: 0;
  }

  div.hint span.text-highlight {
    color: var(--color-text-highlight);
    font-weight: bold;
  }

  div.hint span.text-bold {
    color: black;
    font-weight: bold;
  }

  div.hint.danger {
    border-left-color: var(--red-dark);
    background: #fdf7ef;
    color: var(--color-8E0C24) ;
  }

div.hint.warning {
  border-left-color: var(--warning-dark);
  background: var(--color-page-header);
  color: var(--warning-dark);
  }

  div.hint.warning.warning-light {
    background: white;
    color: var(--color-827d78);
    }

  table.table-dynamic { display:table; width:100%; border-collapse:collapse; }
  table.table-dynamic .cell { display:table-cell; }
  table.table-dynamic .cell-full { max-width:1px; width:100%; }
  table.table-dynamic .cell-ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  table.table-dynamic .cell-nowrap { white-space:nowrap; }

  .pointer {
    cursor: pointer;
  }

  .form-control.is-invalid {
    background: var(--color-input-invalid-bg) !important;
  }

  .is-invalid .invalid-feedback,
  .is-invalid ~ .invalid-feedback,
  .input-group.is-invalid ~ .invalid-feedback {
      display: block;
  }

  td .cve-cnt {
    margin-left: 25px;
  }

  .progress.cve-distribution {
    box-shadow: -1px -1px 3px var(--color-shadow);
    border-radius: 0px;
    transform: rotate(90deg);
    width: 20px;
    height: 14px;
  }

  .progress.cve-distribution .progress-bar {
    border-radius: 0px;
  }

  .badge {
    color: var(--blue-white);
    box-shadow: 2px 2px 2px var(--color-shadow);
    border-radius: 4px;
    font-size: 100% !important;
    padding: 7px 6px 5px;
  }

  .rating {
    color: var(--blue-white);
    box-shadow: 3px 3px 3px var(--color-shadow);
    padding: 6px 10px 4px 11px;
    font-weight: bold;
    border-radius: 3px;
  }

  .rating.bg-success,
  .rating.bg-warning {
    padding: 6px 8px 4px 9px;
  }

  .rating-na .rating {
    color: var(--gray-ccc);
    background: transparent;
    padding-left: 0;
    box-shadow: none;
    border-radius: 0;
    font-weight: 100;
  }

  .badge.technology-tag {
    background-color: var(--color-971c95);
    }

  .badge.technology-tag.unsafe {
    background-color: var(--color-text-warning);
    }

  .badge.bg-success {
    background: #459619;
  }

  .badge.bg-warning {
    background: #ffb900;
  }

  .text-aborted {
    color: var(--color-a5a5a5) !important;
  }

  .bg-aborted {
    color: var(--color-input-aborted) !important;
    background: var(--color-input-aborted-bg) !important;
  }

  .badge.pill.badge-severity {
    height: 10px;
    width: 12px !important;
    min-width: 10px !important;
  }

  .badge.badge-severity {
    min-width: 75px;
  }

  .badge.badge-severity.severity-none {
    background: none;
    box-shadow: none;
  }

  .card.widget {
    height: 400px;
    min-height: 106px;
    /* color: var(--color-widget-text); */
  }

  .card.widget.widget-lg {
    height: 400px;
    overflow-y: hidden;
    }

  .card.widget .card-body {
    padding: 15px;
    }

  .card.widget table {
    font-size: 16px;
    table-layout:fixed;
    width:100%;
    }

  .card.widget table th,
  .card.widget table td {
    padding: 7px 10px;
    border-top: 0;
    font-weight: normal;
    font-size: small;
    text-overflow: ellipsis;
    overflow: hidden;
    }

  .card.widget .text-by-apps {
    font-weight: 300;
    font-size: small;
    }

  .widget .widget-icon {
    color: var(--color-widget-gray-light);
    font-size: 50px;
    position: absolute;
    top: -32px;
    right: 0px;
    }

  .widget .widget-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    padding-bottom: 10px;
    border-bottom: solid 1px var(--color-widget-heading-border);
    }

  .widget .widget-value {
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 2.57px;
    color: var(--color-4e0a79);
    }

  .widget .widget-value.value-none {
    font-weight: normal;
    color: var(--color-widget-gray-light);
    }

  .widget.bg-blue {
    background: var(--color-widget-bg-blue);
    border-color: var(--color-widget-bg-blue-border);
    }

  .widget.bg-green {
    background: var(--color-widget-bg-green);
    border-color: var(--color-widget-bg-green-border);
  }

  .widget.bg-orange {
    background: var(--color-widget-bg-orange);
    border-color: var(--color-widget-bg-orange-border);
  }

  .widget.bg-red {
    background: var(--color-widget-bg-red);
    border-color: var(--color-widget-bg-red-border);
  }

  .widget.bg-red .widget-title {
    border-bottom: solid 1px var(--color-widget-gray-light);
  }

  table.table thead tr th {
    padding-right: 10px !important;
    }

  table.table thead tr th.screenshot {
    padding-left: 21px !important;
    }

  table.table thead tr th.screenshot i {
    position: relative;
    top: 2px;
    }

  table.table tr:hover {
    background: var(--color-datalist-row-hover-bg);
    }

  table.table tr.no-hover-bg:hover {
    background: transparent;
    }

  .progress-bar.bg-critical,
  .badge.bg-critical,
  .rating.bg-critical {
    background: var(--color-critical);
  }

  .rating.bg-yellow {
    background: #84c1f3;
  }

  .rating.bg-low {
    background: #ffc107;
  }

  .text-low {
    color: var(--color-medium);
    }

  .bg-rating-a {
    background-color: var(--color-34b722) !important; }

  .bg-rating-f,
  .bg-critical {
    background-color: var(--color-critical) !important; }

  .text-critical {
    color: var(--color-critical) !important;
    }

  .bg-rating-e {
    background-color: var(--color-ec3254) !important; }

  .bg-rating-d {
    background-color: var(--color-high) !important; }

  .bg-rating-c,
  .bg-high {
    background-color: var(--color-high) !important; }

  .text-high {
    color: var(--color-high) !important;
    }

  .bg-rating-b,
  .bg-medium {
    background-color: var(--color-medium) !important; }

  .text-medium {
    color: var(--color-medium) !important;
    }

  .rating-f {
    width: 24px;
    color: var(--color-critical) !important; }

  .rating-e {
    color: var(--color-ec3254) !important; }

  .rating-d {
    color: var(--color-high) !important; }

  .rating-c {
    color: var(--color-high) !important; }

  .rating-b {
    color: var(--color-medium) !important; }

  .rating-a {
    color: var(--color-34b722) !important; }

  .bg-low {
    background-color: var(--color-00a660) !important; }

  .bg-none {
    background-color: var(--color-a1b3ca) !important; }

  .text-low {
    color: var(--color-00a660) !important;
    }

  .bg-info {
    background-color: var(--color-2c7be5) !important; }

  .text-info {
  color: var(--color-2c7be5);
  }

  .tooltip ul.cve-scores {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
  }

  .tooltip-inner {
    margin: 5px 10px;
    margin: 0;
  }

  .bg-idle {
    background: #f9efd3 !important;
    border: 1px solid #f1e4cc;
    color: var(--color-94320e);
  }

  .ext-link {
    cursor: pointer;
    vertical-align: top;
  }

  .ext-link i {
    position: absolute;
    vertical-align: top;
    display: none;
    margin-left: 10px;
    color: var(--gray-999);
  }

  .ext-link:hover span {
    vertical-align: top;
  }

  .ext-link:hover i {
    display: inline;
  }

  tr.site-import-line.error td:first-child {
    border-left: 5px solid #ef8d8d6e;
  }

  tr.site-import-line.disabled td:first-child,
  tr.site-import-line.tocreate td:first-child {
    border-left: 5px solid #02b5025c;
  }

  tr.site-import-line.existing td:first-child {
    border-left: 5px solid var(--color-aaa)aaa59;
  }

  img.rate {
    width: 24px;
  }

  .header-body.with-rating img.rate {
    width: 48px;
    margin-left: 10px;
    }

  .header-body.with-rating .rating-badge-sm img.rate {
    width: 32px;
    }

  .header-body.with-rating .rating-badge-secondary.rating-badge-secondary-sm img.rate {
    width: 24px;
    }

  table td .fe-square {
    font-size: 12px !important;
  }

  tr.deleted td * {
    cursor: default !important;
    }

  tr.deleted td a,
  tr.deleted td i {
    cursor: pointer !important;
    }

  .data-widget .thumbnail {
    position: relative;
    cursor: pointer;
    right: 0;
    }

  .data-widget.site-thumb {
    margin-top: 10px;
    }

  .data-widget.site-thumb i.zoom {
    position: absolute;
    display: none;
    cursor: pointer;
    left: 390px;
    margin-top: -25px;
    z-index: 100;
    }

  .data-widget.site-thumb:hover i.zoom {
    display: block;
    }

  .secondary-lane h4 {
    text-align: left;
    }

  .secondary-lane .data-widget {
    text-align: left;
    }

  .rating-trend-up {
      position: relative;
      top: 3px;
      font-weight: bold;
      color: var(--color-ec0505);
    }

  .rating-trend-down {
    position: relative;
    font-weight: bold;
    color: var(--color-67e02a);
    }

  .btn.dropdown-toggle {
    padding: 7px !important;
    }

  div.inner {
    padding-left: 20px;
    }

  div.inner.danger {
    color: var(--color-a90707);
   }

  div.inner i {
    position: absolute;
    margin-left: -22px;
  }

  /* Charts */

  .apexcharts-tooltip-series-group {
    padding: 0 10px 0 2px !important;
    font-weight: 200 !important;
    line-height: 14px !important;
    }

  .apexcharts-tooltip-series-group .rating-history-tooltip hr {
    margin: 5px 0px;
    }

  .apexcharts-tooltip-series-group .rating-history-tooltip .tooltip-data-row {
    color: var(--gray-plain);
    margin-bottom: 3px;
    font-weight: 200 !important;
    }

  .apexcharts-tooltip-series-group .rating-history-tooltip .tooltip-data-row .tooltip-data-value {
    font-weight: bold;
    float: right;
    color: var(--gray-444);
    margin-left: 10px;
    }


  .apexcharts-tooltip-series-group *:hover,
  .apexcharts-tooltip-series-group:hover {
    cursor: crosshair !important;
    }

  .data-widget .apexcharts-canvas rect {
    color: red !important;
    cursor: pointer;
    }

  .data-widget .apexcharts-canvas rect[val="-3"],
  .data-widget .apexcharts-canvas rect[val="-1"] {
    color: red !important;
    cursor: default;
    }

  .badge-eol {
    margin-left: 10px;
    position: absolute;
    margin-top: -5px;
    font-size: 10px !important;
    padding: 3px 4px 2px;
    box-shadow: 0 0 black;
    }

  .badge-eol.bg-warning {
    background: #ffedc6 !important;
    color: var(--color-ce7806);
    }

  .badge-eol.bg-danger {
    background: #f9d8d8 !important;
    color: var(--color-ce0606);
    }

  .license-badge {
    position: relative;
    font-size: 8px;
    top: -5px;
    color: var(--gray-ccc);
    }

  .custom-switch label span,
  .custom-switch label small {
    position: relative;
    top: 2px;
  }

  .record-unselect-all,
  .record-select-all {
    color: var(--color-datalist-select-all) !important;
    border-left: 1px solid var(--color-datalist-select-all);
    padding-left: 5px;
    margin-left: 3px;
    font-size: 14px;
    cursor: pointer;
    }

  .record-unselect-all:hover,
  .record-select-all:hover {
    color: var(--color-datalist-select-all-hover) !important;
    text-shadow: none;
    }

  .tooltip-medium {
    width: 250px;
    }

  .dropdown-item {
    cursor: pointer;
    }

  .text-sm {
    font-size: 11px;
    }

  .multiselect--active {
    z-index: 1000;
    }

  td.td-response-code {
    margin-top: 5px;
    }

  td .btn.http-code {
    font-size: 13px;
    padding: 5px 8px;
    line-height: 1;
    border-radius: 0.25rem;
    }

  td label {
    margin: 0 !important;
    }

  .dialog-form-label {
    font-size: 14px;
    color: var(--color-aaa);
    }

  .form-control-date {
    width: 100px;
    padding: 6px  10px !important;
    }

  span.link {
    color: var(--color-nav-link-active);
    cursor: pointer;
    }

  span.link:hover {
    text-decoration: underline;
    }

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

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

  .instructions {
    font-size: 14px;
    }

  .instructions ul {
    list-style: none;
    padding-left: 0;
    }

  .instructions li {
    margin-top: 20px;
    font-weight: bold;
    }

  .instructions.inner-guide .title {
    font-weight: bold;
    }

  .instructions.inner-guide ul.step {
    cursor: pointer;
    }

  .instructions.inner-guide ul.step li {
    margin-top: 10px;
    }

  .instructions.inner-guide ul.step .steps {
    display: none;
    }

  .instructions.inner-guide ul.step.highlight {
    color: var(--color-text-guide-highlight);
    cursor: default;
    }

  .instructions.inner-guide ul.step.highlight .steps {
    display: block;
    }

  .instructions.inner-guide ul.step .steps ul,
  .instructions.inner-guide ul.step .steps li {
    font-weight: normal;
    margin: 0 !important;
    }

  .instructions.inner-guide ul.step .cmd,
  .instructions.inner-guide ul.step .perm {
    color: var(--color-text-waiting);
    font-family: 'Courier New';
    letter-spacing: 0px;
    font-size: 13px;
    }

  .instructions-pictures img {
    background: var(--color-screenshot-bg);
    border: 1px dotted var(--color-screenshot-border);
    padding: 10px;
    border-radius: 3px;
    margin-top: 10px;
    width: 200px;
    }

  .data-widget .thumbnail {
    position: relative;
    cursor: pointer;
    right: 0;
    }

  .data-widget.guide-screenshot i.zoom {
    position: relative;
    display: none;
    cursor: pointer;
    top: 25px;
    left: 4px;
    }

  .data-widget.guide-screenshot:hover i.zoom {
    display: block;
    }

  .data-widget.guide-screenshot:hover img {
    margin-top: 15px;
    }

  .form-secondary {
    margin-left: 12px;
    font-size: 14px;
  }

  .form-secondary label {
    font-size: 14px;
    }

  .med {
    font-size: 14px;
    }

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

  .hint.hint-success {
    background-color: var(--white-fff) !important;
    border-left-color: var(--color-aadbb6);
    }

  .hint.hint-info {
    background-color: var(--white-fff) !important;
    border-left-color: var(--color-a8d2ff);
    box-shadow: 5px 5px 5px var(--color-box-shadow);
    }

  .hint.hint-warning {
    background-color: var(--white-fff) !important;
    border-left-color: var(--color-hint-warning-bg);
    box-shadow: 5px 5px 5px var(--color-box-shadow);
    color: var(--color-hint-warning);
    }

  .hint.hint-danger {
    color: var(--color-hint-danger);
    background-color: var(--color-hint-danger-bg) !important;
    border-left-color: var(--color-hint-danger-border);
    box-shadow: 5px 5px 5px var(--color-box-shadow);
    }

  .hint.hint-error {
    color: var(--color-hint-danger);
    background-color: var(--color-hint-danger-bg) !important;
    border-left-color: var(--color-hint-danger-border);
    border-bottom: none;
    }

  .custom-control.custom-switch .custom-control-input ~ .custom-control-label {
    color: var(--color-95aac9) ;
    cursor: pointer;
    }

  .text-sm h4 {
    font-size: 12px;
    }

  .badge-change-priority {
    width: 75px;
    padding: 5px 1px 6px;
    }

  .cpe-field .fe-external-link {
    display: none;
    position: absolute;
    z-index: 10;
    float: right;
    right: 10px;
    top: 12px;
    }

    .cpe-field .cpe-value:hover + .fe-external-link {
      display: block;
      }

    .cpe-field .cpe-value:hover + .fe-external-link {
      display: block;
      }

  .epss-score-percent.danger {
    color: var(--red-dark);
    }

  .epss-score-percent.warning {
    color: var(--color-dd5809);
    }

  .epss-score-percent.notice {
    color: var(--color-ddb209);
    }

  .epss-tooltip-handler i {
    display:inline;
    color: var(--color-bbb);
    margin-left: 5px;
    }

  .hint a {
    color: var(--color-label) !important;
    }

  i.kev {
    color: var(--red-dark);
    font-size: 1rem;
    }

  span.text.text-non-relevant {
    color: var(--gray);
    }

  .rich-tooltip .tooltip-sm {
    width: 100px;
    }

  .rich-tooltip .tooltip-md {
    width: 180px;
  }

  .rich-tooltip .tooltip-lg,
  .rich-tooltip .tooltip-coverage {
    width: 250px;
    }

  .rich-tooltip .tooltip-xl {
    width: 300px;
    }

  .rich-tooltip .tooltip-coverage div.td-status {
    text-align: left;
    }


  /* Buttons */
  a.btn,
  .btn-group,
  button.btn {
    box-shadow: 2px 2px 5px var(--color-btn-shadow) !important;
    border-radius: 5px;
    }

  .btn-group button,
  .btn-group .btn,
  .btn-group .btn.btn-primary {
    box-shadow: none !important;
    }


/* Rich Tooltip */

.rich-tooltip {
  text-align: left;
  max-width: 500px;
  }

.rich-tooltip.lg {
  width: 400px;
  }

.rich-tooltip .tooltip-header {
  text-align: center;
  font-weight: bold;
  color: var(--color-000);
  }

.rich-tooltip .tooltip-inner {
  padding: 0 !important;
  margin: 0 !important;
  }

.rich-tooltip div.td {
  text-align: center;
  color: var(--gray-666);
  }

.rich-tooltip div.td.td-type {
  text-align: left;
  padding-left: 10px;
  }

.rich-tooltip div.th,
.rich-tooltip div.td.td-type {
  font-weight: bold;
  color: var(--color-716E6E);
  text-align: center;
  padding: 0 !important;
  }

.rich-tooltip div.td.td-remain.none {
  color: var(--gray-999);
  }

.rich-tooltip div.td.td-remain .error {
  color: var(--red-dark);
  font-weight: bold;
  }

.rich-tooltip div.td.td-remain .warning {
  color: orange;
  font-weight: bold;
  }

.rich-tooltip .reason {
  font-weight: bold;
  }

.rich-tooltip hr {
  margin: 5px 0px;
  }

.rich-tooltip .tooltip-data.tooltip-data-snooze {
  color: var(--color-9c9c9c);
  margin-bottom: 3px;
  }

.rich-tooltip .tooltip-data .tooltip-data-value {
  font-weight: 400 !important;
  float: right;
  color: var(--gray-plain);
  margin-left: 10px;
  }

.rich-tooltip .tooltip-data.tooltip-data-comments {
  color: var(--color-input-disabled);
  padding: 2px 0;
  font-weight: 200 !important;
  }



/* Misc */

.site-status-available {
  color: lightgreen;
  }

i.status {
  font-size: 9px;
  }

.technologies-tab-highlight,
.technologies-tab-spring4shell,
.technologies-tab-log4j {
  color: var(--color-8c2525) !important;
  }

.technologies-tab-highlight.active,
.technologies-tab-spring4shell.active,
.technologies-tab-log4j.active {
  color: var(--color-ac2525) !important;
  }

.settings-modal .dialog-label {
  color: var(--color-7929b5);
  }

.settings-modal .mb-divider {
  margin-bottom: 20px;
  border-bottom: 1px solid #e2c9e2;
  padding-bottom: 10px;
  box-shadow: 0px 2px 0px var(--color-eee);
  }

.dialog-label .spinner-border,
#discovery-settings .spinner-border,
#notification-settings .spinner-border,
#scheduling-settings .spinner-border {
  position: absolute;
  right: 0;
  height: 20px;
  width: 20px;
  border-width: 2px;
  right: 15px;
  color: var(--violet-blue);
  }

.card.widget .apexcharts-title-text {
  font-family: var(--font-chart) !important;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  padding-bottom: 5px;
  }

.cve-cnt-tooltip .right-align {
  margin-left: 10px;
  float: right;
  }

.cve-cnt-tooltip .row {
  margin: 0 !important;
  }

.cve-cnt-tooltip .th {
  text-align: center;
  margin: 0;
  padding: 0;
  width: 50px;
  }

.cve-cnt-tooltip .td {
  text-align: center;
  margin: 0;
  padding: 0;
  width: 50px;
  }

.cve-cnt-tooltip .th.th-severity {
  color: transparent;
  }

.cve-cnt-tooltip .th.th-severity,
.cve-cnt-tooltip .td.td-severity {
  width: 70px;
  text-align: right;
  }

.cve-cnt-tooltip .th.th-ignored,
.cve-cnt-tooltip .td.td-ignored {
  padding-right: '10px';
  }

.rating-badge span.rating-hint i {
  background: var(--color-hint-rating-bg);
  position: absolute;
  top: 8px;
  left: 61px;
  border-radius: 15px;
}

.card-table span.rating-hint i {
  background: var(--color-hint-rating-bg);
  position: relative;
  top: -10px;
  right: 5px;
  border-radius: 15px;
  }

/* Datalist */

.nav-tabs .nav-item .badge {
  position: inherit;
  background-color: var(--color-badge-bg) !important;
  color: var(--blue-white);
  font-size: 10px !important;
  padding: 3px 7px;
  border-radius: 15px;
  }

.nav-tabs .nav-item .badge.badge-danger {
  background-color: var(--color-cc092c) !important;
  }

.modal-mask.large .modal-dialog {
  max-width: 650px;
  }


/* Inputs */
button.btn.no-shadow {
  box-shadow: none !important;
  }

.date-control {
  width: 130px;
  }

.platform-notification-block {
  color: var(--color-notification-text);
  background: var(--color-card-bg);
  box-shadow: 5px 5px 5px var(--color-shadow);
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  }

.platform-notification-block h2 {
  color: var(--color-input);
  font-weight: bolder;
  }

.platform-notification-block h2 .tag.beta {
  font-size: small;
  font-weight: normal;
  top: -3px;
  }

.platform-notification-block h4 {
  color: var(--color-notification-date);
  }

.platform-notification-block p {
  font-size: var(--font-size-highlight);
  line-height: var(--line-height-highlight);
  text-align: justify;
  white-space: break-spaces;
  }

.card.card-dlist.list-search {
  border-radius: 10px;
  }

.notification-list .platform-notification-block h2 {
  font-size: 16px;
  margin-bottom: 5px;
  }

.notification-list .platform-notification-block h4 {
  font-size: 12px;
  }

.notification-list .platform-notification-block p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
  }

.notification-list .platform-notification-block:hover {
  background-color: var(--color-card-hover-bg);
  }

.notification-list .notification-item {
  background: var(--color-notification-block-bg);
  border: 1px solid var(--color-ddd);
  box-shadow: 5px 3px 5px var(--color-shadow);
  padding: 20px;
  margin: 10px;
  border-radius: 5px;
  }

.notification-list .notification-item .beta {
  font-weight: normal;
  font-size: smaller;
  background-color: var(--color-badge-bg);
  border-color: var(--color-badge-bg);
  }

.notification-pagination {
  float: right;
  position: absolute;
  right: 0;
  top: 15px;
  }

.notification-pagination .btn {
  padding: 0;
  }

.notification-pagination .btn.disabled {
  visibility: hidden;
  }

.notification-pagination .btn .page-link {
  border-radius: 5px;
  }

.vertical-align-sub {
  vertical-align: sub !important;
  }

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

textarea.site-desc {
  height: 75px !important;
  }

i.fe-shield ~ .label-waf {
  vertical-align: top;
  }

.text-pending {
  color: var(--color-6464a4) !important;
  }

.text-expired {
  color: var(--warning-dark) !important;
  }

ul.certificate-issue-tooltip-list {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  }

ul.certificate-issue-tooltip-list li {
  list-style-type: circle;
  }

a.click-to-view {
  color: var(--grey-darker);
  }

a.click-to-view i {
  display: none;
  position: absolute;
  margin-left: 5px;
  }

a.click-to-view:hover {
  color: var(--blue-oil) !important;
  }

a.click-to-view:hover i {
  display: inline;
  }

ul.datalist-new-columns-list {
  list-style-type: none;
  padding-left: 0;
  }

ul.datalist-new-columns-list li .strong {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
  }

ul.datalist-new-columns-list li {
  margin-bottom: 15px;
  }

.no-word-wrap {
  word-wrap: initial;
  }

.techno-version-tooltip .label {
  display: block;
  float: left;
  width: 150px;
  }

.techno-version-tooltip .value {
  display: block;
  margin-left: 150px;
  max-width: 200px;
  }

.techno-latest-version-tooltip .label {
  display: block;
  float: left;
  width: 150px;
  }

.techno-latest-version-tooltip .value {
  display: block;
  margin-left: 150px;
  max-width: 200px;
  }

.hint.hint-border-bottom {
  border-bottom: 1px solid var(--color-eee);
  }

.hint pre.example {
  white-space: pre-line;
  font-family: Courier New;
  letter-spacing: 0px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  }

.hint .text-warning {
  color: var(--warning-dark) !important;
  }

.no-color {
  color: inherit !important;
  }

.button-hint {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  color: var(--color-button-hint) !important;
  font-size: 0.75rem;
  }

.height-none {
  height: unset !important;
  }


.form-input-block .form-input-block-header {
  color: var(--color-form-block) !important;
  background: var(--color-form-block-bg) !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  }

.form-input-block .form-input-block-body {
  margin-top: 0;
  }

.btn-action {
  cursor: pointer;
  margin-left: var(--x-3);
  }

.btn-action:last-child {
  margin-right: var(--x-3);
  }

.header-title-icon {
  margin-right: 0.5rem;
  }

.header-title-icon img {
  vertical-align: top;
  }

.token-field {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  }

.token-field input {
  cursor: pointer;
  }

.token-field:hover i.input-form-copy {
  color: var(--gray-plain);
  }

.token-field i.input-form-copy {
  cursor: pointer;
  color: var(--color-aaa);
  position: absolute;
  z-index: 10;
  float: right;
  right: 10px;
  top: 10px;
  background: var(--color-input-disabled-bg) !important
  }

.token-field i.input-form-copy.sso-entity-id {
  right: 100px;
  }

.main-content .header {
  position: sticky;
  z-index: 110;
  background: var(--white);
  opacity: 100%;
  right: 0;
  left: 0;
  top: 0;
  box-shadow: 0px 4px 4px -4px var(--color-page-header-shadow);
  }

.hint .multiselect__tags.input-disabled,
.hint textarea.input-read-only {
  background: transparent !important;
  }

.hint .input-read-only {
  color: var(--color-input-disabled);
  background: var(--color-hint-input-disabled-bg) !important;
  border: none;
  }

.multiselect.with-records .multiselect__select {
  top: 1px;
  right: 1px;
  }

.multiselect .multiselect__select {
  top: 5px;
  right: 6px;
  }

.multiselect__input,
.multiselect__option,
.multiselect__single {
  font-size: 14px !important;
  }

.multiselect__input,
.multiselect__single {
  color: var(--color-input);
  padding: 0 !important;
  margin: 0 !important;
  background: inherit !important;
  }

.main-content .import-page,
.main-content .details-page {
  padding-left: 0 !important;
  padding-right: 0 !important;
  flex: 0 0 100%;
  max-width: 100%;
  }

.multiselect .multiselect__option--selected.multiselect__option--highlight,
.multiselect .multiselect__option--selected.multiselect__option--highlight::after {
  color: var(--color-column-selection-remove);
  background: var(--color-column-selection-remove-bg);
}

.main-content .import-page .page-header,
.main-content .details-page .page-header {
  background-color: var(--color-page-header);
  }

.main-content .details-page .page-header .nav-tabs.main-tabs {
  position: relative;
  top: 4px;
  margin-top: 10px;
  margin-bottom: 0;
  border-bottom: 0;
  }

.main-content .details-page .page-header .nav-tabs.main-tabs .nav-link.active {
  background-color: transparent;
  }

.tab-contents.tab-shown .datalist-tabs.nav-tabs .nav-item.active .nav-link {
  border-bottom: 2px solid var(--color-nav-link-hover);
  }

.main-content .details-page .page-header .nav-tabs.main-tabs .nav-link.active:hover {
  color: var(--color-tab-inner-active-hover) !important;
  }

.main-content .page-body {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  z-index: 101;
  position: relative;
  background: var(--color-page-body-bg);
  }

.main-content .datalist-main .page-body,
.main-content .dashboard .page-body {
  padding-top: 0.75rem !important;
  }

.main-content .import-page .page-body,
.main-content .details-page .page-body {
  padding-top: 1.25rem !important;
  }

/* Details Page : Navigation Tabs */

.main-content .details-page .page-tabs .nav-link .record-cnt {
  color: var(--color-datalist-tab-badge);
  color: var(--color-text-disabled);
  }

.main-content .details-page .page-tabs .nav-link.active .record-cnt {
  color: var(--color-datalist-tab-active-badge);
  }

.main-content .datalist-main table td.quick-action,
.main-content .datalist-inner table td.quick-action {
  cursor: pointer;
  }

.main-content .datalist-main .datalist-actions,
.main-content .details-page .page-actions {
  position: relative;
  top: -3px;
  }

.main-content .datalist-inner tr.deleted td,
.main-content .datalist-main tr.deleted td {
  opacity: 80%;
  }

.main-content .datalist-inner tr.deleted td.quick-action,
.main-content .datalist-main tr.deleted td.quick-action {
  opacity: 100%;
  }

.analysis-scheduling-modal.updating .form-control-date {
  display: none;
  }

.main-content div.datalist.thumb i.zoom {
  position: absolute;
  margin-left: 5px;
  }

.main-content div.thumb.main:hover i.zoom {
  display: block;
  position: absolute;
  top: 337px;
  right: 50px;
  }

.main-content div.datalist.thumb {
  width: 40px;
  }

.main-content img.datalist.thumb,
.main-content div.datalist.thumb img {
  width: 32px;
  }

.main-content .parameter {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  }

/*
.main-content .parameter + .parameter-settings {
  margin-top: 0;
  border-left-color: transparent;
  background: transparent;
  border: 0 !important;
  }

.main-content .parameter + #parameter-comments.parameter-settings {
  padding-left: 0 !important;
  padding-right: 0 !important;
  }
*/

.main-content .parameter + .parameter-settings .explain {
  margin-top: 0.375rem !important;
  margin-bottom: 0.75rem !important;
  }

textarea.input-read-only {
  color: var(--gray-brownish);
  }

.main-content .parameter {
  display: flex;
  background: var(--color-input-disabled-bg) !important;
  }

.main-content .parameter .parameter-status,
.main-content .parameter .parameter-label {
  padding-left: 0;
  }

.main-content .parameter.param-v2 {
  padding-left: 5px;
  }

.main-content .parameter.param-v2 .parameter-desc {
  color: var(--color-secondary);
  float: right;
  }

.main-content .parameter.param-v2 .parameter-status i {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
  }

.main-content .parameter.parameter-expandable.param-v2 .collapse-switch:before {
  display: block;
  content: '\e92e';
  font-family: 'Feather';
  margin-left: auto;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  }

.main-content .parameter.parameter-expandable.param-v2.collapsed .collapse-switch:before {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); }

.main-content .parameter.param-v2 .collapse-switch + .parameter-label,
.main-content .parameter.param-v2 .collapse-switch + .parameter-status {
  margin-left: 20px;
  padding-left: 0 !important;
  }

.main-content .parameter .parameter-desc {
  color: var(--gray-777);
  }

.main-content .parameter.parameter-expandable {
  cursor: pointer;
  }

.main-content .parameter.parameter-expandable .collapse-switch:before {
  position: absolute;
  left: 20x;
  }

.main-content .parameter.parameter-expandable .collapse-switch:before {
  display: block;
  content: '\e930';
  font-family: 'Feather';
  margin-left: auto;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s; }

.main-content .parameter.parameter-expandable .collapse-switch + .parameter-label {
  padding-left: 15px;
  }

.main-content .site-page .multiselect.no-records.multiselect--active {
  margin-bottom: -2px;
  }

.main-content .site-page .multiselect.with-records.multiselect--active {
  margin-bottom: -39px;
  }

.main-content .details-page hr.divider {
  padding: 10px 0;
  }

.box-ossf-scorecard h3 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  }

.box-ossf-scorecard svg.ossf-scorecard-score {
  width: 24px;
  margin-right: 5px;
  }

.box-ossf-scorecard .plus-switch {
  position: absolute;
  right: 9px;
  top: 7px;
  }

table td.td-rating {
  padding-left: 0;
  padding-right: 0;
  }

.badge.tag-rating {
  width: 48px;
  height: 48px;
  line-height: 30px;
  font-size: 28px !important;
  font-weight: bold;
}

.tag-rating-version {
  position: absolute;
  margin-left: 70px;
  top: 15px;
  color: var(--gray);
  font-size: 10px;
  opacity: 50%;
  }

.tag-rating-separator {
  height: 40px;
  margin-left: 10px;
  border-left: 1px solid var(--gray-ccc);
  }

.badge.tag-rating.tag-rating-secondary {
  width: 32px;
  height: 32px;
  line-height: 14px;
  font-size: 18px !important;
  margin-top: 15px;
  margin-left: 8px;
  padding-left: 7px;
  opacity: 50%;
  }

.tag-rating {
  color: var(--color-input);
  background: var(--color-input-bg) !important;
  border: 4px solid var(--color-input-border);
  padding: 5px 8px;
  border-radius: 8px;
  }

.tag-rating.sm {
  padding: 2px 5px;
  border-width: 3px;
  border-radius: 5px;
  }

.tag-rating.rating-none {
  border-color: var(--color-ddd) !important;
  color: var(--color-ddd) !important;
  }

.tag-rating.rating-a {
  border-color: var(--color-rating-a) !important;
  color: var(--color-rating-a) !important;
  }

.tag-rating.rating-b {
  border-color: var(--color-rating-b) !important;
  color: var(--color-rating-b) !important;
  }

.tag-rating.rating-c {
  border-color: var(--color-rating-c) !important;
  color: var(--color-rating-c) !important;
  }

.tag-rating.rating-d {
  border-color: var(--color-rating-d) !important;
  color: var(--color-rating-d) !important;
  }

.tag-rating.rating-e {
  border-color: var(--color-rating-e) !important;
  color: var(--color-rating-e) !important;
  }

.tag-rating.rating-f {
  border-color: var(--color-rating-f) !important;
  color: var(--color-rating-f) !important;
  }

.lh-20 {
  line-height: 20px;
  }

.explain {
  font-size: 14px;
  color: var(--color-95aac9);
  margin-bottom: 10px;
  line-height: initial;
  }

ul {
  margin-top: 0;
  }

.pointer {
  cursor: pointer;
  }

.fe {
  line-height: inherit;
  }

#datalist-export-modal .spinner-border,
.modal .spinner-border {
  right: 10px;
  position: absolute;
  width: 24px;
  height: 24px;
  font-size: 10px;
  top: -5px;
  color: var(--color-spinner-border) !important;
  }

#datalist-export-modal .waiting-msg,
.modal .waiting-msg {
  color: var(--color-text-waiting) !important;
  line-height: 18px;
  }

.hint.auth-method-option-settings {
  margin-top: 0px;
  font-size: 14px;
  }

.hint.auth-method-option-settings .custom-switch .custom-control-label {
  font-size: 14px;
  color: var(--color-secondary);
  }

.hint.auth-method-option-settings .custom-switch.disabled * {
  cursor: initial;
  }

.hint.auth-method-option-settings .custom-switch.disabled .custom-control-label {
  color: var(--color-switch-disabled);
  }

.hint.auth-method-option-settings .custom-switch.disabled .custom-control-label::after {
  background-color: var(--color-switch-knob-disabled);
  }

.hint.auth-method-option-settings .heading {
  font-size: 15px;
  border-bottom: 1px solid var(--color-hint-heading-border);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-weight: 500;
  }

.hint.auth-method-option-settings .form-control {
  font-size: 14px;
  }

.hint.auth-method-option-settings .dropzone {
  margin-bottom: 10px;
  }

.hint.auth-method-option-settings #idp-dropzone.dropzone .dz-message {
  font-size: 0.8125rem;
  font-weight: 400;
  }

.hint.auth-method-option-settings label.section-label {
  font-weight: bold;
  margin-top: 10px;
  }

.hint.auth-method-option-settings label.section-label:not(:first-child) {
  margin-top: 20px;
  }

.hint.auth-method-option-settings ul.steps {
  padding-left: 20px;
  }

.hint.auth-method-option-settings ul.steps li {
  list-style: circle;
  margin-top: 3px;
  }

.beta {
  color: white;
  background: var(--electric-purple);
  padding: 2px 5px;
  border-radius: 3px;
  border: 1px dotted var(--purple-dark);
  box-shadow: 1px 1px 2px 0px var(--purple-dark);
  font-size: smaller;
  position: relative;
  top: -1px;
  left: 3px;
  }

.rating-badge-secondary {
  border-left: 1px solid var(--gray-ccc);
  margin-left: 10px;
  position: relative;
  opacity: 0.5;
  }

.rating-badge-secondary .rating-version {
  margin-left: 10px;
  font-size: 10px;
  display: block;
  color: var(--gray);
  text-align: left;
  top: -2px;
  position: relative;
  }

.header-body.with-rating .rating-badge-secondary img.rate {
  vertical-align: top;
  width: 32px;
  }


.card-site-rating-v2 .rating-badge {
  float: left;
  }

.card-site-rating-v2 .rating-badge img.rate {
  width: 48px !important;
  }

.card-site-rating-v2 .rating-score {
  display: inline-block;
  margin-left: 10px;
 }

.card-site-rating-v2 .rating-score .rating-score-label {
  display: block;
  font-size: 14px;
  color: var(--color-95aac9);
  margin-bottom: 4px;
  }

.card-site-rating-v2 .rating-score .rating-score-number {
  display: block;
  font-size: 28px;
  font-weight: bold;
  color: var(--color-input);
  }

.issue-weight {
  font-weight: bold;
  color: var(--color-600);
  }

.tooltip-rating-distribution .row {
  margin-right: 0;
  }

.tooltip-rating-distribution .th,
.tooltip-rating-distribution .td {
  text-wrap: nowrap;
  text-align: center;
  }

.rating-score {
  margin-left: 5px;
  font-weight: bold;
  color: var(--color-input);
  vertical-align: bottom;
  }

span.rating-update-tooltip {
  position: relative;
  margin-left: -3px;
  bottom: -5px;
  }

.td-rating-v2 .rating-hint + .rating-score {
  margin-left: -10px;
  }

.td-rating-v2 .rating-score + .rating-update-tooltip {
  margin-left: -4px;
  bottom: -5px;
  }

.form-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0;
  }

.main-contents,
.side-contents {
  padding-left: 0;
  }

.ip-threat-level .badge {
  right: 20px;
  position: absolute;
  padding: 4px 3px !important;
  min-width: 50px;
  box-shadow: none;
  }

.expiration-future {
  color: var(--color-date-future) !important;
  }

.expiration-upcoming {
  color: var(--color-date-upcoming) !important;
  }

.expiration-outdated {
  color: var(--color-date-past) !important;
  }

.form-control.form-control-delay {
  width: 75px;
  display: inline;
  }

td.td-highlight {
  color: var(--color-td-highlight);
  background: var(--color-td-highlight-bg);
  }

.form-block-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  }

.custom-control-readonly {
  color: var(--color-secondary);
  }

.text-nowrap {
  text-wrap: nowrap;
  }

.hint hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid var(--color-tab-inner-border);
  }

.section-heading {
  background: var(--color-form-block-header-bg) !important;
  }

.rich-tooltip .discovery-in-progress {
  line-height: 14px;
  font-size: 12px;
  display: block;
  color: var(--color-text-muted);
  }

.badge.badge-small {
  padding: 3px 5px;
  margin: 0;
  font-size: smaller;
  min-width: 25px;
  }

.block-danger {
  background: var(--color-block-danger-bg);
  color: var(--color-block-danger-text);
  padding: 10px;
  border-radius: 5px;
  line-height: 20px;
  }

.hint .guidelines {
  color: var(--color-text-guide-highlight) !important;
  padding-top: 10px;
  padding-bottom: 10px;
  }

.text-error {
  color: var(--red-dark);
  }

.hint a.text-disabled {
  color: var(--color-text-disabled) !important;
  }

a.link:hover i {
  color: var(--gray-plain);
  }

.d-block {
  display: block;
  }

.smaller {
  font-size: smaller;
  }

.input-password {
  align-items: center;
  display: flex;
  position: relative;
  }

.input-password i {
  position: absolute;
  right: 10px;
  }

.opacity-30 {
  opacity: 30%;
  }

.feature-status {
  text-decoration: dotted;
  }

i.cell-actions {
  padding: 2px 2px 1px;
  border: 1px solid #EEE;
  border-radius: 3px;
  cursor: pointer
  }

i.cell-actions:hover {
  color: var(--color-nav-link);
  background-color: var(--color-nav-link-hover-bg)
  }
.input-port {
  width: 175px;
  }

tr.preflight {
  color: var(--color-text-muted);
  }

li.step-done {
  list-style: none;
  margin-left: -18px;
  }

.text-justify {
  text-align: justify;
  }

.text-ellipsis {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  }