/* latin-ext */
@font-face {
  font-family: "IBM Plex Sans Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYanyK7ThA.woff2)
    format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "IBM Plex Sans Condensed";
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/Gg8lN4UfRSqiPg7Jn2ZI12V4DCEwkj1E4LVeHYapyK4.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 {
  --primary: #232528;
  --secondary: #3f434a;
  --border: #dde0e4;
  --bg: #f6f7f8;
  --red-700: #890f21;
  --red-600: #b7142c;
  --red-500: #e51937;
  --red-400: #ea475f;
  --red-300: #f28c9b;
  --gray-300: #c6cbd1;
  --gray-100: #edeff1;
}

body {
  margin: 0px;
  padding: 0px;
}

a,
a:hover {
  color: #2a71d4 !important;
}

p {
  font-size: 14px;
  color: var(--secondary);
}

strong {
  font-weight: 600;
}

* {
  font-family: "IBM Plex Sans Condensed", Arial, sans-serif !important;
}

.heading-4 {
  font-size: 32px;
  color: var(--primary);
  font-weight: 700;
}

.heading-6 {
  font-size: 20px;
  color: var(--primary);
  font-weight: 700;
}

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

.color-secondary {
  color: var(--secondary);
}

.bold {
  font-weight: 600 !important;
}
/*
* In IBM Plex Sans, it will render as a missing glyph (square/box) because the font doesn’t provide a character at that position.
*/
.x-tool .x-tool-img {
  font-family: FontAwesome !important;
  color: var(--primary) !important;
  background-color: var(--bg) !important;
  border: var(--border) solid 1px !important;
}

.x-form-trigger,
.x-tab-close-btn,
.x-column-header-trigger,
.x-btn-icon-el,
.x-btn-icon,
.x-message-box-icon,
.x-menu-item-arrow-default {
  font-family: FontAwesome !important; /* or 6 Free depending on version */
}

.x-tree-elbow-img {
  font-family: FontAwesome !important; /* or 6 Free depending on version */
  color: #585d66 !important;
}

.x-menu-item-icon-default.x-menu-item-checkbox {
  font: 18px / 24px FontAwesome !important;
}

.x-box-scroller-menu-default.x-box-scroller-bottom {
  font: 16px / 16px FontAwesome !important;
}

.x-grid-row-expander {
  font: 14px / 1 FontAwesome !important;
}

/* 
* Pagging bar 
*/
.x-form-spinner {
  font: 16px / 16px ExtJS !important;
}

.x-tbar-page-last,
.x-tbar-page-next,
.x-tbar-page-first,
.x-tbar-page-prev {
  font: 16px / 16px ExtJS !important;
}

.x-tbar-loading {
  font: 16px / 16px FontAwesome !important;
}

.x-cols-icon,
.x-hmenu-sort-desc,
.x-hmenu-sort-asc {
  font: 16px / 24px ExtJS !important;
}

.x-tree-checkbox {
  font: 16px / 16px ExtJS !important;
  color: var(--red-500) !important;
}

.x-form-checkbox-default {
  font: 18px / 1 ExtJS !important;
}

/*
* Grid
*/
.x-column-header-text {
  color: var(--red-500) !important;
  font-weight: 600 !important;
}

.x-panel-header-title-default {
  color: var(--secondary) !important;
}

.x-panel-header-default {
  border: var(--border) solid 1px !important;
}

.x-column-header,
.x-grid-header-ct {
  border: none !important;
}

.cib-grid .x-grid-body {
  border-top-color: var(--red-500) !important;
}

/*
* Propertygrid
*/
.cib-propertygrid .x-grid-body {
  border-top-width: 0px !important;
}

.cib-propertygrid .x-grid-header-ct {
  display: none;
  margin-bottom: 12px;
}

.cib-propertygrid .x-grid-cell-inner {
  overflow: hidden !important;
  white-space: normal !important;
}

/*
* Button
*/
.cib-button .x-btn-inner-default-small {
  color: var(--primary) !important;
}

.bold .x-btn-inner-default-small {
  font-weight: 600 !important;
}

.cib-button .x-btn-inner-default-toolbar-small {
  color: var(--primary) !important;
}

.cib-button-primary .x-btn-inner-default-toolbar-small {
  color: white !important;
}

.cib-button-primary.x-btn-pressed {
  background-color: var(--red-600) !important;
}

.cib-button.x-btn-pressed {
  background-color: var(--gray-100) !important;
}

.x-window .x-btn:not(.cib-button-primary) {
  background-color: #ffffff;
  border-color: var(--gray-300);
}

.x-window .x-btn:not(.cib-button-primary) .x-btn-inner-default-small {
  color: var(--primary);
}

.x-btn-focus.x-btn-default-toolbar-medium {
  -webkit-box-shadow: #d3e0ec 0 1px 0px 0 inset, #d3e0ec 0 -1px 0px 0 inset,
    #d3e0ec -1px 0 0px 0 inset, #d3e0ec 1px 0 0px 0 inset !important;
  -moz-box-shadow: #d3e0ec 0 1px 0px 0 inset, #d3e0ec 0 -1px 0px 0 inset,
    #d3e0ec -1px 0 0px 0 inset, #d3e0ec 1px 0 0px 0 inset !important;
  box-shadow: #d3e0ec 0 1px 0px 0 inset, #d3e0ec 0 -1px 0px 0 inset,
    #d3e0ec -1px 0 0px 0 inset, #d3e0ec 1px 0 0px 0 inset !important;
}

.x-btn-focus.x-btn-default-toolbar-small {
  -webkit-box-shadow: #d3e0ec 0 1px 0px 0 inset, #d3e0ec 0 -1px 0px 0 inset,
    #d3e0ec -1px 0 0px 0 inset, #d3e0ec 1px 0 0px 0 inset !important;
  -moz-box-shadow: #d3e0ec 0 1px 0px 0 inset, #d3e0ec 0 -1px 0px 0 inset,
    #d3e0ec -1px 0 0px 0 inset, #d3e0ec 1px 0 0px 0 inset !important;
  box-shadow: #d3e0ec 0 1px 0px 0 inset, #d3e0ec 0 -1px 0px 0 inset,
    #d3e0ec -1px 0 0px 0 inset, #d3e0ec 1px 0 0px 0 inset !important;
}

.x-btn-focus.x-btn-default-small {
  -webkit-box-shadow: #d3e0ec 0 1px 0px 0 inset, #d3e0ec 0 -1px 0px 0 inset,
    #d3e0ec -1px 0 0px 0 inset, #d3e0ec 1px 0 0px 0 inset !important;
  -moz-box-shadow: #d3e0ec 0 1px 0px 0 inset, #d3e0ec 0 -1px 0px 0 inset,
    #d3e0ec -1px 0 0px 0 inset, #d3e0ec 1px 0 0px 0 inset !important;
  box-shadow: #d3e0ec 0 1px 0px 0 inset, #d3e0ec 0 -1px 0px 0 inset,
    #d3e0ec -1px 0 0px 0 inset, #d3e0ec 1px 0 0px 0 inset !important;
}

/*
* Tabs
*/
.x-tab-default .x-tab-inner {
  font-weight: 400 !important;
  color: var(--secondary) !important;
}

.x-tab-active .x-tab-inner {
  font-weight: 600 !important;
  color: var(--primary) !important;
}

.x-tab-active {
  border-width: 1px 1px 0px 1px !important;
  border-style: solid !important;
  border-color: var(--border) !important;
}

.x-tab-bar-default {
  background-color: var(--bg) !important;
}

.x-box-scroller-tab-bar-default.x-box-scroller-left {
  font: 16px / 24px FontAwesome !important;
}

.x-box-scroller-tab-bar-default.x-box-scroller-right {
  font: 16px / 24px FontAwesome !important;
}

/*
* Panel
*/
.x-panel-header-default {
  background-color: var(--bg) !important;
}

/*
* Windows
*/

.x-window-header {
  background-color: var(--bg) !important;
  border-color: var(--border) !important;
}

.x-window-header-title-default {
  color: var(--primary) !important;
  font-weight: 600 !important;
}

.x-window-default {
  border-color: var(--border) !important;
}

/*
* Combo / tagfield
*/

.x-boundlist-item-over {
  color: #fff;
  background: var(--red-300) !important;
  border-color: var(--border) !important;
}

.x-boundlist-selected {
  color: #fff;
  background: var(--red-400) !important;
  border-color: var(--border) !important;
}

.x-tagfield-item-close {
  font: 12px / 1 FontAwesome !important;
}

/*
* Icons
* SVG helper: https://svgencode.com/
*/
.cib-icon-filter {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6667 4.66634H2.33333C2.14924 4.66634 2 4.5171 2 4.33301V3.66634C2 3.48225 2.14924 3.33301 2.33333 3.33301H13.6667C13.8507 3.33301 14 3.48225 14 3.66634V4.33301C14 4.5171 13.8507 4.66634 13.6667 4.66634ZM12 8.33301V7.66634C12 7.48227 11.8507 7.33301 11.6667 7.33301H4.33333C4.14924 7.33301 4 7.48227 4 7.66634V8.33301C4 8.51707 4.14924 8.66634 4.33333 8.66634H11.6667C11.8507 8.66634 12 8.51707 12 8.33301ZM10 11.6663V12.333C10 12.5171 9.85073 12.6663 9.66667 12.6663H6.33333C6.14924 12.6663 6 12.5171 6 12.333V11.6663C6 11.4823 6.14924 11.333 6.33333 11.333H9.66667C9.85073 11.333 10 11.4823 10 11.6663Z' fill='black'/%3E%3C/svg%3E%0A");
}

.cib-icon-arrow-right {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5625 6.99902L15.0293 7.53125L9.25488 13.2812L8.19629 12.2188L12.6846 7.74902H0.75V6.24902H12.6836L8.19629 1.78027L9.25488 0.717773L15.5625 6.99902Z' fill='black'/%3E%3C/svg%3E%0A");
}

.cib-icon-arrow-left {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.99947L14.5 6.99947M1.5 6.99947L6.74316 1.77832M1.5 6.99947L6.74316 12.2208' stroke='black' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

.cib-icon-zoom {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49938 13.3337V11.4945L6.95576 12.0407C6.7609 12.2362 6.44435 12.2368 6.24873 12.042C6.05307 11.8471 6.05259 11.5306 6.24743 11.335L7.64521 9.93066L7.72138 9.86816C7.80313 9.81339 7.90018 9.78352 8.00003 9.78353C8.13292 9.78362 8.26044 9.83648 8.3542 9.93066L9.75198 11.335C9.94668 11.5307 9.9457 11.8472 9.75003 12.042C9.55435 12.2367 9.2378 12.2363 9.043 12.0407L8.49938 11.4945V13.3337C8.49934 13.6098 8.2755 13.8337 7.99938 13.8337C7.7234 13.8335 7.49941 13.6097 7.49938 13.3337Z' fill='%23585D66'/%3E%3Cpath d='M7.50069 2.66699C7.50069 2.39085 7.72454 2.16699 8.00069 2.16699C8.27671 2.16713 8.50069 2.39093 8.50069 2.66699V4.50553L9.0443 3.95996C9.23911 3.76446 9.5557 3.76402 9.75134 3.95866C9.9469 4.15343 9.94787 4.47001 9.75329 4.66569L8.35485 6.06999C8.26108 6.16414 8.13355 6.21705 8.00069 6.21712C7.8677 6.2171 7.73968 6.16424 7.64587 6.06999L6.24873 4.66569C6.05393 4.46999 6.05434 4.15347 6.25003 3.95866C6.43352 3.77601 6.72329 3.76545 6.91931 3.92611L6.95707 3.96061L7.50069 4.50618V2.66699Z' fill='%23585D66'/%3E%3Cpath d='M3.95907 6.24897C4.14169 6.06572 4.43102 6.05361 4.62769 6.21316L4.6661 6.24767L6.06974 7.64546C6.16395 7.73929 6.21689 7.86731 6.21688 8.00027C6.21679 8.13313 6.16389 8.26069 6.06974 8.35444L4.6661 9.75223C4.47042 9.94702 4.1539 9.94592 3.95907 9.75027C3.76422 9.5546 3.76469 9.23809 3.96037 9.04324L4.50659 8.49962H2.66675C2.39061 8.49962 2.16675 8.27576 2.16675 7.99962C2.16692 7.72363 2.39071 7.49962 2.66675 7.49962H4.50594L3.96037 6.956L3.92586 6.91824C3.76528 6.72217 3.77637 6.4324 3.95907 6.24897Z' fill='%23585D66'/%3E%3Cpath d='M11.3354 6.25027C11.5311 6.05548 11.8476 6.05588 12.0424 6.25157C12.2372 6.44727 12.2361 6.76379 12.0404 6.9586L11.4942 7.50222H13.3341L13.3848 7.50483C13.6371 7.53031 13.8341 7.74325 13.8341 8.00222C13.834 8.26113 13.6371 8.47415 13.3848 8.49962L13.3341 8.50222H11.4942L12.0404 9.04584C12.236 9.24062 12.237 9.55719 12.0424 9.75287C11.8475 9.94853 11.5304 9.94969 11.3347 9.75483L9.93107 8.35639C9.83689 8.2626 9.78398 8.13513 9.78394 8.00222C9.78395 7.86924 9.83683 7.74122 9.93107 7.6474L11.3354 6.25027Z' fill='%23585D66'/%3E%3C/svg%3E%0A");
}