/* This file is automatically included in all rendered pages. */
/* Put extra CSS classes used in views here. */
.x-form-invalid {
  background-color: #F5EFD8;
}
.x-form-invalid, textarea.x-form-invalid {
  border-color: #FF9860;
  background-image: url("/ThreatInfosharing/invalid_line.png");
}

/* Added for embedded
ul.x-tab-strip li {
  width: 200px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.x-tab-strip span.x-tab-strip-text {
  font-size: 24pt;
}
*/

.ext-el-mask {
  z-index: 10;
}

.x-tab-panel-header {
  position: relative;
  z-index: 11;
}

.x-tab-panel-body .x-panel-ml .x-form-field-trigger-wrap:has(> img.x-form-date-trigger):before {
  left: 91px;
}
.x-tab-panel-body .x-panel-ml .x-form-field-trigger-wrap:has(> img.x-form-date-trigger):after {
  left: 92px;
}

:root {
  --tabHeaderColor: #FFFFFF;
  --panelBodyColor: #FFFFFF;
  --panelBorderColor: #FFFFFF;
  --windowColor: #FFFFFF;
  --tabActiveTextColor: #00487B;
  --tabActiveColor: #E0F8FF;
  --tabBaseColor: #00487B;
  --tabHoverColor: #0077CC;
  --panelColor: #EFEFEF;
  --windowHeaderColor: #E7611F;
  --windowBorderColor: #E7611F;
  --panelHeaderColor: #E7611F;
  --gridHeaderSelHovColor: #E7611F;
  --fieldsetColor: #E7611F;
  --kittoIconsColor: #E7611F;
  --gridHeaderColor: var(--tabBaseColor););
  --gridSelectedColor: var(--tabActiveColor););
  --statusbarColor: var(--tabBaseColor););
  --buttonsHoverBorderColor: var(--tabBaseColor););
  --buttonsHoverInnerColor: var(--tabActiveColor););
  --buttonsHoverBorderInnerColor: var(--tabActiveColor););
  --toolsHoverBorderColor: var(--tabBaseColor););
  --toolsHoverBorderInnerColor: var(--tabActiveColor););
  --toolsHoverColor: var(--tabActiveColor););
  --tileColor: var(--tabBaseColor););
  --tileHoverColor: var(--tabHoverColor););
}