/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./frontend/components/SQLEditor/theme.css ***!
  \*************************************************************************************************************************************/
.ace_editor.ace-fleet {
  font-family: "SourceCodePro", monospace;
  font-size: 14px;
  background-color: #fafafa;
  color: #66696f;
  border-radius: 4px;
  border: solid 1px #dbe3e5;
  line-height: 24px;
}

.ace_editor.ace-fleet:hover {
  border: 1px solid #8b8fa2; /* $ui-fleet-black-50 */
  background: transparent;
}

.ace_editor.ace-fleet.ace_focus {
  border: 1px solid #192147; /* $core-fleet-black */
  background: transparent;
}

.ace_editor.ace-fleet.ace_focus .ace_scroller {
  box-shadow: 1px 1px 1px 1px #192147; /* $core-fleet-black */
}

.ace-fleet.ace_autocomplete .ace_content {
  padding-left: 0px;
}

.ace_editor.ace-fleet.ace_autocomplete {
  width: 350px;
}

.ace-fleet .ace_content {
  background: #fff; /* $core-fleet-white */
  height: 100%;
}

.ace-fleet .ace_gutter {
  background: #fff; /* $core-fleet-white */
  color: #515774; /* #$ui-fleet-black-75 */
  z-index: 1;
  border-right: solid 1px #e3e3e3;
}

.ace-fleet .ace_gutter-active-line {
  background-color: #f4f4f6; /* $ui-fleet-black-5 */
  border-radius: 2px;
}

.ace-fleet .ace_print-margin {
  width: 1px;
  background: #f6f6f6;
}

.ace-fleet .ace_scrollbar {
  z-index: 1;
}

.ace-fleet .ace_cursor {
  color: #aeafad;
}

/* Hide cursor in read-only mode */
.ace-fleet .ace_hidden-cursors {
  opacity: 0;
}

.ace-fleet .ace_marker-layer .ace_selection {
  background: rgba(74, 144, 226, 0.13);
}

.ace-fleet.ace_multiselect .ace_selection.ace_start {
  box-shadow: 0 0 3px 0px #ffffff;
}

.ace-fleet .ace_marker-layer .ace_step {
  background: rgb(255, 255, 0);
}

.ace-fleet .ace_marker-layer .ace_bracket {
  margin: -1px 0 0 -1px;
  border: 1px solid #d1d1d1;
}

.ace-fleet .ace_marker-layer .ace_selected-word {
  border: 1px solid #d6d6d6;
}

.ace-fleet .ace_invisible {
  color: #d1d1d1;
}

.ace-fleet .ace_keyword {
  color: #515774; /* $ui-fleet-black-75 */
  font-weight: 600;
}

.ace-fleet .ace_osquery-token {
  border-radius: 3px;
  background-color: #ae6ddf;
  color: #ffffff;
}

.ace-fleet .ace_identifier {
  color: #ff5850;
}

.ace-fleet .ace_string,
.ace-fleet .ace_osquery-column {
  color: #4fd061;
}

.ace-fleet .ace_meta,
.ace-fleet .ace_storage,
.ace-fleet .ace_storage.ace_type,
.ace-fleet .ace_support.ace_type {
  color: #8959a8;
}

.ace-fleet .ace_keyword.ace_operator {
  color: #3e999f;
}

.ace-fleet .ace_constant.ace_character,
.ace-fleet .ace_constant.ace_language,
.ace-fleet .ace_constant.ace_numeric,
.ace-fleet .ace_keyword.ace_other.ace_unit,
.ace-fleet .ace_support.ace_constant,
.ace-fleet .ace_variable.ace_parameter {
  color: #f5871f;
}

.ace-fleet .ace_constant.ace_other {
  color: #666969;
}

.ace-fleet .ace_invalid {
  color: #ffffff;
  background-color: #c82829;
}

.ace-fleet .ace_invalid.ace_deprecated {
  color: #ffffff;
  background-color: #ae6ddf;
}

.ace-fleet .ace_fold {
  background-color: #4271ae;
  border-color: #4d4d4c;
}

.ace-fleet .ace_entity.ace_name.ace_function,
.ace-fleet .ace_support.ace_function,
.ace-fleet .ace_variable {
  color: #4271ae;
}

.ace-fleet .ace_support.ace_class,
.ace-fleet .ace_support.ace_type {
  color: #c99e00;
}

.ace-fleet .ace_heading,
.ace-fleet .ace_markup.ace_heading,
.ace-fleet .ace_string {
  color: #4fd061;
}

.ace-fleet .ace_entity.ace_name.ace_tag,
.ace-fleet .ace_entity.ace_other.ace_attribute-name,
.ace-fleet .ace_meta.ace_tag,
.ace-fleet .ace_string.ace_regexp,
.ace-fleet .ace_variable {
  color: #c82829;
}

.ace-fleet .ace_comment {
  color: #8e908c;
}

.ace-fleet .ace_indent-guide {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bdu3f/BwAlfgctduB85QAAAABJRU5ErkJggg==)
    right repeat-y;
}

/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/react-select/dist/react-select.css ***!
  \*********************************************************************************************************************************************/
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}
.Select input::-ms-clear {
  display: none !important;
}
.Select input::-ms-reveal {
  display: none !important;
}
.Select,
.Select div,
.Select input,
.Select span {
  box-sizing: border-box;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.Select.is-focused > .Select-control {
  background: #fff;
}
.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
  background: #fff;
}
.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}
.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  background: #fff;
}
.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
  background: #fff;
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 17px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.Select-control > *:last-child {
  padding-right: 5px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}
.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-left: 1px solid rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}

/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./frontend/index.scss ***!
  \************************************************************************************************************************************************************************************/
@charset "UTF-8";
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-and-scale {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scale-up {
  from {
    transform: scale(0.75);
  }
  to {
    transform: scale(1);
  }
}
@keyframes page-transition {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.loading-placeholder {
  height: 100%;
  width: 100%;
  background: linear-gradient(-90deg, #efefef 0%, #fcfcfc 50%, #efefef 100%);
  background-size: 400% 400%;
  animation: pulse 1s ease-in-out infinite;
}
@keyframes pulse {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: -135% 0%;
  }
}

@font-face {
  font-family: "Inter";
  font-weight: 400;
  src: url(./Inter-Regular@85c128721035823e5405.woff2) format("woff2"), url(./Inter-Regular@ec6c191c5c5786cabb28.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src: url(./Inter-Regular-Italic@6d7a749f5b9f8ce1ae13.woff2) format("woff2"), url(./Inter-Regular-Italic@63f31c3f2261dd905ea7.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  src: url(./Inter-Semibold@594041393209f0003754.woff2) format("woff2"), url(./Inter-Semibold@23ce62d13c2249914abc.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 700;
  src: url(./Inter-Bold@54851dc3f5ada849af04.woff2) format("woff2"), url(./Inter-Bold@152887e5a13a01f94263.woff) format("woff");
}
@font-face {
  font-family: "fleeticons";
  src: url(./fleeticons@8ff7f41d08d55fb92c63.woff2) format("woff2"), url(./fleeticons@e55f2dffef80a46529ed.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceCodePro";
  src: url(./Source-Code-Pro-Regular@f9230d64462e648d6e8f.eot);
  src: url(./Source-Code-Pro-Regular@f9230d64462e648d6e8f.eot?#iefix) format("embedded-opentype"), url(./Source-Code-Pro-Regular.ttf@cf448e4a157f666971ce.woff) format("woff"), url(./Source-Code-Pro-Regular@d5b638b6e0d51dc89117.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SourceCodePro";
  src: url(./Source-Code-Pro-Bold@76dad6a5aeb61e149514.eot);
  src: url(./Source-Code-Pro-Bold@76dad6a5aeb61e149514.eot?#iefix) format("embedded-opentype"), url(./Source-Code-Pro-Bold@c7b880d9ff70cd596455.woff) format("woff"), url(./Source-Code-Pro-Bold@139adb28c01e4d2213a5.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.input-with-icon__input ::-moz-placeholder {
  color: #8b8fa2;
  opacity: 1;
}

.input-with-icon__input ::placeholder {
  color: #8b8fa2;
  opacity: 1;
}

#app .Select.is-disabled > .Select-control {
  background: transparent;
  pointer-events: none;
}

html {
  position: relative;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scrollbar-gutter: stable;
}

body {
  color: #515774;
  padding: 0;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 1.25rem;
  height: 100%;
  line-height: 1.5;
}

html,
body {
  height: 100%;
}
html .__react_component_tooltip,
body .__react_component_tooltip {
  text-align: center;
  padding: 6px;
  max-width: 320px;
  height: auto;
}
html .__react_component_tooltip.show,
body .__react_component_tooltip.show {
  opacity: 1;
}

h1,
h2,
h3 {
  line-height: 1.2;
  color: #192147;
  font-weight: 600;
  margin: 0;
}

h1 {
  font-size: 1.5rem;
}
h1.page-header {
  display: flex;
  align-items: center;
  height: 38px;
  position: relative;
}

p {
  line-height: 1.5;
  font-size: 0.875rem;
}

a {
  color: #515774;
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
}
a:hover {
  color: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
a:focus-visible {
  outline-color: #192147;
  outline-offset: 3px;
  outline-style: solid;
  outline-width: 1px;
  border-radius: 2px;
}

b {
  font-weight: 600;
}

.__react_component_tooltip a {
  color: #ffffff;
}

.has-sidebar {
  display: flex;
  flex-grow: 1;
}
.has-sidebar > *:first-child {
  flex-grow: 1;
}

.cf::after {
  clear: both;
  content: "";
  display: table;
}

form,
.form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
}
form > *,
.form > * {
  width: 100%;
}
form .button-wrap,
.form .button-wrap {
  margin: 0;
  display: flex;
  gap: 1rem;
}
form .button,
.form .button {
  width: auto;
}
form p,
.form p {
  margin: 0;
}
form .info-banner,
.form .info-banner {
  box-sizing: border-box;
}

.form-field {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-field__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #192147;
  line-height: 1.5;
}
.form-field__label .component__tooltip-wrapper__underline {
  margin-top: -2.5px;
  padding-bottom: 0;
}
.form-field__label--error {
  color: #ff5c83;
}
.form-field__label .custom-link {
  margin-bottom: 0;
}
.form-field__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.form-field__help-text .custom-link,
.form-field__help-text button {
  font-size: inherit;
}
.form-field__help-text .custom-link {
  font-size: inherit;
}
.form-field__help-text .custom-link .icon {
  scale: 0.88;
}
.form-field__help-text .custom-link__no-wrap .icon {
  padding-left: 4px;
  position: relative;
  top: 2px;
}
.form-field__help-text code {
  color: #6a67fe;
  background-color: #ffffff;
  padding: 0.125rem;
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
}
.form-field--checkbox {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-field--slider {
  margin-bottom: 0;
}

input,
textarea,
button {
  font-family: "Inter", sans-serif;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
button:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #192147 !important;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

pre {
  padding: 1.5rem;
  background-color: #192147;
  color: #ffffff;
  border-radius: 4px;
  white-space: pre-wrap;
}
pre .string {
  color: #63c740;
}
pre .number {
  color: #faa669;
}
pre .boolean {
  color: #5cabdf;
}
pre .null {
  color: magenta;
}
pre .key {
  color: #ffffff;
}

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: none;
  border-bottom: 1px solid #e2e4ea;
}

dl {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

dd {
  margin: 0;
}

.registration-breadcrumbs__page::after, .target-select .Select-menu-outer .Select-menu::after, [class^=fleeticon-],
[class*=" fleeticon-"],
.fleeticon {
  display: inline-block;
  font: normal normal normal 14px/1 "fleeticons";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fleeticon-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fleeticon-2x {
  font-size: 2em;
}

.fleeticon-3x {
  font-size: 3em;
}

.fleeticon-4x {
  font-size: 4em;
}

.fleeticon-5x {
  font-size: 5em;
}

.fleeticon-fw {
  width: 1.28571429em;
  text-align: center;
}

.fleeticon-chevrondown:before {
  content: "\f004";
}

.fleeticon-chevronleft:before {
  content: "\f006";
}

.fleeticon-chevronright:before {
  content: "\f008";
}

.fleeticon-chevronup:before {
  content: "\f00a";
}

.fleeticon-cpu:before {
  content: "\f00c";
}

.fleeticon-downcaret:before {
  content: "\f00d";
}

.fleeticon-filter:before {
  content: "\f00f";
}

.fleeticon-mac:before {
  content: "\f012";
}

.fleeticon-memory:before {
  content: "\f013";
}

.fleeticon-storage:before {
  content: "\f019";
}

.fleeticon-upcaret:before {
  content: "\f01b";
}

.fleeticon-uptime:before {
  content: "\f01c";
}

.fleeticon-world:before {
  content: "\f01d";
}

.fleeticon-osquery:before {
  content: "\f021";
}

.fleeticon-join:before {
  content: "\f022";
}

.fleeticon-add-button:before {
  content: "\f029";
}

.fleeticon-packs:before {
  content: "\f02f";
}

.fleeticon-help:before {
  content: "\f030";
}

.fleeticon-admin:before {
  content: "\f031";
}

.fleeticon-config:before {
  content: "\f032";
}

.fleeticon-success-check:before {
  content: "\f035";
}

.fleeticon-offline:before {
  content: "\f036";
}

.fleeticon-windows-original:before {
  content: "\f037";
}

.fleeticon-centos-original:before {
  content: "\f038";
}

.fleeticon-ubuntu-original:before {
  content: "\f039";
}

.fleeticon-apple-original:before {
  content: "\f03a";
}

.fleeticon-search:before {
  content: "\f03b";
}

.fleeticon-all-hosts:before {
  content: "\f03c";
}

.fleeticon-alerts:before {
  content: "\f03e";
}

.fleeticon-logout:before {
  content: "\f03f";
}

.fleeticon-account:before {
  content: "\f040";
}

.fleeticon-clipboard:before {
  content: "\f043";
}

.fleeticon-list-select:before {
  content: "\f044";
}

.fleeticon-grid-select:before {
  content: "\f045";
}

.fleeticon-label:before {
  content: "\f033";
}

.fleeticon-docker:before {
  content: "\f046";
}

.fleeticon-cloud:before {
  content: "\f047";
}

.fleeticon-self-hosted:before {
  content: "\f048";
}

.fleeticon-help-solid:before {
  content: "\f049";
}

.fleeticon-help-stroke:before {
  content: "\f04a";
}

.fleeticon-warning-filled:before {
  content: "\f04b";
}

.fleeticon-delete-cloud:before {
  content: "\f04c";
}

.fleeticon-pdf:before {
  content: "\f04d";
}

.fleeticon-credit-card-small:before {
  content: "\f04e";
}

.fleeticon-billing-card:before {
  content: "\f04f";
}

.fleeticon-lock-big:before {
  content: "\f050";
}

.fleeticon-link-big:before {
  content: "\f051";
}

.fleeticon-briefcase:before {
  content: "\f052";
}

.fleeticon-name-card:before {
  content: "\f053";
}

.fleeticon-business:before {
  content: "\f055";
}

.fleeticon-clock:before {
  content: "\f056";
}

.fleeticon-host-large:before {
  content: "\f057";
}

.fleeticon-single-host:before {
  content: "\f03d";
}

.fleeticon-username:before {
  content: "\f02a";
}

.fleeticon-password:before {
  content: "\f02b";
}

.fleeticon-email:before {
  content: "\f02c";
}

.fleeticon-hosts:before {
  content: "\f02e";
}

.fleeticon-query:before {
  content: "\f02d";
}

.fleeticon-import:before {
  content: "\f058";
}

.fleeticon-pencil:before {
  content: "\f059";
}

.fleeticon-add-plus:before {
  content: "\f05a";
}

.fleeticon-x:before {
  content: "\f05b";
}

.fleeticon-right-arrow:before {
  content: "\f05d";
}

.fleeticon-camera:before {
  content: "\f05e";
}

.fleeticon-plus-minus:before {
  content: "\f05f";
}

.fleeticon-bold-plus:before {
  content: "\f060";
}

.fleeticon-linux-original:before {
  content: "\f061";
}

.fleeticon-clock2:before {
  content: "\f063";
}

.fleeticon-trash:before {
  content: "\f064";
}

.fleeticon-laptop-plus:before {
  content: "\f066";
}

.fleeticon-wrench-hand:before {
  content: "\f067";
}

.fleeticon-external-link:before {
  content: "\f068";
}

.fleeticon-fullscreen:before {
  content: "\f069";
}

.fleeticon-windowed:before {
  content: "\f06a";
}

.fleeticon-heroku:before {
  content: "\f06b";
}

.fleeticon-ubuntu:before {
  content: "\f06c";
}

.fleeticon-windows:before {
  content: "\f06d";
}

.fleeticon-centos:before {
  content: "\f06e";
}

.fleeticon-apple:before {
  content: "\f06f";
}

.fleeticon-linux:before {
  content: "\f070";
}

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

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

.kolide-ol {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
.kolide-ol li {
  counter-increment: step-counter;
}
.kolide-ol li::before {
  content: counter(step-counter) ")";
  display: inline-block;
  margin-right: 10px;
  text-align: left;
  width: 10px;
}

.container-triangle::before, .container-triangle::after {
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 1;
}
.container-triangle.left::after {
  border-color: transparent #ffffff transparent transparent;
  border-width: 15px;
  right: 99%;
  top: 23px;
}
.container-triangle.left::before {
  border-color: transparent #192147 transparent transparent;
  border-width: 16px;
  right: 99%;
  top: 22px;
  z-index: -1;
}
.container-triangle.right::after {
  border-color: transparent transparent transparent #ffffff;
  border-width: 15px;
  left: 99%;
  top: 23px;
}
.container-triangle.right::before {
  border-color: transparent transparent transparent #192147;
  border-width: 16px;
  left: 99%;
  top: 22px;
  z-index: -1;
}

.actions-dropdown-select__control:focus-visible {
  background-color: #515774;
}

.actions-dropdown__wrapper {
  display: flex;
  align-items: center;
}
.actions-dropdown__wrapper button .children-wrapper {
  gap: 0.25rem;
}
.actions-dropdown__wrapper button .children-wrapper .actions-dropdown__icon svg {
  transition: transform 0.25s ease;
  transform: rotate(0deg);
}
.actions-dropdown__wrapper button .children-wrapper .actions-dropdown__icon--open svg {
  transform: rotate(180deg);
}

.actions-dropdown__option:focus-visible {
  outline: none;
}

.software-install-details-modal {
  overflow-wrap: anywhere;
}
.software-install-details-modal__modal-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.software-install-details-modal .data-set__horizontal {
  flex-direction: row;
}
.software-install-details-modal .reveal-button {
  width: -moz-min-content;
  width: min-content;
}

.software-ipa-install-details-modal {
  overflow-wrap: anywhere;
}
.software-ipa-install-details-modal__modal-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.software-ipa-install-details-modal__status-message {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.software-ipa-install-details-modal__status-message .icon {
  align-self: flex-start;
}
.software-ipa-install-details-modal .data-set__horizontal {
  flex-direction: row;
}
.software-ipa-install-details-modal .reveal-button {
  width: -moz-min-content;
  width: min-content;
}

.software-script-details-modal {
  overflow-wrap: anywhere;
}
.software-script-details-modal__modal-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.software-script-details-modal .data-set__horizontal {
  flex-direction: row;
}
.software-script-details-modal .reveal-button {
  width: -moz-min-content;
  width: min-content;
}

.software-uninstall-details-modal__modal-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.software-uninstall-details-modal .reveal-button {
  width: -moz-min-content;
  width: min-content;
}

.vpp-install-details-modal {
  overflow-wrap: anywhere;
}
.vpp-install-details-modal__modal-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vpp-install-details-modal__update-tip {
  margin-top: 1rem;
}
.vpp-install-details-modal .data-set__horizontal {
  flex-direction: row;
}
.vpp-install-details-modal .reveal-button {
  width: -moz-min-content;
  width: min-content;
}

.react-tabs {
  -webkit-tap-highlight-color: transparent;
}
.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0;
}
.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}
.react-tabs__tab--selected {
  background: #fff;
  border-color: #aaa;
  color: black;
  border-radius: 5px 5px 0 0;
}
.react-tabs__tab--disabled {
  color: GrayText;
  cursor: default;
}
.react-tabs__tab:focus {
  box-shadow: 0 0 5px hsl(208, 99%, 50%);
  border-color: hsl(208, 99%, 50%);
  outline: none;
}
.react-tabs__tab:focus:after {
  content: "";
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
  background: #fff;
}
.react-tabs__tab-panel {
  display: none;
}
.react-tabs__tab-panel--selected {
  display: block;
}

.platform-wrapper h1 {
  margin-bottom: 0.5rem;
}
.platform-wrapper p {
  margin: 0;
}
.platform-wrapper .input-field__textarea {
  min-height: 88px;
}
.platform-wrapper .input-field__textarea {
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
  color: #3e4771;
  line-height: 1.5;
  line-break: anywhere;
  padding: 12px 2rem 12px 1rem;
}
.platform-wrapper__advanced--installer .input-field {
  height: 105px;
}
.platform-wrapper__certificate-loading {
  color: #8b8fa2;
  padding-top: 0.25rem;
}
.platform-wrapper__certificate-error span,
.platform-wrapper__certificate-error em {
  display: block;
  padding: 0.25rem 0;
}
.platform-wrapper__certificate-error em {
  color: #d66c7b;
  font-style: normal;
}
.platform-wrapper__advanced--heading, .platform-wrapper__chromeos--heading {
  font-weight: 600;
}
.platform-wrapper__chromeos--info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.platform-wrapper__chromeos-policy-for-extension {
  height: 230px;
}
.platform-wrapper__chromeos-policy-for-extension .input-field__textarea {
  height: 190px;
}
.platform-wrapper__chromeos-policy-for-extension .input-field--disabled {
  height: 190px;
}
.platform-wrapper .download-certificate--tooltip {
  margin-bottom: 0;
}

.android-panel__enroll-link input {
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
  color: #3e4771;
}

.ios-ipados-panel .input-field {
  padding: 7px 36px 7px 12px;
}
.ios-ipados-panel__spinner {
  margin: 2.5rem auto;
}
.ios-ipados-panel__enroll-link input {
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
  color: #3e4771;
}

.app {
  background: linear-gradient(180deg, #eff6fa 0%, #fff 100%);
  background-size: 100% 150px;
  background-repeat: no-repeat;
  background-color: #fff;
  margin: 0;
}
.app > div {
  min-height: 100vh;
}

.auth-form-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  padding: 1rem 0;
  gap: 2.5rem;
  align-items: center;
  background: linear-gradient(180deg, #eff6fa 0%, #fff 100%);
  background-size: 100% 150px;
  background-repeat: no-repeat;
  background-color: #fff;
}
.auth-form-wrapper__card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 470px;
}
.auth-form-wrapper__header-container {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e2e4ea;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .auth-form-wrapper {
    height: 100vh;
  }
}

.authentication-nav {
  display: flex;
  margin-bottom: 1.5rem;
}
.authentication-nav__back {
  margin-left: auto;
}

.avatar {
  height: 120px;
  width: 120px;
  display: block;
  background-size: cover;
  border-radius: 50%;
}
.avatar--small {
  height: 32px;
  width: 32px;
}
.avatar--xsmall {
  height: 16px;
  width: 16px;
}
.avatar.has-white-background {
  background: #ffffff;
  border-radius: 100%;
}
.avatar img.default {
  display: none;
}

.avatar-wrapper-top-nav svg {
  display: block;
}
.avatar-wrapper-top-nav .avatar {
  height: 120px;
  width: 120px;
  display: block;
  background-size: cover;
  border-radius: 50%;
}
.avatar-wrapper-top-nav .avatar--small {
  height: 24px;
  width: 24px;
}
.avatar-wrapper-top-nav .avatar--xsmall {
  height: 16px;
  width: 16px;
}
.avatar-wrapper-top-nav .avatar img.default {
  display: none;
}

.action-buttons {
  display: flex;
}
.action-buttons button {
  margin-left: 1rem;
}
.action-buttons__secondary-buttons {
  display: none;
}
@media (min-width: 990px) {
  .action-buttons__secondary-buttons {
    display: flex;
  }
}
.action-buttons__secondary-dropdown .icon {
  padding-left: 6px;
}
.action-buttons__secondary-dropdown .dropdown-button {
  margin-left: 1.5rem;
}
.action-buttons__secondary-dropdown .dropdown-button__options {
  padding: 0.5rem;
  right: 10px;
  margin-top: 2px;
}
.action-buttons__secondary-dropdown .dropdown-button__options button {
  display: inline-block;
  min-width: 125px;
}
.action-buttons__secondary-dropdown .dropdown-button__options button:hover, .action-buttons__secondary-dropdown .dropdown-button__options button:focus {
  background-color: #e2e4ea;
  color: #192147;
}
@media (min-width: 990px) {
  .action-buttons__secondary-dropdown {
    display: none;
  }
}

.button {
  background-color: #009a7d;
  padding: 0.5rem 1rem;
  height: 36px;
  transition: color 150ms ease-in-out, background 150ms ease-in-out, top 50ms ease-in-out, box-shadow 50ms ease-in-out, border 50ms ease-in-out;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  display: inline-flex;
  top: 0;
  border: 0;
  position: relative;
  cursor: pointer;
}
.button:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button:focus {
  outline: none;
}
.button .transparent-text {
  opacity: 0;
}
.button .children-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.button--default {
  background-color: #009a7d;
  display: flex;
  text-wrap: nowrap;
}
.button--default:hover:not(.button--disabled) {
  background-color: rgb(0, 128.5, 104.3019480519);
}
.button--default:hover:not(.button--disabled):active {
  background-color: rgb(0, 103, 83.6038961039);
}
.button--default:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button--success {
  background-color: #3db67b;
  display: flex;
  text-wrap: nowrap;
}
.button--success:hover:not(.button--disabled) {
  background-color: #36a26d;
}
.button--success:hover:not(.button--disabled):active {
  background-color: #2b7f56;
}
.button--success:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button--alert {
  background-color: #ff5c83;
  display: flex;
}
.button--alert:hover:not(.button--disabled) {
  background-color: #e93661;
}
.button--alert:hover:not(.button--disabled):active {
  background-color: #cb3559;
}
.button--alert:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button--alert .loading-spinner__ring div {
  border-color: #d66c7b transparent transparent transparent;
}
.button--pill {
  background-color: #f9fafc;
  padding: 0.5rem 0.5rem;
  height: 36px;
  color: #009a7d;
  border: 1px solid #009a7d;
  box-sizing: border-box;
  font-size: 0.75rem;
  padding: 0.25rem 10px;
  height: 24px;
  white-space: nowrap;
}
.button--pill__small {
  padding: 0.25rem 0.5rem;
  height: 24px;
}
.button--pill:hover {
  background-color: rgba(25, 33, 71, 0.05);
}
.button--pill:hover:active {
  background-color: #f4f4f6;
}
.button--pill:focus-visible {
  outline-color: #192147;
  outline-offset: 3px;
  outline-style: solid;
  outline-width: 1px;
}
.button--pill:focus-visible::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #192147;
  border-radius: 6px;
}
.button--pill:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.25);
}
.button--pill:hover, .button--pill:focus {
  border: 1px solid #009a7d;
}
.button--text-link {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #515774;
  font-size: 0.875rem;
  cursor: pointer;
  margin: 0;
  padding: 0;
  height: auto;
  line-height: normal;
  text-align: left;
}
.button--text-link:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button--text-link:focus {
  outline: none;
}
.button--text-link:hover, .button--text-link:focus {
  color: rgb(70.5152284264, 75.7385786802, 100.9847715736);
  background-color: transparent;
  box-shadow: none;
  text-decoration: underline;
}
.button--text-link:active {
  color: rgb(60.0304568528, 64.4771573604, 85.9695431472);
  box-shadow: none;
  top: 0;
}
.button--text-link.light-text {
  font-weight: 400;
}
.button--text-link-dark {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #192147;
  font-size: 0.875rem;
  cursor: pointer;
  margin: 0;
  padding: 0;
  height: auto;
  line-height: normal;
  text-align: left;
}
.button--text-link-dark:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button--text-link-dark:focus {
  outline: none;
}
.button--text-link-dark:hover, .button--text-link-dark:focus {
  background-color: transparent;
  box-shadow: none;
  text-decoration: underline;
}
.button--text-link-dark:active {
  box-shadow: none;
  top: 0;
}
.button--text-icon, .button--icon {
  background-color: #ffffff;
  padding: 0.5rem 0.5rem;
  height: 36px;
  background-color: transparent;
  padding: 0;
  border: 0;
  box-shadow: none;
  color: #515774;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.button--text-icon__small, .button--icon__small {
  padding: 0.25rem 0.5rem;
  height: 24px;
}
.button--text-icon:hover, .button--icon:hover {
  background-color: rgba(25, 33, 71, 0.05);
}
.button--text-icon:hover:active, .button--icon:hover:active {
  background-color: #f4f4f6;
}
.button--text-icon:focus-visible, .button--icon:focus-visible {
  outline-color: #192147;
  outline-offset: 3px;
  outline-style: solid;
  outline-width: 1px;
}
.button--text-icon:focus-visible::after, .button--icon:focus-visible::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #192147;
  border-radius: 6px;
}
.button--text-icon img, .button--icon img {
  transform: scale(0.5);
}
.button--text-icon:focus, .button--icon:focus {
  outline: none;
}
.button--text-icon:focus-visible, .button--icon:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button--text-icon:focus-visible::after, .button--icon:focus-visible::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #515774;
  border-radius: 6px;
}
.button--text-icon:hover, .button--text-icon:focus, .button--icon:hover, .button--icon:focus {
  color: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.button--text-icon:hover svg path, .button--text-icon:focus svg path, .button--icon:hover svg path, .button--icon:focus svg path {
  fill: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.button--text-icon:hover:active, .button--text-icon:focus:active, .button--icon:hover:active, .button--icon:focus:active {
  color: rgb(60.0304568528, 64.4771573604, 85.9695431472);
}
.button--text-icon:hover:active svg path, .button--text-icon:focus:active svg path, .button--icon:hover:active svg path, .button--icon:focus:active svg path {
  fill: rgb(60.0304568528, 64.4771573604, 85.9695431472);
}
.button--text-icon:hover.button--icon-stroke:hover svg path, .button--text-icon:hover.button--icon-stroke:focus svg path, .button--text-icon:focus.button--icon-stroke:hover svg path, .button--text-icon:focus.button--icon-stroke:focus svg path, .button--icon:hover.button--icon-stroke:hover svg path, .button--icon:hover.button--icon-stroke:focus svg path, .button--icon:focus.button--icon-stroke:hover svg path, .button--icon:focus.button--icon-stroke:focus svg path {
  fill: none;
  stroke: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.button--text-icon:hover.button--icon-stroke:hover:active svg path, .button--text-icon:hover.button--icon-stroke:focus:active svg path, .button--text-icon:focus.button--icon-stroke:hover:active svg path, .button--text-icon:focus.button--icon-stroke:focus:active svg path, .button--icon:hover.button--icon-stroke:hover:active svg path, .button--icon:hover.button--icon-stroke:focus:active svg path, .button--icon:focus.button--icon-stroke:hover:active svg path, .button--icon:focus.button--icon-stroke:focus:active svg path {
  stroke: rgb(60.0304568528, 64.4771573604, 85.9695431472);
}
.button--text-icon .children-wrapper, .button--icon .children-wrapper {
  gap: 0.5rem;
}
.button--brand-inverse-icon {
  background-color: transparent;
  padding: 0.5rem 0.5rem;
  height: 36px;
  border: 0;
  box-shadow: none;
  color: #009a7d;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.button--brand-inverse-icon:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button--brand-inverse-icon__small {
  padding: 0.25rem 0.5rem;
  height: 24px;
}
.button--brand-inverse-icon img {
  transform: scale(0.5);
}
.button--brand-inverse-icon:focus {
  outline: none;
}
.button--brand-inverse-icon:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button--brand-inverse-icon:focus-visible::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #515774;
  border-radius: 6px;
}
.button--brand-inverse-icon:hover, .button--brand-inverse-icon:focus {
  background-color: rgba(25, 33, 71, 0.05);
  color: rgb(0, 128.5, 104.3019480519);
}
.button--brand-inverse-icon:hover svg path, .button--brand-inverse-icon:focus svg path {
  fill: rgb(0, 128.5, 104.3019480519);
}
.button--brand-inverse-icon:hover:active, .button--brand-inverse-icon:focus:active {
  color: rgb(0, 103, 83.6038961039);
}
.button--brand-inverse-icon:hover:active svg path, .button--brand-inverse-icon:focus:active svg path {
  fill: rgb(0, 103, 83.6038961039);
}
.button--brand-inverse-icon.button--icon-stroke:hover svg path, .button--brand-inverse-icon.button--icon-stroke:focus svg path {
  fill: none;
  stroke: rgb(0, 128.5, 104.3019480519);
}
.button--brand-inverse-icon.button--icon-stroke:hover:active svg path, .button--brand-inverse-icon.button--icon-stroke:focus:active svg path {
  stroke: rgb(0, 128.5, 104.3019480519);
}
.button--brand-inverse-icon .children-wrapper {
  gap: 0.5rem;
}
.button--icon {
  background-color: #ffffff;
  padding: 0.5rem 0.5rem;
  height: 36px;
  background-color: transparent;
}
.button--icon__small {
  padding: 0.25rem 0.5rem;
  height: 24px;
}
.button--icon:hover {
  background-color: rgba(25, 33, 71, 0.05);
}
.button--icon:hover:active {
  background-color: #f4f4f6;
}
.button--icon:focus-visible {
  outline-color: #192147;
  outline-offset: 3px;
  outline-style: solid;
  outline-width: 1px;
}
.button--icon:focus-visible::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #192147;
  border-radius: 6px;
}
.button--inverse {
  background-color: #ffffff;
  padding: 0.5rem 0.5rem;
  height: 36px;
  background-color: transparent;
  color: #515774;
  box-sizing: border-box;
}
.button--inverse__small {
  padding: 0.25rem 0.5rem;
  height: 24px;
}
.button--inverse:hover {
  background-color: rgba(25, 33, 71, 0.05);
}
.button--inverse:hover:active {
  background-color: #f4f4f6;
}
.button--inverse:focus-visible {
  outline-color: #192147;
  outline-offset: 3px;
  outline-style: solid;
  outline-width: 1px;
}
.button--inverse:focus-visible::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #192147;
  border-radius: 6px;
}
.button--inverse .children-wrapper {
  gap: 0.5rem;
}
.button--inverse-alert {
  background-color: #ffffff;
  padding: 0.5rem 0.5rem;
  height: 36px;
  color: #ff5c83;
  box-sizing: border-box;
}
.button--inverse-alert__small {
  padding: 0.25rem 0.5rem;
  height: 24px;
}
.button--inverse-alert:hover {
  background-color: rgba(25, 33, 71, 0.05);
}
.button--inverse-alert:hover:active {
  background-color: #f4f4f6;
}
.button--inverse-alert:focus-visible {
  outline-color: #192147;
  outline-offset: 3px;
  outline-style: solid;
  outline-width: 1px;
}
.button--inverse-alert:focus-visible::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #192147;
  border-radius: 6px;
}
.button--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.button--disabled:hover, .button--disabled:focus {
  cursor: default;
}
.button--unstyled {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #192147;
  cursor: pointer;
  margin: 0;
  padding: 0;
  height: auto;
  line-height: normal;
  font-weight: normal;
}
.button--unstyled:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button--unstyled:active {
  box-shadow: none;
  top: 0;
}
.button--unstyled-modal-query {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  color: #192147;
  cursor: pointer;
  margin: 0;
  padding: 15px 12px;
  height: auto;
  line-height: normal;
  display: block;
  width: 100%;
  border-radius: 0px;
  border-bottom: 1px solid #e2e4ea;
}
.button--unstyled-modal-query:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.button--unstyled-modal-query:active {
  box-shadow: none;
  top: 0;
}
.button--unstyled-modal-query:focus {
  outline: none;
}
.button--unstyled-modal-query:hover, .button--unstyled-modal-query:focus {
  background-color: #f4f4f6;
  box-shadow: none;
}
.button--unstyled-modal-query .children-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}
.button--unstyled-modal-query .children-wrapper .info__header {
  display: block;
  text-align: left;
}
.button--unstyled-modal-query .children-wrapper .info__data {
  display: block;
  width: 100%;
  font-weight: normal;
  text-align: left;
}
.button--oversized {
  background-color: #192147;
  padding: 1.5rem 0.5rem;
  font-size: 1.25rem;
  width: 100%;
}
.button.button--justify-left {
  left: -0.5rem;
  margin-right: -0.5rem;
}
.button.button--justify-right {
  right: -0.5rem;
  margin-left: -0.5rem;
}

.dropdown-button__wrapper {
  display: flex;
  position: relative;
}
.dropdown-button__caret {
  font-size: 6px;
  vertical-align: middle;
  margin-left: 10px;
}
.dropdown-button__options {
  position: absolute;
  right: 0;
  top: 45px;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  z-index: 99;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(52, 59, 96, 0.15);
  animation: fade-in 150ms ease-out;
}
.dropdown-button__options--opened {
  display: inline-block;
}
.dropdown-button__option {
  display: block;
}
.dropdown-button__option .button {
  color: #192147;
  text-transform: none;
  text-align: left;
  font-weight: 400;
  margin: 0;
  border-radius: 0;
  padding: 0 10px;
  white-space: nowrap;
  width: 100%;
  font-size: 14px;
  height: 32px;
  letter-spacing: -0.5px;
}
.dropdown-button__option .button:hover, .dropdown-button__option .button:focus {
  background-color: #e2e4ea;
  color: #192147;
}
.dropdown-button.story {
  padding-left: 100px;
}

.downcaret::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACNSURBVHgB7dBhDYAgEAXgF8EoNqKKEYxAAyIYwQhGMMJ5buDYxIEw+PW+7Tb+HO8BQEREGSIy65w65seO8TszWkThQbaEDw/aSujyIW+mMPwpgVq6vKQuTL0q8VvBghYlJbqFl5ToHl5Qon94VMJK3oqeMiUsRvgoYTGSBroo3GE0DZ10dp3tPoOIiCpd2f2wUngzIdcAAAAASUVORK5CYII=);
  transform: scale(0.5);
  width: 16px;
  border-radius: 0px;
  padding: 0px;
  padding-left: 2px;
  margin-top: 1px;
}

.reveal-button .children-wrapper {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.125rem;
  min-width: -moz-max-content;
  min-width: max-content;
}
.reveal-button .children-wrapper .reveal-button__caret svg {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotate(0deg);
}
.reveal-button .children-wrapper .reveal-button__caret--open svg {
  transform: rotate(180deg);
}
.reveal-button .children-wrapper svg path {
  fill: none;
}
.reveal-button .children-wrapper:hover .component__tooltip-wrapper__element, .reveal-button .children-wrapper:focus .component__tooltip-wrapper__element {
  color: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.reveal-button .children-wrapper:hover svg path, .reveal-button .children-wrapper:focus svg path {
  stroke: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}

.card {
  border-radius: 4px;
  border: 1px solid #e2e4ea;
  padding: 1.5rem;
}
.card__radius-small {
  border-radius: 4px;
}
.card__radius-medium {
  border-radius: 6px;
}
.card__radius-large {
  border-radius: 8px;
}
.card__radius-xlarge {
  border-radius: 10px;
}
.card__radius-xxlarge {
  border-radius: 16px;
}
.card__shadow {
  box-shadow: 0px 3px 0px rgba(226, 228, 234, 0.4);
}
.card__padding-small {
  padding: 0.5rem;
}
.card__padding-medium {
  padding: 1rem;
}
.card__padding-large {
  padding: 1.5rem;
}
.card__padding-xlarge {
  padding: 2rem;
}
.card__padding-xxlarge {
  padding: 2.5rem;
}
.card__padding-xxxlarge {
  padding: 5rem;
}
.card__large-padding {
  padding: 2.5rem;
}
.card__white {
  background-color: #ffffff;
}
.card__grey {
  background-color: #f9fafc;
}
.card__purple {
  background-color: #f1f0ff;
  border-color: rgba(106, 103, 254, 0.5);
}
.card__yellow {
  background-color: #fef7e0;
  border-color: #ece0bb;
}

.card-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.card-header--mobile-header {
  gap: 1.5rem;
}
.card-header__header {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
.card-header__subheader {
  color: #515774;
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0;
}

.custom-link {
  color: #515774;
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
  position: relative;
  margin-bottom: -1px;
}
.custom-link:hover {
  color: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.custom-link:focus-visible {
  outline-color: #192147;
  outline-offset: 3px;
  outline-style: solid;
  outline-width: 1px;
  border-radius: 2px;
}
.custom-link:hover {
  margin-bottom: -1px;
}
.custom-link::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #c5c7d1;
  pointer-events: none;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.custom-link::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #192147;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
  pointer-events: none;
}
.custom-link:hover::after, .custom-link:focus::after {
  transform: scaleX(1);
}
.custom-link .external-link-icon__outline {
  transition: fill 0.2s;
}
.custom-link .external-link-icon__arrow {
  transition: stroke 0.2s;
}
.custom-link:hover .external-link-icon__outline {
  fill: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.custom-link:hover .external-link-icon__arrow {
  stroke: #ffffff;
}
.custom-link:not(.custom-link--multiline) {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.custom-link__no-wrap {
  white-space: nowrap;
}
.custom-link__no-wrap .icon {
  padding-left: 6px;
}
.custom-link--tooltip-link, .custom-link--banner-link, .custom-link--flash-message-link {
  color: inherit;
}
.custom-link--tooltip-link {
  font-size: inherit;
  position: relative;
  margin-bottom: -1px;
}
.custom-link--tooltip-link:hover {
  margin-bottom: -1px;
}
.custom-link--tooltip-link::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #f9fafc;
  pointer-events: none;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.custom-link--tooltip-link::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #ffffff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
  pointer-events: none;
}
.custom-link--tooltip-link:hover::after, .custom-link--tooltip-link:focus::after {
  transform: scaleX(1);
}
.custom-link--tooltip-link .external-link-icon__outline {
  stroke: #ffffff;
}
.custom-link--tooltip-link:hover {
  color: #f9fafc;
}
.custom-link--tooltip-link:hover .external-link-icon__outline {
  fill: #f9fafc;
}
.custom-link--tooltip-link:hover .external-link-icon__arrow {
  stroke: #3e4771;
}

.data-error {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.data-error__vertical-pad-small {
  padding: 0.5rem 0;
}
.data-error__vertical-pad-medium {
  padding: 1rem 0;
}
.data-error__vertical-pad-large {
  padding: 1.5rem 0;
}
.data-error__vertical-pad-xlarge {
  padding: 2rem 0;
}
.data-error__vertical-pad-xxlarge {
  padding: 2.5rem 0;
}
.data-error__vertical-pad-xxxlarge {
  padding: 5rem 0;
}
.data-error__inner {
  display: flex;
  flex-direction: row;
}
.data-error .info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.data-error .info__header {
  display: flex;
  color: #192147;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: left;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.data-error .info__data {
  display: block;
  color: #192147;
  font-weight: normal;
  font-size: 0.875rem;
  text-align: left;
}
.data-error__inner-new {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
  color: #192147;
  font-size: 0.875rem;
}
.data-error__inner-new .graphic {
  margin-bottom: 8px;
}
.data-error__header {
  font-weight: 600;
}

.data-set {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  gap: 0.25rem;
}
.data-set dt {
  font-weight: 600;
  display: flex;
  color: #192147;
  line-height: 1.5;
}
.data-set dd {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.device-user-error {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.device-user-error__mobile-view {
  align-self: center;
  vertical-align: middle;
  justify-content: center; /* vertical centering */
  min-height: 100vh; /* full viewport height */
}
.device-user-error__inner {
  display: flex;
  flex-direction: row;
  margin: 5rem 0;
}
.device-user-error .info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 333px;
  padding: 0.5rem;
}
.device-user-error .info__header {
  display: block;
  gap: 1.5rem;
  color: #192147;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
}
.device-user-error .info__header .icon {
  vertical-align: sub;
  margin-right: 0.5rem;
  position: relative;
  bottom: 1px;
}
.device-user-error .info__data {
  display: block;
  color: #192147;
  font-weight: normal;
  font-size: 0.875rem;
  text-align: center;
  line-height: 21px;
}

.editor {
  position: relative;
  /* Matches inputfield copy button position */
}
.editor__label {
  font-size: 0.875rem;
  font-weight: 600;
}
.editor__label--error {
  color: #ff5c83;
}
.editor__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.editor__help-text .custom-link,
.editor__help-text button {
  font-size: inherit;
}
.editor__error .ace-fleet {
  border: 1px solid #ff5c83;
}
.editor__copy-wrapper {
  position: absolute;
  top: 28px;
  right: 5px;
  z-index: 2; /* Ensure it's above the editor */
  display: flex;
  align-items: center;
}
.editor__copied-confirmation {
  font-weight: 400;
  font-size: 0.875rem;
  vertical-align: top;
  background-color: #fafafa;
  border: solid 1px #e2e4ea;
  border-radius: 10px;
  padding: 2px 6px;
  margin: -4px 0;
}

.empty-table__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 96px auto;
  max-width: 500px;
  gap: 1.5rem;
}
.empty-table__container--mobile {
  margin: auto;
}
.empty-table__inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.empty-table__inner h3,
.empty-table__inner h3 a {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}
.empty-table__inner ul {
  margin: 0;
  padding: 0;
  color: #192147;
  list-style: none;
}
.empty-table__inner ul li::before {
  content: "•";
  color: #6a67fe;
  margin-right: 1rem;
}
.empty-table__info, .empty-table__additional-info {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
  line-height: 1.5;
  text-align: center;
  margin: 0;
}
.empty-table__info .custom-link,
.empty-table__info button, .empty-table__additional-info .custom-link,
.empty-table__additional-info button {
  font-size: inherit;
}
.empty-table__cta-buttons {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}

.react-tabs .empty-table__container {
  align-self: center;
  justify-content: center;
  margin-bottom: 20px;
  min-height: 155px;
  max-width: none;
}

.delete-secret-modal__error {
  color: #d66c7b;
}

.enroll-secret-modal__reveal-secret {
  float: right;
  text-decoration: none;
}
.enroll-secret-modal pre,
.enroll-secret-modal code {
  background-color: #f9fafc;
  color: #3e4771;
  border: 1px solid #e2e4ea;
  border-radius: 4px;
  padding: 7px 1rem;
  margin: 1.5rem 0 0 44px;
}
.enroll-secret-modal__error {
  color: #d66c7b;
}
.enroll-secret-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.enroll-secret-modal .empty-table__container {
  margin: 1.5rem auto 1rem;
}

.enroll-secrets__secret {
  display: flex;
  align-items: center;
  gap: 4px;
}
.enroll-secrets__secret .form-field {
  margin-bottom: 0;
}
.enroll-secrets__secret .form-field__label {
  position: relative;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0;
  height: 0;
  min-height: 0;
}
.enroll-secrets__edit-delete-btns {
  display: flex;
  gap: 0.125rem;
}

.secret-editor-modal__reveal-secret {
  float: right;
  text-decoration: none;
}
.secret-editor-modal__secret-wrapper {
  position: relative;
  margin: 1rem 0 0 0;
}
.secret-editor-modal pre,
.secret-editor-modal code {
  background-color: #f9fafc;
  color: #3e4771;
  border: 1px solid #e2e4ea;
  border-radius: 4px;
  padding: 7px 1rem;
  margin: 1.5rem 0 0 44px;
}
.secret-editor-modal__error {
  color: #d66c7b;
}

.feed-list-item {
  display: grid;
  grid-template-columns: 16px 16px 8px 1fr;
  grid-template-rows: max-content;
  /**
   * Starting here are the styles for the activity item when it is the
   * only activity that is being displayed (controlled by the `soloActivity prop`.
   * We switch from grid to flexbox since we don't need the solid lines anymore.
   * we also dont show to actions on hover
   */
}
.feed-list-item__avatar-wrapper {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 16px 16px;
  grid-template-rows: 8px 32px 1fr;
  grid-column-start: 1;
  grid-column-end: 3;
}
.feed-list-item__avatar-wrapper .avatar-wrapper {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}
.feed-list-item__avatar-upper-dash {
  border-right: 1px solid #e2e4ea;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.feed-list-item__avatar-lower-dash {
  border-right: 1px solid #e2e4ea;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}
.feed-list-item__details-wrapper {
  all: unset;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  grid-column-start: 4;
  grid-row-start: 1;
  padding: 0.5rem;
  margin-bottom: 1.5rem;
}
.feed-list-item__details-wrapper:focus {
  outline: 2px solid #515774;
}
.feed-list-item__details-wrapper:hover, .feed-list-item__details-wrapper:focus, .feed-list-item__details-wrapper:focus-within {
  border-radius: 8px;
  background-color: #f9fafc;
  cursor: pointer;
}
.feed-list-item__details-wrapper:hover .feed-list-item__action-button, .feed-list-item__details-wrapper:focus .feed-list-item__action-button, .feed-list-item__details-wrapper:focus-within .feed-list-item__action-button {
  visibility: visible;
}
.feed-list-item__details-wrapper .premium-icon-tip {
  position: relative;
  top: 4px;
  padding-right: 0.25rem;
}
.feed-list-item__details-wrapper .feed-details {
  margin: 0;
  line-height: 16px;
}
.feed-list-item__details-wrapper .button--icon svg {
  padding: 0;
}
.feed-list-item__details-actions {
  display: flex;
  gap: 1rem;
}
.feed-list-item__action-button {
  visibility: hidden;
}
.feed-list-item__close-icon {
  cursor: pointer;
}
.feed-list-item__close-icon:hover svg path {
  stroke: #6a67fe;
}
.feed-list-item__details-topline {
  font-size: 0.875rem;
  overflow-wrap: anywhere;
}
.feed-list-item__details-content {
  margin-right: 0.25rem;
}
.feed-list-item__details-bottomline {
  font-size: 0.75rem;
  color: #8b8fa2;
}
.feed-list-item__show-query-icon {
  margin-left: 0.25rem;
}
.feed-list-item:first-child .feed-list-item__avatar-upper-dash {
  border-right: none;
}
.feed-list-item:last-child .feed-list-item__avatar-lower-dash {
  border-right: none;
}
.feed-list-item__solo-item {
  border: 1px solid #e2e4ea;
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  gap: 1rem;
}
.feed-list-item__solo-item .feed-list-item__avatar-wrapper {
  display: block;
}
.feed-list-item__solo-item .feed-list-item__avatar-lower-dash {
  display: none;
}
.feed-list-item__solo-item .feed-list-item__details-wrapper {
  display: block;
  padding: 0;
  margin-bottom: 0;
}
.feed-list-item__solo-item .feed-list-item__details-wrapper:hover {
  cursor: auto;
  background-color: transparent;
}
.feed-list-item__solo-item .feed-list-item__details-actions {
  display: none;
}
.feed-list-item__no-details .feed-list-item__details-wrapper:hover {
  cursor: auto;
  background-color: transparent;
}

.file-details {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
}
.file-details__info {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  text-align: left;
}
.file-details__info--disabled-by-gitops-mode {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.file-details__info--disabled-by-gitops-mode:hover, .file-details__info--disabled-by-gitops-mode:focus {
  cursor: default;
}
.file-details__name {
  font-size: 0.875rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.file-details__description {
  font-size: 0.75rem;
  color: #515774;
}
.file-details__edit, .file-details__delete {
  display: flex;
  align-items: center;
  margin-right: -1rem;
}
.file-details label {
  display: flex;
}
.file-details label:hover {
  cursor: pointer;
}
.file-details__progress-wrapper {
  display: flex;
  width: 184px;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.file-details__progress-bar {
  display: inline-block;
  height: 6px;
  width: 144px;
  background-color: #e2e4ea;
  border-radius: 32px;
  overflow: hidden;
}
.file-details__progress-bar--uploaded {
  background-color: #009a7d;
  height: 100%;
}
.file-details__progress-text {
  font-size: 0.875rem;
  color: #8b8fa2;
}

.file-progress-modal__card {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.file-uploader {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 6px;
  background-color: #ffffff;
  border: 1px solid #e2e4ea;
  padding: 2rem 1.5rem;
  font-size: 0.875rem;
  text-align: center;
}
.file-uploader .content-wrapper .outer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.file-uploader .content-wrapper .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.file-uploader__error {
  border-color: #ff5c83;
}
.file-uploader__file-preview {
  padding: 1rem 1.5rem;
}
.file-uploader__internal-error {
  color: #ff5c83;
}
.file-uploader__graphics {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.file-uploader__message {
  margin: 0;
  color: #515774;
}
.file-uploader__additional-info {
  margin: 0;
  color: #8b8fa2;
}
.file-uploader input {
  display: none;
}
.file-uploader__upload-button {
  padding: 0;
}
.file-uploader__upload-button label,
.file-uploader__upload-button span {
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.file-uploader__upload-button label:hover,
.file-uploader__upload-button span:hover {
  cursor: pointer;
}

.flash-message-container {
  position: fixed;
  top: 80px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
  z-index: 999;
  pointer-events: none;
}

.flash-message {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  padding: 0.5rem 1rem;
  z-index: 999;
  background-color: #6a67fe;
  border: 1px solid #e2e4ea;
  box-sizing: border-box;
  box-shadow: 0px 7px 3px -5px rgba(25, 33, 71, 0.1);
  border-radius: 8px;
  max-width: calc(100% - 64px);
  pointer-events: auto;
}
.flash-message--success {
  background-color: #3db67b;
}
.flash-message--error {
  background-color: #d66c7b;
}
.flash-message--warning-filled {
  background-color: #ebbc43;
}
.flash-message--warning-filled span {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 0.875rem;
  color: #192147;
}
.flash-message__content {
  display: flex;
  align-items: center;
}
.flash-message__content span {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 0.875rem;
}
.flash-message__content .fleeticon {
  font-size: 1rem;
}
.flash-message__content img {
  width: 16px;
  height: 16px;
}
.flash-message__content a {
  color: inherit;
}
.flash-message__undo {
  color: #ffffff;
  cursor: pointer;
  font-size: 1rem;
  text-decoration: underline;
  text-transform: uppercase;
  margin-right: 15px;
}
.flash-message__remove {
  height: auto;
  cursor: pointer;
}
.flash-message__remove .fleeticon {
  transition: color 150ms ease-in-out;
  color: #ffffff;
  font-size: 1rem;
}
.flash-message__remove .fleeticon:hover {
  color: #ffffff;
}
.flash-message__ex {
  text-decoration: none;
}
.flash-message__ex button {
  display: flex;
  align-items: center;
}

.fleet-markdown {
  font-size: 0.875rem;
}
.fleet-markdown ul {
  padding-left: 20px;
}
.fleet-markdown pre {
  padding: 12px;
  border: 1px solid #e2e4ea;
  background-color: #ffffff;
}
.fleet-markdown pre .ace_cursor {
  display: none !important;
}

.form__base-error {
  background-color: #d66c7b;
  border-radius: 3px;
  color: #ffffff;
  font-size: 0.875rem;
  margin: -12px 0;
  padding: 0.25rem 0;
  text-align: center;
  width: 100%;
}

.component__auto-size-input-field {
  box-sizing: border-box;
  color: #192147;
}
.component__auto-size-input-field::-moz-placeholder {
  color: #8b8fa2;
}
.component__auto-size-input-field::placeholder {
  color: #8b8fa2;
}
.component__auto-size-input-field:focus {
  outline: none;
  border-color: #192147;
}
.component__auto-size-input-field .input-sizer {
  display: inline-grid;
  align-items: center;
  position: relative;
}
.component__auto-size-input-field .input-sizer::after,
.component__auto-size-input-field .input-sizer input,
.component__auto-size-input-field .input-sizer textarea {
  white-space: pre-wrap;
  width: auto;
  grid-area: 1/2;
  resize: none;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  line-height: 1.5;
}
.component__auto-size-input-field .input-sizer textarea {
  height: 100%;
}
.component__auto-size-input-field .input-sizer::after {
  content: attr(data-value) " ";
  visibility: hidden;
}

.fleet-checkbox {
  position: relative;
  display: flex;
  align-items: center;
}
.fleet-checkbox::after {
  clear: both;
  content: "";
  display: table;
}
.fleet-checkbox:hover .fleet-checkbox__label,
.fleet-checkbox:hover .fleet-checkbox__icon,
.fleet-checkbox:hover .fleet-checkbox__label-tooltip {
  cursor: pointer;
}
.fleet-checkbox:hover:not(.fleet-checkbox__label--disabled) svg .checkbox-state {
  stroke: rgb(0, 128.5, 104.3019480519);
  fill: rgb(0, 128.5, 104.3019480519);
}
.fleet-checkbox:hover:not(.fleet-checkbox__label--disabled) svg .checkbox-unchecked-state {
  stroke: rgb(0, 128.5, 104.3019480519);
}
.fleet-checkbox:active:not(.fleet-checkbox__label--disabled) svg .checkbox-state {
  stroke: rgb(0, 103, 83.6038961039);
  fill: rgb(0, 103, 83.6038961039);
}
.fleet-checkbox:active:not(.fleet-checkbox__label--disabled) svg .checkbox-unchecked-state {
  stroke: rgb(0, 103, 83.6038961039);
}
.fleet-checkbox:focus-visible:not(.fleet-checkbox__label--disabled) {
  outline: none;
}
.fleet-checkbox:focus-visible:not(.fleet-checkbox__label--disabled) svg {
  outline: 2px solid #515774;
  outline-offset: 1px;
  border-radius: 4px;
}
.fleet-checkbox--disabled svg .checkbox-state {
  stroke: #c5c7d1;
  fill: #c5c7d1;
}
.fleet-checkbox--disabled svg .checkbox-unchecked-state {
  stroke: #c5c7d1;
}
.fleet-checkbox__label {
  font-size: 0.875rem;
  padding-left: 0.5rem;
  display: inline-block;
  vertical-align: top;
}
.fleet-checkbox__label--disabled {
  color: #8b8fa2;
}
.fleet-checkbox__label--disabled svg .checkbox-state {
  stroke: #c5c7d1;
  fill: #c5c7d1;
}
.fleet-checkbox__label--disabled svg .checkbox-unchecked-state {
  stroke: #c5c7d1;
  fill: #c5c7d1;
}
.fleet-checkbox__label--disabled:hover .fleet-checkbox__label,
.fleet-checkbox__label--disabled:hover .fleet-checkbox__icon,
.fleet-checkbox__label--disabled:hover .fleet-checkbox__label-tooltip {
  cursor: not-allowed;
}
.fleet-checkbox__label-tooltip {
  font-size: 0.875rem;
  padding-left: 0.5rem;
  display: inherit;
  vertical-align: top;
}
.fleet-checkbox__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.fleet-checkbox__help-text .custom-link,
.fleet-checkbox__help-text button {
  font-size: inherit;
}

.inverse {
  flex-direction: row-reverse;
}
.inverse .fleet-checkbox__icon {
  padding-left: 0.5rem;
}
.inverse .fleet-checkbox__label {
  float: left;
  padding-left: 0;
  font-weight: 600;
  font-size: 0.875rem;
}

.dropdown__custom-value {
  display: inline-flex;
}
.dropdown__custom-value svg {
  padding: 0 0.5rem;
}
.dropdown__custom-value-label {
  line-height: 38px;
  font-size: 0.875rem;
}
.dropdown__custom-arrow {
  display: flex;
}
.dropdown__custom-arrow svg {
  transition: transform 0.25s ease;
}
.dropdown__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 400;
  color: #192147;
  margin-bottom: 0.25rem;
}
.dropdown__label--error {
  font-weight: 600;
}
.dropdown__select--error.Select .Select-control {
  color: #ff5c83;
  border: 1px solid #ff5c83;
  box-sizing: border-box;
  border-radius: 4px;
}
.dropdown__select--error.Select .Select-arrow {
  border-top-color: #d66c7b;
}
.dropdown__option {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.dropdown__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
  font-style: italic;
}
.dropdown__help-text .custom-link,
.dropdown__help-text button {
  font-size: inherit;
}

.Select.dropdown__select {
  border: 1px solid #e2e4ea;
  border-radius: 4px;
}
.Select.dropdown__select:hover:not(.is-disabled) {
  box-shadow: none;
  border-color: #8b8fa2;
}
.Select .Select-control {
  background-color: #ffffff;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}
.Select .Select-control .Select-value {
  font-size: 0.875rem;
  background-color: #ffffff;
}
.Select .Select-value {
  font-size: 0.875rem;
  border-radius: 4px;
  background-color: #ffffff;
}
.Select .Select-value .Select-value-icon {
  border: 0;
  float: right;
  position: relative;
  line-height: 28px;
  width: 20px;
  padding: 0;
  margin: 0 5px;
  text-indent: -999em;
}
.Select .Select-value .Select-value-icon::after {
  transition: color 150ms ease-in-out;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFRSURBVHgB7ZY9bsMwDIVJa81goEuKLgaCXCXI6BskPUJukJ6guUHcG3QMeop2TwF3arZ6yCxWCiCgdiuKUgokg77J1g/fgyWSBshkMhcGucnbalYjwpYAOypwfXjfPYGAu8lsQRo2dh8QrT7bl2ff2oKNhPhogpTmqUJNzXgyX4BAXGts3D4TY8utZw0gUNl7D5hw4oPhDlINaCpWwzGfCY+4OQF8AAbFTR67/euonH6Ye1D3TBDUo5tpe/zavwXE7w/truE02EvoGFfzJSL9OktzMZcKNKSKiw1wJv5CKm5RIMR3HOeIRxmQmIgVtxQQiVKa/JNAEBsvZrHvtjuG2fGvBkLiqSZEWcDl+SmIJ0UlvSP4BUJFRlqskgxIK9w5JvheoHEdEnfYMXckPROaNsAQ1Q1Dee4xkd4NicAGa42RTlpkfpg47bM/JJDJZK6ZbzsT7VCH3d6TAAAAAElFTkSuQmCC);
  transform: scale(0.5);
  position: absolute;
  top: -5px;
  left: -5px;
  visibility: visible;
  font-size: 0.875rem;
  color: #e3e3e3;
  text-indent: 0;
}
.Select .Select-value .Select-value-icon:hover::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFRSURBVHgB7ZY9bsMwDIVJa81goEuKLgaCXCXI6BskPUJukJ6guUHcG3QMeop2TwF3arZ6yCxWCiCgdiuKUgokg77J1g/fgyWSBshkMhcGucnbalYjwpYAOypwfXjfPYGAu8lsQRo2dh8QrT7bl2ff2oKNhPhogpTmqUJNzXgyX4BAXGts3D4TY8utZw0gUNl7D5hw4oPhDlINaCpWwzGfCY+4OQF8AAbFTR67/euonH6Ye1D3TBDUo5tpe/zavwXE7w/truE02EvoGFfzJSL9OktzMZcKNKSKiw1wJv5CKm5RIMR3HOeIRxmQmIgVtxQQiVKa/JNAEBsvZrHvtjuG2fGvBkLiqSZEWcDl+SmIJ0UlvSP4BUJFRlqskgxIK9w5JvheoHEdEnfYMXckPROaNsAQ1Q1Dee4xkd4NicAGa42RTlpkfpg47bM/JJDJZK6ZbzsT7VCH3d6TAAAAAElFTkSuQmCC);
  transform: scale(0.5);
}
.Select .Select-value .Select-value-label {
  font-size: 0.875rem;
  color: #192147;
  vertical-align: middle;
}
.Select--single > .Select-control .Select-value {
  line-height: 34px;
  border: none;
}
.Select.is-focused:not(.is-disabled).dropdown__select {
  border: 1px solid #8b8fa2;
}
.Select.is-open .dropdown__custom-arrow .dropdown__icon svg {
  transform: rotate(180deg);
  transition: transform 0.25s ease;
}
.Select.is-open .dropdown__custom-arrow .dropdown__icon svg path {
  stroke: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.Select.is-open .dropdown__custom-value .dropdown__icon svg path {
  fill: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.Select.is-open .Select-control {
  border-radius: 4px;
}
.Select :hover .dropdown__custom-arrow .dropdown__icon svg path {
  stroke: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.Select :hover .dropdown__custom-value .dropdown__icon svg path {
  fill: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.Select :hover.is-open .dropdown__custom-arrow .dropdown__icon svg path {
  stroke: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.Select :hover.is-open .dropdown__custom-value .dropdown__icon svg path {
  fill: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.Select.has-value > .Select-control .Select-value .Select-value-label, .Select.has-value.is-pseudo-focused > .Select-control .Select-value .Select-value-label {
  color: #192147;
  font-size: 0.875rem;
}
.Select.has-value.is-disabled > .Select-control .Select-value .Select-value-label {
  color: #8b8fa2;
}
.Select .Select-menu-outer {
  box-shadow: 0 4px 10px rgba(52, 59, 96, 0.15);
  z-index: 6;
  overflow: hidden;
  border: 0;
  margin: 1px 0 0;
  padding: 0.5rem;
  animation: fade-in 150ms ease-out;
}
.Select .Select-menu {
  max-height: 190px;
}
.Select .Select-noresults {
  font-size: 0.875rem;
}
.Select .Select-option {
  color: #192147;
  font-size: 0.875rem;
  margin: 0;
  padding: 10px;
  display: block;
  border-radius: 4px;
}
.Select .Select-option.is-selected {
  background-color: transparent;
  font-weight: bold;
}
.Select .Select-option.is-focused {
  background-color: #e2e4ea;
}
.Select .Select-option.is-focused .Select-icon {
  color: #e2e4ea;
}
.Select .Select-option:active {
  background-color: rgb(60.0304568528, 64.4771573604, 85.9695431472);
}
.Select .Select-option:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.Select .Select-option.is-disabled {
  color: #8b8fa2;
  font-style: italic;
}
.Select .Select-option.is-disabled .Select-icon {
  visibility: hidden;
  opacity: 0;
}
.Select .Select-icon {
  color: #e3e3e3;
}
.Select .Select-placeholder {
  color: #3e4771;
  font-size: 0.875rem;
  line-height: 34px;
  box-sizing: border-box;
}
.Select .Select-input {
  color: #3e4771;
  font-size: 0.875rem;
  box-sizing: border-box;
  height: 34px;
}
.Select .Select-input > input {
  line-height: 34px;
  padding: 0;
}
.Select.Select--multi .Select-control {
  display: flex;
  align-items: center;
  height: auto;
}
.Select.Select--multi .Select-multi-value-wrapper {
  flex-grow: 1;
}
.Select.Select--multi .Select-multi-value-wrapper .Select-value {
  border: 1px solid #8b8fa2;
  vertical-align: middle;
  margin-top: 0;
  display: inline-flex;
  flex-direction: row-reverse;
}
.Select.Select--multi .Select-multi-value-wrapper .Select-value .Select-value-icon:hover {
  background-color: initial;
}
.Select.Select--multi .Select-multi-value-wrapper .Select-value .Select-value-label {
  font-size: 0.875rem;
  align-self: center;
}
.Select.Select--multi .Select-arrow-zone {
  display: flex;
}
.Select.Select--multi .Select-option.is-disabled {
  color: #8b8fa2;
  cursor: default;
}
.Select.Select--multi .Select-option.is-disabled.is-focused {
  background-color: #e2e4ea;
  color: #ffffff;
}
.Select.Select--multi .Select-value-label {
  padding: 0 0 0 10px;
}
.Select .premium-feature-icon {
  position: relative;
  top: 4px;
  margin-left: 3px;
}

.form-field__label--disabled {
  color: #8b8fa2;
}

.Select > .Select-menu-outer .is-disabled *,
.actions-dropdown .is-disabled *,
.react-select__option .is-disabled * {
  color: #8b8fa2;
}
.Select > .Select-menu-outer .dropdown-option-tooltip-wrapper,
.actions-dropdown .dropdown-option-tooltip-wrapper,
.react-select__option .dropdown-option-tooltip-wrapper {
  width: 100%;
}
.Select > .Select-menu-outer .dropdown-option-tooltip-wrapper__element,
.actions-dropdown .dropdown-option-tooltip-wrapper__element,
.react-select__option .dropdown-option-tooltip-wrapper__element {
  padding: 8px;
  margin: -8px;
  width: 100%;
}
.Select > .Select-menu-outer .react-tooltip,
.actions-dropdown .react-tooltip,
.react-select__option .react-tooltip {
  width: -moz-max-content;
  width: max-content;
  max-width: 360px;
  padding: 6px;
  color: #ffffff;
  background-color: #3e4771;
  font-weight: 400;
  font-size: 0.75rem;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 100;
  line-height: 1.375;
  white-space: initial;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  font-style: normal;
  text-align: center;
}
.Select > .Select-menu-outer .react-tooltip p,
.actions-dropdown .react-tooltip p,
.react-select__option .react-tooltip p {
  margin: 0;
}
.Select > .Select-menu-outer .react-tooltip-arrow,
.actions-dropdown .react-tooltip-arrow,
.react-select__option .react-tooltip-arrow {
  width: 8px;
  height: 8px;
}
.Select > .Select-menu-outer [class*=react-tooltip__place-top] > .styles-module_arrow__K0L3T,
.actions-dropdown [class*=react-tooltip__place-top] > .styles-module_arrow__K0L3T,
.react-select__option [class*=react-tooltip__place-top] > .styles-module_arrow__K0L3T {
  transform: rotate(45deg);
}
.Select > .Select-menu-outer [class*=react-tooltip__place-right] > .styles-module_arrow__K0L3T,
.actions-dropdown [class*=react-tooltip__place-right] > .styles-module_arrow__K0L3T,
.react-select__option [class*=react-tooltip__place-right] > .styles-module_arrow__K0L3T {
  transform: rotate(135deg);
}
.Select > .Select-menu-outer [class*=react-tooltip__place-bottom] > .styles-module_arrow__K0L3T,
.actions-dropdown [class*=react-tooltip__place-bottom] > .styles-module_arrow__K0L3T,
.react-select__option [class*=react-tooltip__place-bottom] > .styles-module_arrow__K0L3T {
  transform: rotate(225deg);
}
.Select > .Select-menu-outer [class*=react-tooltip__place-left] > .styles-module_arrow__K0L3T,
.actions-dropdown [class*=react-tooltip__place-left] > .styles-module_arrow__K0L3T,
.react-select__option [class*=react-tooltip__place-left] > .styles-module_arrow__K0L3T {
  transform: rotate(315deg);
}

.dropdown-wrapper__label--error {
  color: #d66c7b;
}
.dropdown-wrapper__label--disabled {
  color: #8b8fa2;
}
.dropdown-wrapper__table-filter {
  height: 36px;
}
.dropdown-wrapper__table-filter .react-select__control {
  height: 36px;
}

.input-field {
  line-height: 1.5;
  background-color: #ffffff;
  border: solid 1px #e2e4ea;
  border-radius: 4px;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  color: #3e4771;
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
  height: 36px;
  transition: border-color 100ms;
  width: 100%;
}
.input-field::-moz-placeholder {
  color: #8b8fa2;
}
.input-field::placeholder {
  color: #8b8fa2;
}
.input-field:hover:not(.input-field--read-only) {
  box-shadow: none;
  border: 1px solid rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.input-field:active:not(.input-field--read-only), .input-field:focus:not(.input-field--read-only), .input-field:focus-visible:not(.input-field--read-only) {
  box-shadow: none;
  outline: 0;
  border: 1px solid rgb(60.0304568528, 64.4771573604, 85.9695431472);
}
.input-field--disabled {
  color: #8b8fa2;
}
.input-field--disabled .form-field__label,
.input-field--disabled .form-field__help-text {
  color: #8b8fa2;
}
.input-field--error {
  color: #ff5c83;
  border: 1px solid #ff5c83;
  box-sizing: border-box;
  border-radius: 4px;
}
.input-field--error:focus {
  border-color: #d66c7b;
  background-color: #ffffff;
  color: #192147;
}
.input-field__textarea {
  min-height: 100px;
  max-width: 100%;
  display: block;
}
.input-field__label {
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  color: #192147;
  margin-bottom: 0.25rem;
}
.input-field__label--error {
  font-weight: 600;
  color: #d66c7b;
}
.input-field__wrapper {
  margin-bottom: 1rem;
}
.input-field__help-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: 1px;
  color: #3e4771;
}
.input-field__help-text code {
  color: #6a67fe;
  background-color: #e3e3e3;
  padding: 0.125rem;
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
}
.input-field__copy-wrapper {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  position: absolute;
  top: 6px;
  right: 0;
  margin: 1px 4px;
  background-color: #ffffff;
}
.input-field__input-container.copy-enabled {
  position: relative;
}
.input-field__input-container.copy-enabled .input-field {
  padding-right: 35px;
}
.input-field__copied-confirmation {
  font-weight: 400;
  font-size: 0.875rem;
  vertical-align: top;
  background-color: #fafafa;
  border: solid 1px #e2e4ea;
  border-radius: 10px;
  padding: 2px 6px;
  margin: -4px 0;
}
.input-field__copied-confirmation-outside {
  margin-left: -88px;
}

input[type=number] {
  -moz-appearance: textfield;
}

.input-field-hidden-content {
  width: 100%;
}

.input-icon-field {
  position: relative;
  /* removes the 'X' from IE input type=search */
  /* removes the 'X' from Chrome input type=search */
}
.input-icon-field__icon {
  position: absolute;
  left: 12px;
  top: 0;
  height: 36px;
  width: 16px;
  flex-wrap: wrap;
  align-content: center;
  z-index: 1;
  color: #192147;
}
.input-icon-field__icon--active {
  color: rgb(60.0304568528, 64.4771573604, 85.9695431472);
}
.input-icon-field__icon--error {
  border: 1px solid #ff5c83;
  box-sizing: border-box;
  border-radius: 4px;
}
.input-icon-field__input-wrapper {
  position: relative;
  height: 36px;
  display: flex;
  align-items: center;
}
.input-icon-field__input {
  border: 1px solid #e2e4ea;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 9.5px 12px 9.5px 1rem;
  font-size: 0.875rem;
  text-indent: 1px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  color: #192147;
  font-weight: 400;
  transition: border-color 100ms;
}
.input-icon-field__input.input-with-icon {
  padding-left: 36px;
}
.input-icon-field__input ::-moz-placeholder {
  color: #8b8fa2;
}
.input-icon-field__input ::placeholder {
  color: #8b8fa2;
}
.input-icon-field__input:focus {
  outline: none;
}
.input-icon-field__input:disabled {
  color: #8b8fa2;
  cursor: not-allowed;
}
.input-icon-field__input--error {
  color: #ff5c83;
  border: 1px solid #ff5c83;
  box-sizing: border-box;
  border-radius: 4px;
}
.input-icon-field__input-wrapper:not(.input-icon-field__input-wrapper--disabled) .input-icon-field__input:hover {
  border: 1px solid #8b8fa2;
}
.input-icon-field__input-wrapper:not(.input-icon-field__input-wrapper--disabled) .input-icon-field__input:hover:focus {
  border: 1px solid #192147;
}
.input-icon-field__input-wrapper:not(.input-icon-field__input-wrapper--disabled) .input-icon-field__icon svg path {
  fill: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.input-icon-field__input-wrapper .input-icon-field__input:focus {
  border: 1px solid #192147;
}
.input-icon-field__input-wrapper .input-icon-field__input:focus + .input-icon-field__icon svg path {
  fill: #192147;
}
.input-icon-field__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  color: #192147;
}
.input-icon-field__label[data-has-tooltip=true] {
  margin-bottom: 0.5rem;
}
.input-icon-field__label--disabled {
  color: #8b8fa2;
}
.input-icon-field__errors {
  color: #ff5c83;
}
.input-icon-field input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.input-icon-field input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.input-icon-field input[type=search]::-webkit-search-decoration,
.input-icon-field input[type=search]::-webkit-search-cancel-button,
.input-icon-field input[type=search]::-webkit-search-results-button,
.input-icon-field input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.input-icon-field__clear-button {
  position: absolute;
  right: 12px;
  top: 0;
  height: 36px;
  width: 16px;
  flex-wrap: wrap;
  align-content: center;
  z-index: 1;
}

.radio {
  font-size: 0.875rem;
}
.radio__radio-control {
  display: flex;
  align-items: center;
}
.radio:hover:not(.radio__disabled) .radio__control-button {
  border-color: rgb(0, 128.5, 104.3019480519);
}
.radio__input:hover, .radio__label:hover {
  cursor: pointer;
}
.radio__input {
  display: flex;
}
.radio__input input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.radio__input input + .radio__control-button::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  box-shadow: inset 1em 1em #009a7d;
  background-color: #009a7d;
  border-radius: 50%;
  top: 3px;
  left: 3px;
  transition: 180ms transform ease-in-out;
  transform: scale(0);
}
.radio__input input:checked + .radio__control-button::before {
  transform: scale(1);
}
.radio__input input:focus + .radio__control-button {
  border-color: #009a7d;
}
.radio__control-button {
  position: relative;
  display: flex;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #e2e4ea;
  transform: translateY(-0.05em);
}
.radio__label {
  margin-left: 0.5rem;
  line-height: 1;
}
.radio__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
  margin-top: 0.125rem;
  margin-left: calc(20px + 0.5rem);
}
.radio__help-text .custom-link,
.radio__help-text button {
  font-size: inherit;
}
.radio__disabled .radio__label {
  color: #8b8fa2;
}
.radio__disabled .radio__help-text {
  color: #8b8fa2;
}
.radio__disabled .radio__input:hover,
.radio__disabled .radio__label:hover {
  cursor: not-allowed;
}

.search-field__tooltip-container.component__tooltip-wrapper {
  display: block;
}
.search-field__tooltip-text {
  text-align: center;
}
.search-field__input-wrapper.form-field {
  margin-bottom: 0;
}

.target-select__label {
  font-size: 0.875rem;
  color: #192147;
  display: block;
  margin: 0;
  text-align: right;
}
.target-select__label--error .target-select__select-targets {
  color: #d66c7b;
}
.target-select__select-targets {
  float: left;
  font-weight: 600;
}
.target-select__targets-count {
  font-size: 0.875rem;
  font-weight: 400;
  color: #192147;
}
.target-select.Select {
  border-radius: 4px;
  border: 1px solid #e2e4ea;
}
.target-select.Select.is-focused, .target-select.Select:hover {
  border: 1px solid #6a67fe;
}
.target-select.Select .Select-control {
  min-height: 48px;
  background-color: #ffffff;
}
.target-select.Select .Select-arrow {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFhSURBVHgB7ZOxTsJQFIbPqQRrUpMaY4JxqRR2H0EHlVE3N2DzEdzEN4A3wCeAsY0DPIJOLkC62cTBDsTYxNzrLdBYS8u9VwdDcr/t3pye/7/nPwVQKBQKxT+zIVJ0YJ0eGTuVZ2O36k/fRk9C39hndcOsDLfMsvseTPy8OuQ2YuIEccBKzehMNWz4Y+ceOOKEYHdxDD4pOXn1Hh6zajXgQFDrxeIzx4R2S3atLigeYRZQG+TVcw1QikuvZSbae2wyS+LRtAi0M3p0IAfuDkyD0dAwq4gIx4lrXUO8Suabjiohfud7TiuvP3cHYkpWrYVIb1PXs3yLEEUlLy5lYJUJJgW/EY8Q+g1joji2TfsQEJP560xc/1FIoeN77o1ASzkDcxPjfoaJb222tEz8GgSRNrDKxFzcaYAEUjuQZr983mPjvlh06r9M3EuQpAB/YJOEzRCLFnt58EHDJigUCsU68gUvWYjj2NENSQAAAABJRU5ErkJggg==);
  height: 16px;
  width: 16px;
  margin-left: 6px;
  border: none;
}
.target-select.Select .Select-arrow .Select-arrow-zone:hover .Select-arrow {
  border-top-color: transparent;
}
.target-select.Select:hover .Select-arrow, .target-select.Select.is-open .Select-arrow {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEUSURBVHgB7ZHNbcJAEIXf2AaknCghJaSFdJBUAByIQnKhg5AO4BCsmAtUQDqghZTC2WAPHn4kMLJ31z4gpPlO9mh23rezgKIoinJjyKap34+fGhSsyKfhT0gLmzOfA+5wyuNNun2ezZr/qCpwCs862/sDHnVNEsfw+fF3XSbhwUDDC5ancEEGS4BluNDOZqyK+o0CIL66raxWNpOvS40THl/NYJ6gaDws+HhPRmD6ypUvVpt/qrPw72nkj1BHwCQhH1XCnQTKJMD7Sc7hzgLC4C2ZE1GnvIsn019/CAucBUwSzLwII78LSyoJFEm4htcSOEikSyK8HMLxF0beKxwJUINWTL24xY/ZLdbNB+pBURTlHtkBLbeHaK/uovgAAAAASUVORK5CYII=);
  margin-left: 6px;
}
.target-select.Select .Select-input {
  height: 53px;
  margin: 0;
  padding: 0 0 0 10px;
}
.target-select.Select .Select-input > input {
  line-height: 53px;
  color: #192147;
  font-size: 0.875rem;
}
.target-select.Select .Select-placeholder {
  line-height: 53px;
  color: #8b8fa2;
}
.target-select.Select.Select--multi .Select-option {
  padding: 0;
}
.target-select.Select.Select--multi .Select-option.is-disabled.is-focused {
  background-color: #e2e4ea;
  border-radius: 8px;
}
.target-select.Select.Select--multi .Select-option:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.target-select .Select-menu-outer {
  max-height: 500px;
  height: 500px;
  overflow: hidden;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.15);
}
.target-select .Select-menu-outer .Select-menu {
  height: 498px;
  max-height: 498px;
  overflow: scroll;
  position: relative;
}
.target-select .Select-menu-outer .Select-menu::after {
  content: "\f03c";
  font-size: 150px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -75px;
  opacity: 0.25;
  width: 50%;
  text-align: center;
}
.target-select .Select-menu-outer .target-list {
  height: 100%;
}
.target-select .Select-value {
  border-radius: 4px;
  background-color: #ffffff;
}
.target-select .Select-value .Select-value-icon {
  height: 100%;
}
.target-select .Select-value .Select-value-icon::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFPSURBVHgB7ZW9ccJAEIV3RQNUYDuhBzuAkCFUB8YdoA7sClAHyB04ZByahNDOCcAVqALWKzHyIKzd2zs8A8F9Mxr97N2+N7rbW4BIJHJhUAsOx7MUARc8quTr+WM5fwUDo3H2yLe8mkdE2eo9f5PGJloiRJxzkj4/3gFBMZrUid3iCEUzj3MstPGqARbtn7yrJn7F25QQaoASyv5+7DYhiAMhvYBCTwt+b9afN4P7He+D9CSU3g4etrvN+ssh/rRa5oWmoW7ChuFkNkXqWEuEKezrexEifkhhRDTRgVW8ogdGlOUIFvcyYDHhK16RgCe4RxJjIMckvP6AtNuPaFXHvxowiAeZMFWBVud1EqFELb3D+Qdch4z1sAoyYD3hzjGhVwG3YJd4Q/WtWZL2BG7LCl7d0FXngokzuiHUybb8UFoPmSMTh3nU0VEjkcg18QN5+MdLMXcVKQAAAABJRU5ErkJggg==);
  transform: scale(0.5);
  border-radius: 0px;
  margin-top: 4px;
}
.target-select .Select-value .Select-value-icon:hover::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEuSURBVHgB7ZXLDcIwDIbtwACMwEhsAFwQiBMbwARw4SEuwAaMxAgdAGKcSkCBxnECEhzyS1XbxPH/KQ8HICsr68dCqXM0OHcQzI6jCjQ4Xa7xAAqNR9SlCy3cOCI7WW+bR1+skRIhmjknafFnmyztXWLQmHPsbRzn2EnxIgBQmeTxG4C4mz+rgFQAa+zktc0H4THnabQzECTuAafh8Nwz9D6NvCd6tz0hmPdXm+YePgEIQbh3qrkaQIKoz6ozjwJQQ0SYRwMEISLNnQxEqoEN8vWh0OcdExPs3e3VhJXT8VUAjXkKhGoJpHNu+Xlt1pbtMkUoQFNkNMUqCSCmwqVCiEvA5lONudOG2zzLsQBBUbdh6Jx7INJvQ4Iy2Yk/Cm2RqUCU46jmRs3KyvorXQHWrNR4JOdz6wAAAABJRU5ErkJggg==);
  transform: scale(0.5);
}
.target-select .Select-value .Select-value-label {
  font-size: 0.875rem;
  color: #515774;
  font-size: 0.875rem;
  padding: 0 0 0 1rem;
  line-height: 34px;
}
.target-select .Select-clear {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFPSURBVHgB7ZW9ccJAEIV3RQNUYDuhBzuAkCFUB8YdoA7sClAHyB04ZByahNDOCcAVqALWKzHyIKzd2zs8A8F9Mxr97N2+N7rbW4BIJHJhUAsOx7MUARc8quTr+WM5fwUDo3H2yLe8mkdE2eo9f5PGJloiRJxzkj4/3gFBMZrUid3iCEUzj3MstPGqARbtn7yrJn7F25QQaoASyv5+7DYhiAMhvYBCTwt+b9afN4P7He+D9CSU3g4etrvN+ssh/rRa5oWmoW7ChuFkNkXqWEuEKezrexEifkhhRDTRgVW8ogdGlOUIFvcyYDHhK16RgCe4RxJjIMckvP6AtNuPaFXHvxowiAeZMFWBVud1EqFELb3D+Qdch4z1sAoyYD3hzjGhVwG3YJd4Q/WtWZL2BG7LCl7d0FXngokzuiHUybb8UFoPmSMTh3nU0VEjkcg18QN5+MdLMXcVKQAAAABJRU5ErkJggg==);
  width: 16px;
  height: 16px;
  border-radius: 0px;
  margin-left: -4px;
  margin-top: 6px;
}
.target-select .Select-clear:hover {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEuSURBVHgB7ZXLDcIwDIbtwACMwEhsAFwQiBMbwARw4SEuwAaMxAgdAGKcSkCBxnECEhzyS1XbxPH/KQ8HICsr68dCqXM0OHcQzI6jCjQ4Xa7xAAqNR9SlCy3cOCI7WW+bR1+skRIhmjknafFnmyztXWLQmHPsbRzn2EnxIgBQmeTxG4C4mz+rgFQAa+zktc0H4THnabQzECTuAafh8Nwz9D6NvCd6tz0hmPdXm+YePgEIQbh3qrkaQIKoz6ozjwJQQ0SYRwMEISLNnQxEqoEN8vWh0OcdExPs3e3VhJXT8VUAjXkKhGoJpHNu+Xlt1pbtMkUoQFNkNMUqCSCmwqVCiEvA5lONudOG2zzLsQBBUbdh6Jx7INJvQ4Iy2Yk/Cm2RqUCU46jmRs3KyvorXQHWrNR4JOdz6wAAAABJRU5ErkJggg==);
  width: 16px;
  height: 16px;
  border-radius: 0px;
}
.target-select .Select-clear-zone {
  width: 30px;
}
.target-select .Select-arrow-zone {
  width: 30px;
  margin-right: 5px;
}
.target-select .Select-loading-zone {
  margin-right: 10px;
}
.target-select.is-empty .Select-menu-outer .Select-menu::after {
  content: "\f049";
  font-size: 180px;
  margin-top: -90px;
  color: #e3e3e3;
}
.target-select.is-disabled .Select-value-label {
  padding: 0 1rem;
}

.target-list {
  max-height: 100%;
}
.target-list__type {
  padding: 0 8px 0.25rem;
  margin: 1rem 0 0;
  font-weight: 600;
  font-size: 0.875rem;
  color: #192147;
  border-bottom: 1px solid #e2e4ea;
}
.target-list__type::first-letter {
  text-transform: uppercase;
}
.target-list__type:first-child {
  margin: 1.5rem 0 0.5rem 0;
}
.target-list__options {
  width: 50%;
  float: left;
  position: relative;
  overflow-y: scroll;
  max-height: 100%;
  padding: 0 1.5rem;
  border-right: 1px solid #e2e4ea;
  background-color: #ffffff;
}
.target-list__option-details {
  width: 50%;
  height: 100%;
  float: right;
  padding: 0 1.5rem;
}
.target-list__no-hosts {
  font-size: 0.875rem;
  padding: 1.5rem;
}
.target-list__no-hosts-heading {
  font-weight: 600;
  font-size: 0.875rem;
  padding-bottom: 1rem;
}
.target-list__spotlight {
  width: 50%;
  float: right;
  overflow-y: auto;
  background-color: #ffffff;
  min-height: 450px;
  padding-top: 1.5rem;
  position: relative;
  z-index: 1;
}
.target-list__not-found {
  font-size: 0.875rem;
  padding: 0 0.25rem 0.25rem;
}

.host-target,
.label-target {
  width: 100%;
}
.host-target__back,
.label-target__back {
  color: #192147;
  font-size: 0.75rem;
  display: none;
}
@media (max-width: 1199px) {
  .host-target,
  .label-target {
    padding-top: 2.5rem;
  }
}

.host-target__display-text {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #192147;
  margin: 0;
}
.host-target__icon {
  color: #3e4771;
  margin-right: 0.5rem;
  width: 21px;
}
.host-target__icon--online {
  color: #192147;
}
.host-target__icon--offline {
  color: #192147;
}
.host-target__status {
  margin: 0.25rem 0;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}
.host-target__status--is-online {
  color: #3db67b;
}
.host-target__status--is-offline {
  color: #d66c7b;
}
.host-target__labels-wrapper {
  position: absolute;
  bottom: 1.5rem;
}
.host-target__labels-header {
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.9px;
  color: #192147;
  text-transform: uppercase;
  margin: 0;
}
.host-target__labels-list {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #192147;
  list-style: none;
  margin: 0;
  padding: 0;
}
.host-target__labels-list li {
  display: inline-block;
}
.host-target__labels-list li::after {
  content: ",";
  margin-right: 3px;
}
.host-target__labels-list li:last-child::after {
  content: "";
  margin: 0;
}
.host-target__platform-text {
  text-transform: capitalize;
}
.host-target__mac-address {
  text-transform: uppercase;
}

.label-target__display-text {
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #192147;
  margin: 0;
}
.label-target__icon {
  color: #3e4771;
  margin-right: 0.5rem;
  width: 30px;
}
.label-target__hosts {
  margin: 0.25rem 0;
  letter-spacing: 0.4px;
  font-size: 0.875rem;
  font-weight: 400;
}
.label-target__hosts-count {
  font-weight: 600;
  color: #192147;
}
.label-target__hosts-count strong {
  min-width: 21px;
  text-align: center;
  font-weight: 600;
  display: inline-block;
  margin-right: 0.5rem;
}
.label-target__hosts-online {
  color: #3db67b;
}
.label-target__description {
  font-size: 1rem;
  font-weight: 400;
  color: #192147;
  margin: 0 0 0.5rem;
}

.target-details__table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 0.875rem;
  width: 100%;
  margin-bottom: 1rem;
}
.target-details__table th {
  font-weight: 600;
  color: #192147;
  padding-right: 0.5rem;
}
.target-details__table td {
  display: flex;
  align-items: center;
}

.target-option__btn {
  float: right;
  padding: 0 1rem;
  height: 24px;
  line-height: 20px;
  font-size: 15px;
}
.target-option__wrapper {
  display: flex;
  align-items: stretch;
  align-content: stretch;
  cursor: default;
  border-radius: 8px;
  padding: 0 0.25rem;
}
.target-option__target-content, .target-option__add-btn {
  font-size: 0.875rem;
  font-weight: 400;
  text-transform: none;
  padding: 0;
}
.target-option__add-btn {
  min-width: 60px;
  justify-content: end !important;
}
.target-option__add-btn::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOGSURBVHgBzVddUtswEN6VTQhtH+gJmp6gcILCCQonIJ1pwA0PhBOE3CB5SUzoDOEEhBMAJ2h6gro3yEtLfmxttQoOluM4biAz/WY8lmRZq5X251uEjKhUaHPwO9gTwvqIAFtEVACETf2RoI+IHgH0QAb3uddWt17HfpZ1cdEEx6GCRXCiBBanAjMBOxIHNdfd8FJnzfvAGo8foEpAFXgGiLC+/gpq804kcQOstSC6Vc0CvAw8icPdpNMQ8YFSabQ1V7i6a0CqSQx21YLvm+cC+clt4FseUxMaLAxmoRRav+W14x+ME0jRXGkQfHbdtTvIAMfxi4JENXkd8ySmJ8B3niycGkrD7azCGa5rd3JD3H48kSj0SbCscMAOG2xwM8KJas22dQZLoN7RRlcpO0EfCKvRTQz/aFmn3NFX8Hj0P80lqNE8t1I94Ouhv8fvVtvups0rHwV1JeokOsY2xFehr0AQVGP/eLkNcZa2qOOMdxDFNT/Ol/FO2tzcUK/lRccE5bRyolLk+1BBJgqUtYWRLLAL08UQC2lT+TrYiM1RPNB2N1gL9mLzvaYyInhhaCNmN37C5kiHdhXbzal0A6uCiHmFki0QyAgOMpBdWBEkyDtjgICDnul6+Td2D1YG2zO6SAUsH0mKjnFojfbLR8TuM+uOpIw3ko4BZ42WSDZabaturmfKs2ExlHCV++NAo82eNJOqFUfgzdchBSJmmXB8TO+ifRKygUw0Jn789ET/m7S9+KM4hGF0E5c30LcRgZnM1BCDof9evX6F/VZLH+GMFk6JigLpcrIBedpsL3bdQd5XRmc9DRB6QhL9iE5SfrkDK4LKkGbMQegpLxB35qAZs18W+MnsBvciP4ZuPEItiu3LwCn5RYhl21ze6gqdNpGuoh+EZV1Gc/ZzoWO+ELGEhx3ONzobShRxIwtz9nxYvhc2lR15aVOTuAYzZn7rDbguenH2gkiV8iHN3QQnFxVo9pkLut/ms6WyQwnMmhohLZuGE/bR0Tp9j+90Ea2ehxRa7zHFC9fLTEpBylrzIluaZiNmO4IMpHSmLmDqvCbsa0iuCTwE7AaBf8NJK9TCcR4K4NsFIWyV2pXGyRWUN5b+/sVFzkh2/19hwmCjnEOrl0BI65NrxEzFKUp5pjLbAWTFpIK6kjiqL12cxqHL80GwhxJ3FAn9oImMUZ5zUsOeVOV5/h/K879CVMtRVlKW+gAAAABJRU5ErkJggg==);
  transform: scale(0.5);
  border: none;
}
.target-option__target-content {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.target-option__count {
  background-color: #192147;
  border-radius: 4px;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 16px;
  font-weight: 600;
  padding: 2px 10px;
}
.target-option__icon {
  color: #192147;
  font-size: 1rem;
  margin-left: 0.5rem;
}
.target-option__icon--online {
  color: #192147;
}
.target-option__icon--offline {
  color: #192147;
}
.target-option__ip {
  color: #192147;
  font-size: 0.875rem;
}
.target-option__label-host {
  color: #ae6ddf;
  font-size: 1.25rem;
  margin-left: 0.5rem;
}
.target-option__label-label {
  color: #192147;
  font-size: 0.75rem;
  margin-left: 0.5rem;
}
.target-option__label-label .all-hosts {
  font-weight: 600;
}
.target-option__more-info {
  color: #6a67fe;
  cursor: pointer;
  float: right;
  margin-right: 1rem;
}
.target-option__target-icon {
  font-size: 1.25rem;
  color: #192147;
  margin-right: 0.25rem;
}
.target-option__target-modal {
  width: 1000px;
}

.is-host .button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.is-host .target-option__label-label {
  font-weight: 600;
  margin-right: 0.5rem;
}

.fleet-slider {
  transition: background-color 150ms ease-in-out;
  background-color: #8b8fa2;
  border-radius: 12px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  min-width: 35px;
  position: relative;
  width: 35px;
}
.fleet-slider:hover {
  background-color: #8b8fa2;
}
.fleet-slider--active {
  background-color: #009a7d;
}
.fleet-slider--active:hover {
  background-color: #009a7d;
}
.fleet-slider__wrapper {
  display: flex;
  align-items: center;
  height: 24px;
}
.fleet-slider__wrapper--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.fleet-slider__wrapper--disabled:hover, .fleet-slider__wrapper--disabled:focus {
  cursor: default;
}
.fleet-slider__dot {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: left 150ms ease-in-out;
  border-radius: 50%;
  background-color: #ffffff;
}
.fleet-slider__dot--active {
  left: 17px;
}
.fleet-slider__label {
  display: flex;
  vertical-align: middle;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: left;
  margin-left: 0.5rem;
}
.fleet-slider__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.fleet-slider__help-text .custom-link,
.fleet-slider__help-text button {
  font-size: inherit;
}

.forgot-password-form {
  width: 100%;
}
.forgot-password-form__submit-btn {
  width: 160px;
}

.login-form {
  gap: 1.5rem;
}
.login-form--hidden {
  opacity: 0;
}
.login-form__sso-image {
  vertical-align: middle;
  height: 20px;
  width: 20px;
  margin-right: 10px;
  border-radius: 20%;
}
.login-form__sso-legend {
  vertical-align: middle;
}
.login-form__actions, .login-form__form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.login-form__actions {
  align-items: center;
  align-self: center;
  flex-direction: column-reverse;
}
.login-form__login-actions {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 14.25rem;
}
.login-form__forgot-link {
  align-self: flex-start;
}
.login-form__sso-btn.button {
  border: 1px solid #192147;
  white-space: nowrap;
}

.two-factor-check-email {
  align-items: start;
  gap: 2rem;
}
.two-factor-check-email h1 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
}
.two-factor-check-email .back-link svg path {
  fill: transparent;
}

.edit-pack-form__pack-title .input-field {
  width: 100%;
}
.edit-pack-form__pack-description .input-field {
  width: 100%;
}
.edit-pack-form__description p:first-child {
  margin-top: 0;
}
.edit-pack-form__pack-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.new-pack-form__pack-buttons {
  text-align: right;
}

.user-registration {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.user-registration__container {
  transition: left 300ms ease, opacity 300ms ease;
  z-index: 1;
}
.user-registration__container--admin {
  left: 0;
  top: max(60%, 625px);
}
.user-registration__container--org {
  left: calc(100% + 220px);
  top: max(60%, 480px);
  display: none;
}
.user-registration__container--fleet {
  left: calc(150% + 220px);
  top: max(60%, 480px);
  display: none;
}
.user-registration__container--confirmation {
  left: calc(200% + 220px);
  top: max(60%, 480px);
  display: none;
}
.user-registration__container--complete {
  padding: 0;
}
.user-registration__container--complete .user-registration__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #192147;
  padding: 25px 35px;
}
.user-registration__form--step1-complete .user-registration__container--admin {
  left: -600px;
  display: none;
}
.user-registration__form--step1-complete .user-registration__container--org {
  left: 0;
  display: block;
}
.user-registration__form--step1-complete .user-registration__container--fleet {
  left: calc(100% + 220px);
  display: none;
}
.user-registration__form--step1-complete .user-registration__container--confirmation {
  left: calc(150% + 220px);
  display: none;
}
.user-registration__form--step2-complete .user-registration__container--admin {
  left: calc(-50% - 600px);
  display: none;
}
.user-registration__form--step2-complete .user-registration__container--org {
  left: -600px;
  display: none;
}
.user-registration__form--step2-complete .user-registration__container--fleet {
  left: 0;
  display: block;
}
.user-registration__form--step2-complete .user-registration__container--confirmation {
  left: calc(100% + 220px);
  display: none;
}
.user-registration__form--step3-complete .user-registration__container--admin {
  left: calc(-100% - 600px);
  display: none;
}
.user-registration__form--step3-complete .user-registration__container--org {
  left: calc(-50% - 600px);
  display: none;
}
.user-registration__form--step3-complete .user-registration__container--fleet {
  left: -600px;
  display: none;
}
.user-registration__form--step3-complete .user-registration__container--confirmation {
  left: 0;
  display: block;
}
.user-registration__form::before {
  left: auto;
  right: 50%;
}
.user-registration__form--step1-active::before {
  display: none;
}
.user-registration__description {
  font-size: 0.875rem;
  font-weight: 400;
  color: #192147;
}
.user-registration__title {
  font-size: 18px;
  font-weight: 600;
  color: #192147;
  margin: 0;
  padding: 0;
}
.user-registration__field-wrapper .button-wrap {
  justify-content: center;
}
.user-registration__field-wrapper .button {
  width: 160px;
}

.confirm-user-reg {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.confirm-user-reg__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
  color: #515774;
}
.confirm-user-reg__help-text .custom-link,
.confirm-user-reg__help-text button {
  font-size: inherit;
}
.confirm-user-reg__icon {
  color: #3db67b;
  font-size: 120px;
  display: block;
  text-align: center;
  margin: 10px 0 35px;
}
.confirm-user-reg__submit {
  bottom: 0;
  top: auto;
  position: absolute;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.confirm-user-reg__submit:active {
  top: auto;
}
.confirm-user-reg__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 1.5rem; /* 0px horizontal, 16px vertical gap between rows */
}
.confirm-user-reg__table caption {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-align: left;
}
.confirm-user-reg__table tr {
  vertical-align: bottom;
}
.confirm-user-reg__table th {
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
  padding-right: 20px;
}
.confirm-user-reg__table td {
  font-size: 0.875rem;
  font-weight: 400;
}
.confirm-user-reg__table-email {
  max-width: 292px;
  word-wrap: break-word;
}
.confirm-user-reg__table-url {
  display: inline-block;
  max-width: 292px;
  word-wrap: break-word;
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
  vertical-align: bottom;
  font-weight: 600;
}
.confirm-user-reg__import {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #192147;
  margin: 30px 0 0;
}
.confirm-user-reg__import .fleet-checkbox {
  display: block;
}
.confirm-user-reg__import .fleet-checkbox__label {
  padding: 0;
}
.confirm-user-reg__import p {
  margin: 0;
  padding-left: 2.5rem;
}
.confirm-user-reg__import .fleet-checkbox__input {
  position: absolute;
  left: 0;
  top: 0;
}
.confirm-user-reg .button {
  width: 160px;
}

.reset-password-form {
  width: 100%;
}
.reset-password-form .button-wrap {
  justify-content: center;
}
.reset-password-form__input {
  width: 100%;
}

.manage-user .input-field {
  width: 100%;
}
.manage-user .form-field__label {
  font-size: 0.875rem;
  font-weight: 600;
}
.manage-user__email-help-text {
  display: block;
}
.manage-user .button-wrap {
  width: 100%;
  justify-content: flex-end;
}

.generic-msg-with-nav-button {
  max-width: 520px;
}

.gitops-mode-tooltip-wrapper__tooltip-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gitops-mode-tooltip-wrapper .component__tooltip-wrapper__tip-text {
  cursor: default;
}

.graphic {
  display: inline-flex;
  align-self: center;
}

.icon {
  display: inline-flex;
  align-self: center;
}

.org-logo-icon {
  min-height: 24px;
  max-height: 40px;
  max-width: 150px;
  padding: 0 0.5rem;
}

.default-fleet-logo {
  transform: scale(0.5);
}

.icon-status-message {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
}

.icon-status-message__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 1.5em;
}

.icon-status-message__content {
  flex: 1;
  line-height: 1.5;
}

.info-banner {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  gap: 1.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: #192147;
  line-height: 1.5;
}
.info-banner__page-banner {
  padding: 1.5rem 2rem;
  width: auto;
  gap: 0.5rem;
}
.info-banner__info {
  align-content: center;
}
.info-banner__info p {
  margin: 0.5rem 0 0 0;
}
.info-banner__cta {
  display: flex;
  align-items: center;
  color: #192147;
  text-align: right;
  gap: 0.5rem;
  min-width: -moz-max-content;
  min-width: max-content;
  margin-left: 0.5rem;
}
.info-banner__cta button {
  margin-left: 0.5rem;
}
.info-banner__close {
  margin: -1rem;
}

.inherited-badge__element-text {
  font-weight: 600;
  font-size: 0.625rem;
  color: #192147;
  line-height: 15px;
  border-radius: 4px;
  background: #e2e4ea;
  padding: 2px 4px;
}
.inherited-badge .react-tooltip-arrow {
  width: 8px;
  height: 8px;
}
.inherited-badge [class*=react-tooltip__place-top] > .styles-module_arrow__K0L3T {
  transform: rotate(45deg);
}
.inherited-badge [class*=react-tooltip__place-right] > .styles-module_arrow__K0L3T {
  transform: rotate(135deg);
}
.inherited-badge [class*=react-tooltip__place-bottom] > .styles-module_arrow__K0L3T {
  transform: rotate(225deg);
}
.inherited-badge [class*=react-tooltip__place-left] > .styles-module_arrow__K0L3T {
  transform: rotate(315deg);
}
.inherited-badge .react-tooltip {
  width: -moz-max-content;
  width: max-content;
  max-width: 360px;
  padding: 6px;
  color: #ffffff;
  background-color: #3e4771;
  font-weight: 400;
  font-size: 0.75rem;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 100;
  line-height: 1.375;
  white-space: initial;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  font-style: normal;
  text-align: center;
}
.inherited-badge .react-tooltip p {
  margin: 0;
}

.last-updated-host-count {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 0.875rem;
}

.component__last-updated-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #515774;
}
.component__last-updated-text .tooltip {
  padding-left: 0.25rem;
}
.component__last-updated-text img {
  height: 16px;
  width: 16px;
  vertical-align: text-top;
}

.list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-item__main-content {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.list-item__info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.list-item__title {
  font-size: 0.875rem;
  font-weight: 600;
}
.list-item__details {
  font-size: 0.75rem;
}
.list-item__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
}

.target-chip-selector {
  padding: 0.5rem;
  background-color: #ffffff;
  border: none;
  box-shadow: inset 0 0 0 1px #c5c7d1;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.target-chip-selector:not(:last-of-type) {
  margin-right: 0.5rem;
}
.target-chip-selector img {
  max-width: 12px;
}
.target-chip-selector .plus-icon {
  padding-right: 3px;
}
.target-chip-selector .selector-name {
  margin-left: 8px;
  font-size: 0.875rem;
  flex: 1;
}
.target-chip-selector .selector-count {
  margin-left: 8px;
  font-size: 0.625rem;
  font-weight: 600;
}
.target-chip-selector[data-selected=true] {
  background-color: #f9fafc;
  box-shadow: inset 0 0 0 1px #515774;
}
.target-chip-selector:hover {
  background-color: #f9fafc;
  box-shadow: inset 0 0 0 1px #192147;
  color: #192147;
}
.target-chip-selector:active {
  background-color: #f9fafc;
  box-shadow: inset 0 0 0 1px #192147;
  color: #192147;
}
.target-chip-selector:focus-visible {
  outline: 1px solid #192147;
  outline-offset: 1px;
  border-radius: 4px;
}

.main-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 2rem;
  flex-grow: 1;
  overflow: auto;
}
.main-content > :not(.main-content--animation-disabled) {
  animation: fade-in 250ms ease-out;
}
.main-content__warning-banner {
  margin-bottom: 1.5rem;
  position: sticky;
  z-index: 4;
}
.main-content.manage-hosts, .main-content.query-details-page {
  max-width: 100%;
}

@media (max-width: 767px) {
  .main-content {
    padding: 1.5rem 1rem 1rem;
  }
}
@media (max-width: 575px) {
  .main-content {
    padding: 20px;
  }
}
.mdm-sso-error p {
  font-size: 0.875rem;
  margin: 12px 0 0;
}

.modal__background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(25, 33, 71, 0.4);
  z-index: 101;
  overflow: auto;
  display: flex;
  justify-content: center;
  animation: fade-in 150ms ease-out;
  visibility: visible;
  opacity: 1;
  transition: opacity 150ms ease-out, visibility 0s;
}
.modal__hidden {
  visibility: hidden;
  opacity: 0;
  transition: opacity 150ms ease-out, visibility 0s 150ms;
}
.modal__hidden .fleet-checkbox__tick:after {
  visibility: hidden;
}
.modal__content-wrapper {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.modal__content-wrapper .input-field {
  width: 100%;
}
.modal__content-wrapper form .modal-cta-wrap,
.modal__content-wrapper .form .modal-cta-wrap {
  margin-top: 0.5rem;
}
.modal__ex {
  height: 32px;
}
.modal__header {
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #e2e4ea;
  display: flex;
  justify-content: space-between;
  min-height: 37px;
}
.modal__header span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modal__modal_container {
  position: absolute;
  top: 22px;
  box-sizing: border-box;
  background-color: #ffffff;
  padding: 2.5rem;
  border-radius: 8px;
  animation: scale-up 150ms ease-out;
}
.modal__modal_container__medium {
  width: 650px;
}
.modal__modal_container__large {
  width: 800px;
}
.modal__modal_container__xlarge {
  width: 850px;
}
.modal__modal_container__auto {
  width: auto;
}
.modal__content-wrapper-disabled {
  position: relative;
}
.modal__content-disabled {
  transition: opacity 150ms ease-in-out;
  opacity: 0.5;
}
.modal__disabled-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1000;
}
.modal__actions-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 1rem;
}
.modal__actions-footer > * {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}
.modal__actions-footer > :last-child {
  margin-left: auto;
}
.modal__actions-footer .button__text-icon {
  padding: 11px;
}

.modal-scrollable-content {
  overflow-y: auto;
  max-height: 705px;
}

.modal-cta-wrap {
  align-self: flex-end;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 2rem;
  gap: 1rem;
}

.modal-footer__content-wrapper {
  align-self: flex-end;
  display: flex;
  flex-direction: row-reverse;
  padding-top: 1rem;
  justify-content: space-between;
}
.modal-footer__primary-buttons-wrapper, .modal-footer__secondary-buttons_wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}
.modal-footer > :last-child {
  margin-left: auto;
}
.modal-footer .button__text-icon {
  padding: 11px;
}

.show-query-modal {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.show-query-modal .yaml-ace {
  min-height: 0;
}
.show-query-modal .yaml-ace__label {
  height: 0;
}
.show-query-modal__performance-impact {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.show-query-modal__performance-impact .data-table__pill {
  font-size: 0.625rem;
  font-weight: 600;
  padding: 6px 12px;
}
.show-query-modal__performance-impact .data-table__pill .__react_component_tooltip {
  width: -moz-max-content;
  width: max-content;
  max-width: 360px;
  padding: 6px;
  color: #ffffff;
  background-color: #3e4771;
  font-weight: 400;
  font-size: 0.75rem;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 100;
  line-height: 1.375;
  white-space: initial;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.show-query-modal__performance-impact .data-table__pill .__react_component_tooltip p {
  margin: 0;
}
.show-query-modal .modal-cta-wrap {
  margin-top: initial;
}

.not-supported {
  color: #8b8fa2;
  white-space: nowrap;
}

.page-description p {
  color: #515774;
  margin: 0;
  font-size: 0.875rem;
}

.paginated-list {
  gap: 1rem;
}
.paginated-list__header {
  padding: 1rem 1.5rem;
  font-size: 0.875rem;
  border-bottom: 1px solid #e2e4ea;
  background-color: #f9fafc;
  min-height: 24px;
}
.paginated-list .loading-overlay {
  display: flex;
  flex-grow: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.paginated-list .loading-overlay .loading-spinner {
  position: sticky;
  top: 0px;
  left: 0px;
}
.paginated-list__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #e2e4ea;
  padding-left: 0;
  margin: 0;
}
.paginated-list__row {
  display: flex;
  max-width: 100%;
  padding: 8px 12px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid #e2e4ea;
  gap: 20px;
}
.paginated-list__row .form-field--checkbox {
  flex: 1 1 0%;
  /* This allows growing and shrinking */
  min-width: 0;
  /* This is crucial for proper shrinking */
}
.paginated-list__row .fleet-checkbox__tick {
  flex: 0 0 auto;
  /* This prevents growing and shrinking */
  width: -moz-fit-content;
  width: fit-content;
  /* This ensures button isn't cut off */
}
.paginated-list__row .fleet-checkbox__label {
  display: flex;
  white-space: nowrap;
  flex: 1 1 0%;
  /* This allows growing and shrinking */
  min-width: 0;
  /* This is crucial for proper shrinking */
}
.paginated-list__row:not(.paginated-list__row--disabled):hover {
  background: #f9fafc;
  cursor: pointer;
}
.paginated-list__row:not(.paginated-list__row--disabled):hover label {
  cursor: pointer;
}
.paginated-list__row:not(.paginated-list__row--disabled):hover .policy-row__preview-button {
  visibility: visible;
}
.paginated-list__row:first-child {
  border-radius: 4px 4px 0 0;
}
.paginated-list__row:last-child {
  border-radius: 0 0 4px 4px;
  border-bottom: none;
}
.paginated-list .fleet-checkbox__label {
  display: flex;
}
.paginated-list.form-fields--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.paginated-list.form-fields--disabled:hover, .paginated-list.form-fields--disabled:focus {
  cursor: default;
}
.paginated-list .pagination {
  margin-top: 0;
}

.pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
  margin-left: auto;
  text-align: right;
  gap: 1.5rem;
}

.platform-compatibility {
  display: flex;
  font-size: 0.875rem;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.platform-compatibility b,
.platform-compatibility svg,
.platform-compatibility span {
  display: flex;
  align-items: center;
}
.platform-compatibility .platform {
  display: flex;
  gap: 0.25rem;
}

.platform-selector {
  width: auto;
}
.platform-selector__checkboxes {
  display: flex;
  align-items: center;
  gap: 12px;
}
.platform-selector .form-field__label--disabled {
  color: #8b8fa2;
}
.platform-selector__platform-checkbox-wrapper {
  width: auto;
}
.platform-selector .form-field__help-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.premium-feature-message-container {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
}
.premium-feature-message-container__align-left {
  justify-content: left;
  align-items: left;
}
.premium-feature-message-container .premium-feature-message {
  display: flex;
  gap: 4px;
  align-items: center;
}
.premium-feature-message-container .premium-feature-message p {
  line-height: normal;
  margin: 0;
}
.premium-feature-message-container .premium-feature-message .external-link-and-icon {
  display: flex;
  gap: 4px;
  align-items: center;
}

.probability-of-exploit {
  display: flex;
  align-items: center;
  gap: 8px;
}
.probability-of-exploit__unknown {
  color: #8b8fa2;
  font-style: italic;
}

.progress-bar {
  display: flex;
  height: 4px;
  border-radius: 8px;
  overflow: hidden;
}
.progress-bar__small {
  width: 3.125rem;
}
.progress-bar__large {
  width: 6.25rem;
}
.progress-bar__section {
  height: 100%;
}

.awaiting-results {
  margin: 120px auto;
  width: 275px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.live-results-heading__information {
  margin-top: 20px;
  gap: 0.5rem;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
}
.live-results-heading__percent-responded {
  display: flex;
}
.live-results-heading__targeted-count {
  font-weight: 600;
}
.live-results-heading__targeted-count .icon-tooltip {
  margin-left: 0.5rem;
}
.live-results-heading__responding-spinner {
  margin-left: 0.5rem;
}
.live-results-heading__btn-wrapper {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
}
.live-results-heading__btn-wrapper .button {
  padding: 0.5rem 1rem;
}
.live-results-heading__btn-wrapper .button:not(:last-of-type) {
  margin-right: 0.5rem;
}

.pack-queries-table {
  flex-grow: 1;
}
.pack-queries-table h1 {
  margin: 0 0 20px;
}
.pack-queries-table .data-table-block .data-table__table thead .name__header {
  width: 352px;
}
.pack-queries-table .data-table-block .data-table__table thead .interval__header {
  width: 0;
}
.pack-queries-table .data-table-block .data-table__table thead .platform_string__header {
  display: none;
  width: 0;
}
.pack-queries-table .data-table-block .data-table__table thead .logging_string__header {
  display: none;
  width: 0;
}
.pack-queries-table .data-table-block .data-table__table thead .performance__header {
  display: none;
  width: 0;
}
.pack-queries-table .data-table-block .data-table__table thead .actions__header {
  width: auto;
}
@media (min-width: 990px) {
  .pack-queries-table .data-table-block .data-table__table thead .interval__header {
    border-right: 1px solid #e2e4ea;
  }
  .pack-queries-table .data-table-block .data-table__table thead .performance__header {
    display: table-cell;
    width: 252px;
  }
}
@media (min-width: 1400px) {
  .pack-queries-table .data-table-block .data-table__table thead .platform_string__header,
  .pack-queries-table .data-table-block .data-table__table thead .logging_string__header {
    display: table-cell;
  }
}
.pack-queries-table .data-table-block .data-table__table tbody .name__cell {
  width: 352px;
}
.pack-queries-table .data-table-block .data-table__table tbody .interval__cell {
  width: 0;
}
.pack-queries-table .data-table-block .data-table__table tbody .platform_string__cell {
  display: none;
  width: 0;
}
.pack-queries-table .data-table-block .data-table__table tbody .logging_string__cell {
  display: none;
  width: 0;
}
.pack-queries-table .data-table-block .data-table__table tbody .performance__cell {
  display: none;
  width: 0;
}
.pack-queries-table .data-table-block .data-table__table tbody .actions__cell {
  width: auto;
}
@media (min-width: 990px) {
  .pack-queries-table .data-table-block .data-table__table tbody .performance__cell {
    display: table-cell;
    width: 252px;
  }
}
@media (min-width: 1400px) {
  .pack-queries-table .data-table-block .data-table__table tbody .platform_string__cell,
  .pack-queries-table .data-table-block .data-table__table tbody .logging_string__cell {
    display: table-cell;
  }
}
.pack-queries-table .data-table-block__empty-table {
  text-align: center;
  font-size: 0.875rem;
  color: #192147;
}

.query-frequency-indicator {
  width: 90px;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.query-frequency-indicator .icon {
  vertical-align: middle;
  padding-right: 0.5rem;
}

.grey {
  color: #b3b6c1;
}

.sandbox-message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 350px;
  margin: 2.5rem auto;
}
.sandbox-message__message {
  font-size: 1rem;
  font-weight: 600;
}
.sandbox-message__link-message {
  font-size: 0.875rem;
  margin: 0;
}
.sandbox-message__link-message a {
  padding-left: 0.25rem;
}
.sandbox-message__link-message img {
  width: 12px;
  padding-left: 0.25rem;
}

.section-header {
  display: flex;
  justify-content: space-between;
}
.section-header__left-header {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.section-header__left-header--vertical {
  flex-direction: column;
}
.section-header__sub-title--grey {
  font-size: 0.875rem;
  color: #8b8fa2;
}
.section-header h2 {
  font-size: 1.25rem;
  width: 100%;
}
.section-header__no-margin {
  margin: 0;
}

.pack-info-side-panel__title {
  font-size: 1.25rem;
  font-weight: 400;
  color: #192147;
  border-bottom: 1px solid #e2e4ea;
  padding-bottom: 8px;
  margin: 0 0 7px;
}
.pack-info-side-panel__subtitle {
  font-size: 0.875rem;
  font-weight: 600;
  color: #192147;
}
.pack-info-side-panel p,
.pack-info-side-panel ul {
  font-size: 0.875rem;
  color: #192147;
}
.pack-info-side-panel p {
  margin: 24px 0 24px 0;
}
.pack-info-side-panel ul {
  margin-left: 16px;
  padding-left: 0px;
}
.pack-info-side-panel li::marker {
  color: #6a67fe;
}
.pack-info-side-panel dl dt {
  font-weight: 600;
  font-size: 0.875rem;
  color: #192147;
  margin-bottom: 24px;
}
.pack-info-side-panel dl dt img {
  height: 16px;
  width: auto;
  margin-right: 8px;
}
.pack-info-side-panel dl dt span {
  vertical-align: 2px;
}

.query-side-panel {
  position: relative;
  overflow: unset !important;
}
.query-side-panel__close-button {
  width: 24px;
  height: 24px;
  border: 1px solid #c5c7d1;
  border-radius: 12px;
  background-color: #ffffff;
  position: absolute;
  top: 40px;
  left: -13px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 2;
}
.query-side-panel__close-button:focus {
  border: 1px solid #6a67fe;
  outline: none;
}
.query-side-panel__close-button:focus svg path {
  stroke: #6a67fe;
}
.query-side-panel__close-button:hover svg path {
  stroke: #5d5ae7;
}
.query-side-panel__choose-table {
  margin: 0 0 1.5rem;
}
.query-side-panel__choose-table .form-field {
  margin-bottom: 1rem;
}
.query-side-panel__header {
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.query-side-panel__table-count {
  line-height: normal;
  margin-left: 0.5rem;
  background-color: #e2e4ea;
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
  font-size: 0.875rem;
}
.query-side-panel__table-select.Select .Select-menu-outer {
  padding: 0;
}
.query-side-panel__table-select.Select .Select-menu-outer .Select-menu {
  padding: 0.25rem;
}
.query-side-panel__table-select.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 220px;
  display: inline-block;
}
.query-side-panel__table-select.Select .Select-option .dropdown__option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 225px;
}
.query-side-panel__description {
  font-size: 0.875rem;
  overflow-wrap: break-word;
}
.query-side-panel__mdm-required {
  background-color: #6a67fe;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 2px 4px;
  border-radius: 4px;
  position: relative;
  top: -2px;
  min-width: 95px;
  max-height: 19px;
}

.evented-table-tag {
  display: inline-flex;
  align-items: center;
  color: #192147;
  background-color: #e2e4ea;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.625rem;
  font-weight: 600;
  gap: 0.5rem;
}

.query-table-columns {
  margin-bottom: 2rem;
}
.query-table-columns h3 {
  font-size: 1rem;
  font-weight: 600;
}
.query-table-columns__column-list {
  list-style: none;
  padding-left: 0;
}

.column-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.column-list-item:last-child {
  margin-bottom: 0;
}
.column-list-item__name-wrapper {
  display: flex;
  align-items: center;
}
.column-list-item__name {
  font-size: 0.875rem;
}
.column-list-item__name .component__tooltip-wrapper__element {
  white-space: normal;
  max-width: 180px;
  overflow-wrap: anywhere;
}
.column-list-item__name .component__tooltip-wrapper__underline {
  border-bottom: none;
  -webkit-text-decoration: underline dashed #8b8fa2;
          text-decoration: underline dashed #8b8fa2;
  text-underline-offset: 5px;
}
.column-list-item__tooltip .component__tooltip-wrapper__tip-text {
  font-style: normal;
}
.column-list-item__asterisk {
  height: 19px;
}
.column-list-item__has-footnotes {
  font-style: italic;
  margin-right: 0.25rem;
}
.column-list-item__type {
  font-size: 0.75rem;
}
.column-list-item__footnote {
  font-weight: 600;
  margin: 0.5rem 0;
  display: block;
}
.column-list-item__footnote:last-of-type {
  margin-bottom: 0;
}
.column-list-item__footnote-link {
  font-size: 0.75rem;
  color: #ffffff;
  text-decoration: underline;
}

.query-table-example h3 {
  font-size: 1rem;
  font-weight: 600;
}

.query-table-notes h3 {
  font-size: 1rem;
  font-weight: 600;
}
.query-table-notes__notes-markdown li {
  margin-bottom: 1rem;
  line-height: 1.5;
}
.query-table-notes__notes-markdown li:last-child {
  margin-bottom: 0;
}

.query-table-platforms h3 {
  font-size: 1rem;
  font-weight: 600;
}
.query-table-platforms__platform-list {
  list-style: none;
  padding-left: 0;
}
.query-table-platforms .platform-list-item {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  font-size: 0.875rem;
}
.query-table-platforms .platform-list-item:last-child {
  padding-bottom: 0;
}
.query-table-platforms .platform-list-item .icon {
  margin-right: 0.5rem;
}

.side-panel-content {
  background-color: #ffffff;
  box-sizing: border-box;
  border-left: 1px solid #e3e3e3;
  min-width: 340px;
  width: 340px;
  padding: 2.5rem;
  position: relative;
  animation: fade-in 250ms ease-out;
}
.side-panel-content .component__tooltip-wrapper__tip-text {
  max-width: 280px;
}

/** Be extremely careful when editing this CSS
This is calculated to:
 - Have the left margin always follow regular page left margins
 - Always have a side panel flushed right
 - If a side panel runs into the content, it doesn't affect the left margin, only changes the right margin
 - If the side panel is closed, it follows regular page margins
Only variables should be updated unless there is a redesign of these pages
*/
.side-panel-page {
  min-height: 100vh;
  position: relative;
  width: 100%;
  /* Main Content logic per breakpoint */
  /* Main Content logic per breakpoint */
}
.side-panel-page .side-panel-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 340px;
  height: auto;
  z-index: 2;
}
.side-panel-page .main-content {
  position: relative;
  box-sizing: border-box;
  padding: 32px;
  /* Default: for < ($main-max-width-including-padding + $side-panel-width) */
  margin-right: 340px;
  margin-left: 0;
  width: auto;
  max-width: unset;
  /* For 1684px to 2024px */
  /* For ≥ 2364px (perfectly centered) */
  /* Undo centering logic with side panel if main content is the only child */
}
@media (min-width: 1344px) {
  .side-panel-page .main-content {
    max-width: auto;
    margin-left: calc((100vw - 1344px) / 2);
    margin-right: 340px;
  }
}
@media (min-width: 2024px) {
  .side-panel-page .main-content {
    max-width: 1344px;
    margin-left: auto;
    margin-right: auto;
  }
}
.side-panel-page .main-content:only-child {
  margin-right: auto;
  margin-left: auto;
  max-width: 1344px;
}

.loading-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-spinner.centered {
  margin: 120px auto;
}
.loading-spinner.centered.small-padding {
  margin: 60px auto;
}
.loading-spinner.mobile-view {
  align-self: center;
  margin: initial;
  height: 100vh;
}
.loading-spinner.include-container {
  background-color: #ffffff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  width: 48px;
  height: 48px;
}
.loading-spinner .loader {
  position: relative;
  margin: 0 auto;
}
.loading-spinner .loader:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.loading-spinner.medium .loader {
  width: 34px;
}
.loading-spinner.small .loader {
  width: 23px;
}
.loading-spinner.x-small .loader {
  width: 16px;
}
.loading-spinner.button {
  background: none;
  position: absolute;
  width: auto;
  height: auto;
  top: auto;
  box-shadow: none;
  z-index: 9;
  margin: 0;
  padding: 0;
}
.loading-spinner.button.white .path {
  stroke: #ffffff;
}
.loading-spinner.button .loader {
  width: 23px;
}
.loading-spinner.button .background {
  display: none;
}
.loading-spinner .circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loading-spinner .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke: #009a7d;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}
.loading-spinner .background {
  stroke: #c5c7d1;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

.sql-editor__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #192147;
}
.sql-editor__label--error {
  color: #ff5c83;
}
.sql-editor__label--with-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sql-editor__label--with-action .sql-editor__label-text {
  flex: 1 1 auto;
  margin-right: 0.5rem;
}
.sql-editor__label--with-action .sql-editor__label-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex: 0 0 auto;
}
.sql-editor__label--with-action .sql-editor__copy-wrapper {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
.sql-editor__label--with-action .sql-editor__copied-confirmation {
  font-weight: 400;
  font-size: 0.875rem;
  vertical-align: top;
  background-color: #fafafa;
  border: solid 1px #e2e4ea;
  border-radius: 10px;
  padding: 2px 6px;
  margin: -4px 0;
}
.sql-editor__label--with-action button {
  height: initial;
  margin: -0.5rem 0;
  animation: fade-in 250ms ease-out;
}
.sql-editor__label--with-action .custom-link {
  margin-bottom: 0;
}
.sql-editor__wrapper--error .ace-fleet {
  border: 1px solid #ff5c83;
}
.sql-editor__wrapper--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.sql-editor__wrapper--disabled:hover, .sql-editor__wrapper--disabled:focus {
  cursor: default;
}
.sql-editor__wrapper--readonly-copy {
  cursor: default;
}
.sql-editor__wrapper--readonly-copy .ace-fleet:hover {
  border: 1px solid #dbe3e5;
}
.sql-editor__wrapper--readonly-copy .ace_scroller,
.sql-editor__wrapper--readonly-copy .ace_gutter {
  pointer-events: auto;
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sql-editor__wrapper--readonly-copy .sql-editor__label-actions,
.sql-editor__wrapper--readonly-copy .sql-editor__label-actions * {
  pointer-events: auto;
  cursor: pointer;
}
.sql-editor .ace_scroller {
  padding-left: 4px;
}
.sql-editor .ace_placeholder {
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
  margin: initial;
}
.sql-editor__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.sql-editor__help-text .custom-link,
.sql-editor__help-text button {
  font-size: inherit;
}
.sql-editor__help-text code {
  color: #6a67fe;
  background-color: #fafafa;
  padding: 0.125rem;
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
}
.sql-editor .loading-spinner {
  margin: 0;
}

.sql-editor,
.sql-editor * {
  letter-spacing: normal !important;
  word-spacing: normal !important;
}

.sql-editor .ace_editor {
  font-family: "SourceCodePro", monospace !important;
}

.status-indicator {
  display: flex;
  align-items: center;
}
.status-indicator:before {
  border-radius: 100%;
  content: " ";
  display: inline-block;
  margin-right: 0.5rem;
  height: 8px;
  min-width: 8px;
}
.status-indicator--success:before {
  background-color: #3db67b;
}
.status-indicator--warning:before {
  background-color: #ebbc43;
}
.status-indicator--error:before {
  background-color: #d66c7b;
}
.status-indicator--indeterminate:before {
  background-color: #8b8fa2;
}
.status-indicator--online:before, .status-indicator--enabled:before, .status-indicator--on:before {
  background-color: #3db67b;
}
.status-indicator--offline:before, .status-indicator--disabled:before, .status-indicator--off:before {
  background-color: #8b8fa2;
}
.status-indicator--active:before {
  background-color: #3db67b;
}
.status-indicator--no-access:before {
  background-color: #8b8fa2;
}
.status-indicator--invite-pending:before {
  background-color: #ebbc43;
}

.status-indicator-with-icon__value {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.status-indicator-with-icon__value .icon {
  margin-right: 0.25rem;
}
.status-indicator-with-icon__value span {
  white-space: nowrap;
}
.status-indicator-with-icon__value-vertical {
  flex-direction: column;
  gap: 0.25rem;
}
.status-indicator-with-icon .indicator-tip-text {
  text-align: center;
}

.table-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  /* Media query for larger screens */
}
.table-container .container {
  display: grid;
  grid-template-columns: 1fr auto; /* First column takes all remaining space */
  grid-template-rows: auto auto; /* Two rows for smaller screens*/
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  gap: 1rem;
}
.table-container .stackable-header {
  min-width: -moz-max-content;
  min-width: max-content;
  align-content: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.table-container .stackable-header > div {
  display: flex;
  flex-direction: row;
}
.table-container .stackable-header .table-container__search {
  width: 100%;
}
.table-container .top-shift-header {
  grid-column: 1/-1; /* Span across all columns */
  grid-row: 1; /* Place in the first row */
}
.table-container .top-shift-header .Select-multi-value-wrapper {
  height: 36px;
  width: 236px;
}
.table-container .stackable-header:nth-child(1) {
  grid-column: 1/span 2; /* Make Header 1 expand across two columns */
  grid-row: 2;
}
.table-container .stackable-header:nth-child(1) .form-field--dropdown {
  width: 235px;
}
@media (min-width: 990px) {
  .table-container .container {
    grid-template-columns: 1fr auto; /* First column takes all remaining space */
    grid-template-rows: auto; /* Single row */
  }
  .table-container .top-shift-header {
    grid-column: 2; /* Single row */
  }
  .table-container .stackable-header:nth-child(1) {
    grid-column: 1; /* Ensure Header 1 stays in the first column */
    grid-row: 1; /* Single row */
  }
}
.table-container .client-result-count-0 {
  display: none;
}
.table-container__header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.table-container__header.stack-table-controls {
  align-items: start;
}
@media (min-width: 768px) {
  .table-container__header.stack-table-controls {
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
  }
  .table-container__header.stack-table-controls .table-container__search {
    order: -2;
  }
  .table-container__header.stack-table-controls .table-container__results-count {
    order: -1;
  }
}
@media (min-width: 990px) {
  .table-container__header.stack-table-controls {
    align-items: center;
  }
  .table-container__header.stack-table-controls .table-container__search {
    order: initial;
  }
}
.table-container__header .dropdown__select,
.table-container__header .input-with-icon {
  height: 36px;
}
.table-container__header-left {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.table-container__header-left.stack-table-controls {
  flex-direction: column;
  align-items: start;
}
@media (min-width: 990px) {
  .table-container__header-left.stack-table-controls {
    justify-content: space-between;
  }
}
.table-container__results-count {
  display: flex;
  align-items: baseline;
  font-size: 0.875rem;
  font-weight: 600;
  color: #192147;
  margin: 0;
  height: 36px;
  gap: 1rem;
}
.table-container__results-count > span {
  line-height: 36px;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.table-container__results-count .count-error {
  color: #d66c7b;
}
.table-container__results-count .count-loading {
  color: #8b8fa2;
}
.table-container__edit-columns-button:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #5d5ae7;
}
.table-container__search-input {
  position: relative;
  color: #3e4771;
  width: 100%;
}
.table-container__search-input .input-with-icon {
  width: 100%;
  min-width: 250px;
}
.table-container__search-input.stack-table-controls {
  padding-bottom: 1.5rem;
  margin-left: 0;
}
@media (min-width: 768px) {
  .table-container__search-input.stack-table-controls {
    padding-bottom: 0;
  }
}
.table-container__search-input .input-field {
  padding-left: 42px;
  width: 100%;
}
.table-container__search-input .fleeticon {
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 1.25rem;
  color: #192147;
}
.table-container .table-container__search-input.wide-search {
  margin-left: 0;
  margin-bottom: 0.5rem;
}
.table-container #search-tooltip {
  width: 190px;
  text-align: center;
}
.table-container__empty-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.table-container__previous-button button:last-child {
  display: none;
}
.table-container .fleet-checkbox__tick {
  top: 1px;
}
.table-container tbody .children-wrapper {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  text-overflow: ellipsis;
}
.table-container tbody .icon {
  vertical-align: sub;
}
.table-container .linkToFilteredHosts__header {
  width: 120px;
}
.table-container tr .row-hover-button {
  opacity: 0;
  transition: 250ms;
  text-overflow: none;
}
.table-container tr .row-hover-button.actions-dropdown {
  opacity: 1;
}
.table-container tr .row-hover-button.actions-dropdown .actions-dropdown-select__control {
  opacity: 0;
}
.table-container tr .row-hover-button.actions-dropdown .actions-dropdown-select__control:hover, .table-container tr .row-hover-button.actions-dropdown .actions-dropdown-select__control--is-focused {
  opacity: 1;
}
.table-container tr:hover .row-hover-button, .table-container tr:focus-visible .row-hover-button {
  opacity: 1;
}
.table-container tr:hover .row-hover-button.actions-dropdown .actions-dropdown-select__control, .table-container tr:focus-visible .row-hover-button.actions-dropdown .actions-dropdown-select__control {
  opacity: 1;
}

.data-table-block {
  position: relative;
  display: inline-block;
  width: 100%;
}
.data-table-block .data-table__wrapper {
  position: relative;
  border: 1px solid #e2e4ea;
  border-radius: 6px;
  flex-grow: 1;
  width: 100%;
  background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0)), linear-gradient(to left, white, rgba(255, 255, 255, 0)), linear-gradient(to right, #e9e9e9, white 10px), linear-gradient(to left, #e9e9e9, white 10px);
  background-position: left center, right center, left center, right center;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 40px 100%, 40px 100%, 50% 100%, 50% 100%;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}
.data-table-block .data-table__no-rows {
  min-height: 272px;
}
.data-table-block .data-table__table {
  position: relative;
  width: 100%;
  border-collapse: collapse;
  color: #515774;
  font-size: 0.875rem;
}
.data-table-block .data-table tr {
  border-bottom: 1px solid #e2e4ea;
}
.data-table-block .data-table tr:last-child {
  border-bottom: 0;
}
.data-table-block .data-table tr .form-field--checkbox {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.data-table-block .data-table tr .form-field--checkbox .fleet-checkbox__label {
  padding-left: 0;
}
.data-table-block .data-table tr a:focus-visible {
  outline-offset: 0;
  border-radius: 6px;
}
.data-table-block .data-table thead {
  background-color: rgba(0, 42.5, 127.5, 0.0235294118);
  color: #192147;
  text-align: left;
  border-bottom: 1px solid #e2e4ea;
}
.data-table-block .data-table thead img {
  width: 16px;
  height: 16px;
  vertical-align: top;
}
.data-table-block .data-table thead .button img {
  width: initial;
  height: initial;
  vertical-align: initial;
}
.data-table-block .data-table thead th {
  padding: 0 1.5rem;
  white-space: nowrap;
  border-left: 1px solid #e2e4ea;
  font-weight: 600;
  height: 40px;
}
.data-table-block .data-table thead th:first-child {
  border-top-left-radius: 6px;
  border-left: none;
}
.data-table-block .data-table thead th.selection__header, .data-table-block .data-table thead th.active-selection__checkbox {
  width: 16px;
  padding: 0 1rem;
}
.data-table-block .data-table thead th:last-child {
  border-top-right-radius: 6px;
}
.data-table-block .data-table thead th.actions__header, .data-table-block .data-table thead th.id__header {
  border-left: none;
  width: 99px;
}
.data-table-block .data-table thead th.linkToFilteredHosts__header, .data-table-block .data-table thead th.view-all-hosts__header {
  border-left: none;
  width: 120px;
}
.data-table-block .data-table thead th .column-header {
  display: flex;
  flex-direction: column;
  min-width: -moz-max-content;
  min-width: max-content;
}
.data-table-block .data-table thead th .column-header span {
  display: flex;
  align-items: center;
  gap: 3px;
}
.data-table-block .data-table thead th .header-cell {
  font-weight: 600;
}
.data-table-block .data-table thead th .sortable-header .column-header .header-cell {
  min-height: 36px;
}
.data-table-block .data-table thead th .sortable-header:hover .header-cell:not(.ascending) .ascending-arrow {
  border-bottom-color: #8b8fa2;
}
.data-table-block .data-table thead th .sortable-header:hover .header-cell.ascending .descending-arrow {
  border-top-color: #8b8fa2;
}
.data-table-block .data-table thead.active-selection {
  background: none;
  z-index: 1;
}
.data-table-block .data-table thead.active-selection th {
  border: 0;
}
.data-table-block .data-table thead.active-selection .fleet-checkbox {
  opacity: 0;
}
.data-table-block .data-table thead.active-selection .active-selection__container {
  background-color: #f9fafc;
  width: 100% !important;
}
.data-table-block .data-table thead.active-selection .active-selection__container .active-selection__inner {
  justify-content: flex-start;
}
.data-table-block .data-table .active-selection {
  position: absolute;
  top: 0px;
  width: 100%;
  border: 0;
  border-radius: 6px;
}
.data-table-block .data-table .active-selection__checkbox {
  width: 16px;
}
.data-table-block .data-table .active-selection__container {
  padding: 0 1.5rem;
}
.data-table-block .data-table .active-selection__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.data-table-block .data-table .active-selection__inner p {
  margin: 0 1rem 0 0;
  font-weight: 400;
}
.data-table-block .data-table .active-selection__inner p span {
  font-weight: 600;
}
.data-table-block .data-table .active-selection__inner button {
  margin-right: 1rem;
}
.data-table-block .data-table .active-selection__inner-left, .data-table-block .data-table .active-selection__inner-right {
  display: flex;
  align-items: center;
}
.data-table-block .data-table tbody .component__tooltip-wrapper {
  margin: 10px 0;
}
.data-table-block .data-table tbody .component__tooltip-wrapper__element {
  white-space: initial;
}
.data-table-block .data-table tbody tr,
.data-table-block .data-table tbody .single-row {
  transition: background-color 150ms ease-out;
}
.data-table-block .data-table tbody tr:hover,
.data-table-block .data-table tbody .single-row:hover {
  background-color: rgba(0, 42.5, 127.5, 0.0235294118);
}
.data-table-block .data-table tbody tr:focus-visible,
.data-table-block .data-table tbody .single-row:focus-visible {
  outline: 2px solid #192147;
  background: #f9fafc;
  border-radius: 4px;
}
.data-table-block .data-table tbody .single-row:hover {
  cursor: pointer;
}
.data-table-block .data-table tbody .single-row:active {
  background-color: rgba(17, 0, 255, 0.0588235294);
}
.data-table-block .data-table tbody .clickable-row:hover {
  cursor: pointer;
}
.data-table-block .data-table tbody td {
  height: 40px;
  padding: 0 1.5rem;
  max-width: 500px;
  word-wrap: break-word;
}
.data-table-block .data-table tbody td.actions__cell, .data-table-block .data-table tbody td.id__cell {
  display: flex;
  justify-content: end;
  max-width: 99px;
}
.data-table-block .data-table tbody td.linkToFilteredHosts__cell, .data-table-block .data-table tbody td.view-all-hosts__cell {
  text-align: right;
  max-width: 140px;
  align-items: center;
}
.data-table-block .data-table tbody td.selection__cell {
  width: 0px;
  padding: 0 1rem;
}
.data-table-block .data-table tbody td .link-cell,
.data-table-block .data-table tbody td .text-cell {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
}
.data-table-block .data-table tbody td .link-cell .__react_component_tooltip,
.data-table-block .data-table tbody td .text-cell .__react_component_tooltip {
  white-space: normal;
}
.data-table-block .data-table tbody td .link-cell {
  display: inline-block;
  overflow: visible;
  color: #515774;
  font-weight: 600;
  font-size: 0.875rem;
  text-decoration: none;
}
.data-table-block .data-table tbody td .link-cell:hover {
  color: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.data-table-block .data-table tbody td .link-cell:focus-visible {
  outline-color: #192147;
  outline-offset: 3px;
  outline-style: solid;
  outline-width: 1px;
  border-radius: 2px;
}
.data-table-block .data-table tbody td .link-cell:not(.link-cell--tooltip-truncate) {
  position: relative;
  margin-bottom: -1px;
}
.data-table-block .data-table tbody td .link-cell:not(.link-cell--tooltip-truncate):hover {
  margin-bottom: -1px;
}
.data-table-block .data-table tbody td .link-cell:not(.link-cell--tooltip-truncate)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #c5c7d1;
  pointer-events: none;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.data-table-block .data-table tbody td .link-cell:not(.link-cell--tooltip-truncate)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #192147;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
  pointer-events: none;
}
.data-table-block .data-table tbody td .link-cell:not(.link-cell--tooltip-truncate):hover::after, .data-table-block .data-table tbody td .link-cell:not(.link-cell--tooltip-truncate):focus::after {
  transform: scaleX(1);
}
.data-table-block .data-table tbody td .link-cell.link-cell--tooltip-truncate .data-table__tooltip-truncated-text-container {
  position: relative;
}
.data-table-block .data-table tbody td .link-cell.link-cell--tooltip-truncate .data-table__tooltip-truncated-text-container::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #c5c7d1;
  pointer-events: none;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.data-table-block .data-table tbody td .link-cell.link-cell--tooltip-truncate .data-table__tooltip-truncated-text-container::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #192147;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
  pointer-events: none;
}
.data-table-block .data-table tbody td .link-cell.link-cell--tooltip-truncate:hover, .data-table-block .data-table tbody td .link-cell.link-cell--tooltip-truncate:focus {
  margin-bottom: 0;
}
.data-table-block .data-table tbody td .link-cell.link-cell--tooltip-truncate:hover .data-table__tooltip-truncated-text::after,
.data-table-block .data-table tbody td .link-cell.link-cell--tooltip-truncate:hover .data-table__tooltip-truncated-text::after, .data-table-block .data-table tbody td .link-cell.link-cell--tooltip-truncate:focus .data-table__tooltip-truncated-text::after,
.data-table-block .data-table tbody td .link-cell.link-cell--tooltip-truncate:focus .data-table__tooltip-truncated-text::after {
  transform: scaleX(1);
}
.data-table-block .data-table tbody td .link-cell:hover .data-table__tooltip-truncated-text-container {
  position: relative;
  margin-bottom: -1px;
  margin-bottom: 0;
}
.data-table-block .data-table tbody td .link-cell:hover .data-table__tooltip-truncated-text-container:hover {
  margin-bottom: -1px;
}
.data-table-block .data-table tbody td .link-cell:hover .data-table__tooltip-truncated-text-container::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #c5c7d1;
  pointer-events: none;
  transform: scaleX(1);
  transform-origin: right;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.data-table-block .data-table tbody td .link-cell:hover .data-table__tooltip-truncated-text-container::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 1px;
  width: 100%;
  background: #192147;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
  pointer-events: none;
}
.data-table-block .data-table tbody td .link-cell:hover .data-table__tooltip-truncated-text-container:hover::after, .data-table-block .data-table tbody td .link-cell:hover .data-table__tooltip-truncated-text-container:focus::after {
  transform: scaleX(1);
}
.data-table-block .data-table tbody td .link-cell:hover .data-table__tooltip-truncated-text-container:hover {
  margin-bottom: 0;
}
.data-table-block .data-table tbody td .link-cell:hover .data-table__tooltip-truncated-text-container::after {
  transform: scaleX(1);
}
.data-table-block .data-table tbody td .link-cell > div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.data-table-block .data-table tbody td .link-cell .truncated-tooltip {
  font-weight: 400;
}
.data-table-block .data-table tbody td .link-cell-tooltip-wrapper {
  overflow: visible;
  white-space: nowrap;
  margin: 0;
}
.data-table-block .data-table tbody td .link-cell-tooltip-wrapper .component__tooltip-wrapper__element {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.data-table-block .data-table tbody td .link-cell-tooltip-wrapper .component__tooltip-wrapper__element .link-cell {
  padding: 0;
}
.data-table-block .data-table tbody td .link-cell-tooltip-wrapper .component__tooltip-wrapper__tip-text {
  cursor: auto;
}
.data-table-block .data-table tbody td .w400 {
  max-width: 352px;
  min-width: 100%;
  text-align: left;
}
.data-table-block .data-table tbody td .w250 {
  max-width: 202px;
  min-width: 100%;
  text-align: left;
}
.data-table-block .data-table tbody td .w150 {
  max-width: 102px;
  min-width: 100%;
  text-align: left;
}
.data-table-block .data-table tbody td .italic-cell {
  font-style: italic;
}
.data-table-block .data-table tbody td .italic-cell .__react_component_tooltip {
  font-style: normal;
}
.data-table-block .data-table tbody td .grey-cell {
  color: #8b8fa2;
}
.data-table-block .data-table tbody .disable-highlight:hover {
  background-color: initial;
}
.data-table-block .loading-overlay {
  display: flex;
  flex-grow: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.data-table-block__footer {
  display: flex;
  align-items: center;
  height: 50px;
}
.data-table-block__table-help-text {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}

.action-button {
  display: flex;
  align-items: center;
}
.action-button img {
  position: relative;
}
.action-button .button--text-link {
  font-weight: 400;
}
.action-button__remove img {
  left: -4px;
}
.action-button__delete img {
  top: -1px;
  left: 1px;
}
.action-button__disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.action-button__disabled:hover, .action-button__disabled:focus {
  cursor: default;
}
.action-button .component__tooltip-wrapper__tip-text {
  text-align: center;
}
.action-button .premium-icon-tip {
  position: relative;
  top: 3px;
  padding-right: 0.25rem;
}

.filter-cell {
  max-width: 100%;
}
.filter-cell input {
  height: 36px;
  width: 100%;
  font-size: 0.875rem;
  background-color: transparent;
  border: 1px solid #e2e4ea;
  border-radius: 4px;
  padding: 4px;
  padding-left: 32px;
}
.filter-cell .search-field__input-wrapper {
  position: relative;
  color: #3e4771;
  width: 100%;
}
.filter-cell .icon path {
  fill: #b3b6c1;
}

.header-cell {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header-cell .sort-arrows {
  height: 14px;
  padding-left: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.header-cell .ascending-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #c5c7d1;
}
.header-cell .descending-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #c5c7d1;
}
.header-cell.ascending .ascending-arrow {
  border-bottom-color: #192147;
}
.header-cell.descending .descending-arrow {
  border-top-color: #192147;
}

.host-mdm-status-cell {
  display: inline-flex;
  flex-direction: row;
  text-wrap: nowrap;
  gap: 0.5rem;
}
.host-mdm-status-cell .tooltip__tooltip-text {
  text-wrap: wrap;
}

.data-table-block .data-table tbody td .installer-action-cell {
  display: flex;
  justify-content: center;
}

.performance-impact-cell .__react_component_tooltip {
  width: -moz-max-content;
  width: max-content;
  max-width: 360px;
  padding: 6px;
  color: #ffffff;
  background-color: #3e4771;
  font-weight: 400;
  font-size: 0.75rem;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 100;
  line-height: 1.375;
  white-space: initial;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.performance-impact-cell .__react_component_tooltip p {
  margin: 0;
}

.data-table__pill {
  color: #192147;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 29px;
}
.data-table__pill span {
  border-radius: 29px;
  background-color: #ae6ddf;
}
.data-table__pill--undetermined {
  color: #8b8fa2;
  font-style: italic;
  font-weight: 400;
  padding: 0;
  border-radius: 0;
}
.data-table__pill--minimal {
  background-color: #e2e4ea;
}
.data-table__pill--considerable {
  background-color: #c5c7d1;
}
.data-table__pill--excessive {
  background-color: #8b8fa2;
}

.platform-cell__wrapper {
  display: inline-flex;
  vertical-align: middle;
}
.platform-cell__icon {
  width: auto;
  padding-right: 0.5rem;
}
.platform-cell__icon svg {
  vertical-align: middle;
}
.platform-cell__muted {
  color: #8b8fa2;
}

.setup-script-process-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.setup-script-process-cell .graphic {
  width: 2rem;
  scale: 60%;
}

.setup-script-status-cell {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.setup-script-status-cell .loading-spinner {
  margin: 0;
  width: 1rem;
  height: 1rem;
}

.setup-software-process-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.setup-software-process-cell .software-icon__small {
  width: 2rem;
}

.setup-software-status-cell {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.setup-software-status-cell .loading-spinner {
  margin: 0;
  width: 1rem;
  height: 1rem;
}

.software-name-cell {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
}
.software-name-cell .software-icon {
  width: 24px;
  height: 24px;
}
.software-name-cell .software-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: auto;
  max-width: 300px;
}
@media (max-width: 989px) {
  .software-name-cell .software-name {
    max-width: 250px;
  }
}
.software-name-cell__install-icon {
  display: inline-flex !important;
}
.software-name-cell__install-tooltip-text {
  font-weight: 400;
  font-size: 0.75rem;
}

.tooltip-truncated-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tooltip-truncated-cell .text-muted {
  color: #8b8fa2;
}
.tooltip-truncated-cell .data-table__tooltip-truncated-text-container {
  display: flex;
  align-items: center;
  min-width: 0;
}
.tooltip-truncated-cell .data-table__tooltip-truncated-text {
  white-space: nowrap; /* Prevent wrapping */
  overflow: hidden; /* Hide overflowing text */
  text-overflow: ellipsis; /* Add ellipsis for truncated text */
}
.tooltip-truncated-cell .data-table__tooltip-truncated-text--cell {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 101%;
}
.tooltip-truncated-cell .data-table__tooltip-truncated-text .truncated {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.tooltip-truncated-cell .truncated-tooltip {
  text-wrap: wrap;
  overflow-wrap: break-word;
}
.tooltip-truncated-cell .truncated-tooltip .safari-hack {
  height: 0px;
}
.tooltip-truncated-cell.tooltip-break-on-word .truncated-tooltip {
  word-break: normal;
}
.tooltip-truncated-cell .data-table__suffix,
.tooltip-truncated-cell .data-table__prefix {
  display: flex;
  gap: 0.5rem;
  height: 24px;
  align-items: center;
  flex-shrink: 0; /* Prevent suffix from shrinking */
}
.tooltip-truncated-cell .__react_component_tooltip {
  font-size: 0.75rem;
}

.tab-nav {
  top: 0;
}
.tab-nav .react-tabs {
  margin-top: -12px;
}
.tab-nav .react-tabs__tab-list {
  display: inline-flex;
  align-items: flex-start;
  gap: 1rem;
  border-bottom: none;
  width: 100%;
  height: 33px;
  margin: 0;
  position: relative;
}
.tab-nav .react-tabs__tab {
  font-size: 0.875rem;
  border-radius: 8px;
  border: none;
  padding: 6px 0.5rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: 21px;
}
.tab-nav .react-tabs__tab:focus {
  box-shadow: none;
  outline: 0;
}
.tab-nav .react-tabs__tab:hover {
  background-color: #f4f4f6;
}
.tab-nav .react-tabs__tab:focus-visible {
  outline: 1px solid #192147;
  outline-offset: -1px;
}
.tab-nav .react-tabs__tab:before {
  content: attr(data-text);
  height: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  font-weight: 600;
}
.tab-nav .react-tabs__tab--selected {
  font-weight: 600;
  background-color: #f4f4f6;
}
.tab-nav .react-tabs__tab--disabled {
  cursor: not-allowed;
}
.tab-nav .react-tabs__tab-panel--selected {
  margin-top: 1.5rem;
}
.tab-nav .react-tabs__tab-panel--selected .no-results-message {
  margin-top: 2.5rem;
  font-size: 1rem;
  font-weight: 600;
}
.tab-nav .react-tabs__tab-panel--selected .no-results-message span {
  margin-top: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  display: block;
}
.tab-nav .react-tabs .tab-text {
  display: flex; /* Ensure text and count are aligned horizontally */
  align-items: center; /* Vertically align items */
}
.tab-nav .react-tabs .tab-text .tab-text__text::before {
  content: attr(data-text); /* Same text as the visible one */
  font-weight: 600; /* Mimic bold styling */
  visibility: hidden; /* Keep it invisible */
  position: absolute; /* Prevent it from affecting layout */
}
.tab-nav--secondary .react-tabs__tab-list {
  gap: 2.5rem;
  border-bottom: 1px solid #e2e4ea;
  padding-bottom: 10px;
}
.tab-nav--secondary .react-tabs__tab {
  padding: 5px 0 1rem;
}
.tab-nav--secondary .react-tabs__tab:hover {
  background-color: transparent;
}
.tab-nav--secondary .react-tabs__tab:focus:after {
  left: 0;
  bottom: 0;
}
.tab-nav--secondary .react-tabs__tab:focus-visible {
  outline: none;
}
.tab-nav--secondary .react-tabs__tab:focus-visible .tab-text {
  outline: 1px solid #192147;
  outline-offset: 3px;
  border-radius: 4px;
}
.tab-nav--secondary .react-tabs__tab--selected {
  background-color: transparent;
}
.tab-nav--secondary .react-tabs__tab--selected::after {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 2px solid #192147;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tab-nav--secondary .react-tabs__tab:hover::after {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 2px solid #192147;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tab-nav--secondary .react-tabs__tab--disabled:hover::after {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tab-nav--secondary .react-tabs__tab.no-count:not(.errors-empty).react-tabs__tab--selected::after {
  bottom: -2px;
}

.tab-text {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  height: 21px;
}
.tab-text__count {
  display: flex;
  padding: 1px 12px;
  justify-content: center;
  align-items: center;
  background-color: #009a7d;
  border-radius: 29px;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.75rem;
}
.tab-text__count__alert {
  background-color: #ff5c83;
}
.tab-text__count__pending {
  background-color: #8b8fa2;
}

.tag {
  display: flex;
  height: 18px;
  padding: 3px 6px;
  align-items: center;
  gap: 0.25rem;
  border-radius: 4px;
  border: 1px solid #e2e4ea;
  color: #515774;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.tag__clickable-tag {
  background: none;
  cursor: pointer;
  outline: inherit;
  box-sizing: inherit;
}
.tag__clickable-tag:focus {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}

.target-label-selector {
  width: 100%;
  font-size: 0.875rem;
}
.target-label-selector__custom-label-chooser {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.target-label-selector__checkboxes {
  display: flex;
  max-height: 187px;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #e2e4ea;
  overflow-y: auto;
}
.target-label-selector__checkboxes .loading-spinner {
  margin: 69.5px auto;
}
.target-label-selector__label {
  width: 100%;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.target-label-selector__label:not(:last-child) {
  border-bottom: 1px solid #e2e4ea;
}
.target-label-selector__label .form-field--checkbox {
  width: auto;
}
.target-label-selector__label-name {
  padding-left: 1.5rem;
}

.targets-input {
  position: relative;
}
.targets-input__hosts-search-dropdown {
  width: 100%;
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 0px 0px 8px 8px;
}
.targets-input__hosts-search-dropdown .table-container {
  box-shadow: 0px 4px 10px rgba(52, 59, 96, 0.15);
  border-radius: 0px 0px 8px 8px;
}
.targets-input__hosts-search-dropdown .table-container .data-table__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.targets-input__hosts-search-dropdown .table-container__data-table-block > div {
  display: flex;
}
.targets-input__hosts-search-dropdown .table-container .display_name__cell {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.targets-input__hosts-search-dropdown .table-container .display_name__cell .host-issue {
  margin-left: 0.25rem;
  display: inline-flex;
}
.targets-input__hosts-search-dropdown .empty-search,
.targets-input__hosts-search-dropdown .data-error {
  padding-top: 72px;
  padding-bottom: 72px;
  min-height: 225px;
  display: flex;
  justify-content: center;
  box-shadow: 0px 4px 10px rgba(52, 59, 96, 0.15);
  box-sizing: border-box;
}
.targets-input__hosts-search-dropdown .empty-search__inner,
.targets-input__hosts-search-dropdown .data-error__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.targets-input__hosts-search-dropdown .empty-search h4,
.targets-input__hosts-search-dropdown .data-error h4 {
  margin: 0;
  margin-bottom: 16px;
  font-size: 1rem;
}
.targets-input__hosts-search-dropdown .empty-search p,
.targets-input__hosts-search-dropdown .data-error p {
  margin: 0;
  font-size: 0.875rem;
}
.targets-input .table-container {
  background-color: #ffffff;
}
.targets-input .table-container__header {
  display: none;
}
.targets-input .table-container .data-table__wrapper {
  margin: 0;
}
.targets-input .table-container .data-table .display_name__cell {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.targets-input .table-container .data-table .display_name__cell .host-issue {
  margin-left: 0.25rem;
  display: inline-flex;
}
.targets-input__hosts-selected-table {
  margin-top: 8px;
}
.targets-input__hosts-selected-table .data-table__wrapper {
  position: relative;
}
.targets-input__hosts-selected-table .delete__cell {
  text-align: center;
}
.targets-input .loading-overlay + .data-table__wrapper .data-table__no-rows {
  min-height: 225px;
}
.targets-input .loading-overlay + .data-table__wrapper .data-table__no-rows tbody {
  min-height: 173px;
}
.targets-input .loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.textarea {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #e2e4ea;
  background-color: #f9fafc;
  white-space: pre-wrap;
}
.textarea-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.textarea--code {
  overflow-wrap: break-word;
  overflow-y: auto;
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
  max-height: 300px;
}

.tooltip-truncated-text {
  max-width: 100%;
}
.tooltip-truncated-text .component__tooltip-wrapper__element {
  width: 100%;
}
.tooltip-truncated-text__text-value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.component__tooltip-wrapper {
  display: inline-flex;
}
.component__tooltip-wrapper.show-arrow .react-tooltip-arrow {
  width: 8px;
  height: 8px;
}
.component__tooltip-wrapper.show-arrow [class*=react-tooltip__place-top] > .styles-module_arrow__K0L3T {
  transform: rotate(45deg);
}
.component__tooltip-wrapper.show-arrow [class*=react-tooltip__place-right] > .styles-module_arrow__K0L3T {
  transform: rotate(135deg);
}
.component__tooltip-wrapper.show-arrow [class*=react-tooltip__place-bottom] > .styles-module_arrow__K0L3T {
  transform: rotate(225deg);
}
.component__tooltip-wrapper.show-arrow [class*=react-tooltip__place-left] > .styles-module_arrow__K0L3T {
  transform: rotate(315deg);
}
.component__tooltip-wrapper__element {
  white-space: nowrap;
  line-height: initial;
}
.component__tooltip-wrapper__underline {
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 1px dashed #8b8fa2;
}
.component__tooltip-wrapper__tip-text {
  width: -moz-max-content;
  width: max-content;
  max-width: 360px;
  padding: 6px;
  color: #ffffff;
  background-color: #3e4771;
  font-weight: 400;
  font-size: 0.75rem;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 100;
  line-height: 1.375;
  white-space: initial;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.component__tooltip-wrapper__tip-text p {
  margin: 0;
}

@-moz-document url-prefix() {
  .component__tooltip-wrapper__underline {
    position: relative;
    top: 2px;
    padding-bottom: 1px;
  }
}
.site-nav-content {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 2px;
}

.site-nav-left {
  list-style: none;
  height: 50px;
  width: 671px;
  margin: 0;
  padding: 0;
  display: flex;
}

.site-nav-right {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}

.gitops-mode-indicator .component__tooltip-wrapper__element {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #515774;
  font-weight: 400;
  font-size: 0.625rem;
  cursor: default;
}
.gitops-mode-indicator .component__tooltip-wrapper__tip-text {
  text-align: center;
  color: #ffffff;
  font-size: 0.75rem;
  cursor: default;
}

.site-nav-item {
  position: relative;
  transition: color 200ms ease-in-out;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-nav-item a {
  border-bottom: none;
}
.site-nav-item:not(.dup-org-logo):hover {
  background-color: #f4f4f6;
}
.site-nav-item--multiple.site-nav-item--active {
  background-color: transparent;
  border-right: 0;
}
.site-nav-item--multiple.site-nav-item--active:hover {
  background-color: transparent;
}
.site-nav-item__icon {
  position: relative;
  font-size: 1.5rem;
  margin-right: 0.5rem;
  width: 16px;
  height: 16px;
  vertical-align: sub;
}
.site-nav-item__name {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  vertical-align: middle;
  font-weight: 400;
  font-size: 0.875rem;
}
.site-nav-item__name:before {
  content: attr(data-text);
  height: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  font-weight: 600;
}
.site-nav-item__link {
  color: #515774;
  padding: 15px 24px;
  text-decoration: none;
}
@media (max-width: 825px) {
  .site-nav-item__link {
    padding: 15px 18px;
  }
}
.site-nav-item__link:focus-visible {
  outline-offset: -3px;
  border-radius: 6px;
}
.site-nav-item__logo-wrapper {
  overflow: hidden;
}
.site-nav-item__logo {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.site-nav-item--active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #192147;
}
.site-nav-item--active .site-nav-item__name {
  font-weight: 600;
}

.view-all-hosts-button {
  display: flex;
  align-items: center;
}
@media (max-width: 990px) {
  .view-all-hosts-button__text--responsive {
    display: none;
  }
}
.view-all-hosts-button__condensed {
  margin-right: 1rem;
}
.view-all-hosts-button:focus-visible.row-hover-button {
  opacity: 1;
}

.yaml-ace {
  max-height: 408px;
  min-height: 408px;
}
.yaml-ace__wrapper--error .ace-fleet {
  border: 1px solid #d66c7b;
}
.yaml-ace__wrapper--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.yaml-ace__wrapper--disabled:hover, .yaml-ace__wrapper--disabled:focus {
  cursor: default;
}
.yaml-ace .ace_gutter-layer {
  min-height: 408px;
}
.yaml-ace .ace_line {
  min-height: 24px;
}
.yaml-ace .ace_gutter-cell {
  min-height: 24px;
}
.yaml-ace .ace_fold-widget {
  min-height: 24px;
}

.app-wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  background-color: #f9fafc;
}

.core-wrapper {
  background: linear-gradient(180deg, #eff6fa 0%, #fff 100%);
  background-size: 100% 150px;
  background-repeat: no-repeat;
  background-color: #fff;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
}
@media (max-width: 767px) {
  .core-wrapper {
    display: none;
  }
  .core-wrapper.low-width-supported {
    display: initial;
  }
}
@media print {
  .core-wrapper {
    display: initial;
  }
}
.core-wrapper a img {
  height: 12px;
  width: 12px;
  margin-left: 0.25rem;
}

.site-nav-container {
  background: #ffffff;
  border-bottom: 1px solid #e2e4ea;
  box-sizing: border-box;
  top: 0;
  left: 0;
  z-index: 100;
}
@media (max-width: 767px) {
  .site-nav-container {
    display: none;
  }
  .site-nav-container.low-width-supported {
    display: initial;
  }
}
@media print {
  .site-nav-container {
    display: initial;
  }
}

.gated-layout {
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
}
.gated-layout .flash-message {
  border: 0;
}
.gated-layout a.external-link img {
  height: 12px;
  width: 12px;
  margin-left: 0.25rem;
}

.unsupported-screen-size {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .unsupported-screen-size {
    display: none;
  }
}
@media print {
  .unsupported-screen-size {
    display: none;
  }
}
.unsupported-screen-size img {
  width: 160px;
}
.unsupported-screen-size__text {
  text-align: center;
}
.unsupported-screen-size__text h1 {
  font-size: 1rem;
  font-weight: 600;
}
.unsupported-screen-size__text p {
  font-size: 0.75rem;
}

.account-page h1 {
  margin: 0 0 2rem;
}
.account-page h2 {
  font-size: 0.875rem;
}
.account-page__manage {
  flex-grow: 1;
}
.account-page .info-banner {
  margin-bottom: 24px;
}
.account-page .info-banner p {
  margin: 0;
}
.account-page .token-message {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
  margin-bottom: 2rem;
}
.account-page .token-message .custom-link,
.account-page .token-message button {
  font-size: inherit;
}
.account-page .token-message .custom-link {
  font-size: inherit;
}
.account-page .token-message .custom-link .icon {
  scale: 0.88;
}
.account-page .token-message .custom-link__no-wrap .icon {
  padding-left: 4px;
  position: relative;
  top: 2px;
}
.account-page .button-wrap {
  justify-content: flex-end;
}

.account-side-panel {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.account-side-panel__change-avatar {
  position: relative;
  padding: 0 0 20px;
}
.account-side-panel__change-avatar a {
  display: block;
  text-align: center;
  position: relative;
  z-index: 1;
  text-decoration: none;
  margin-top: 0.25rem;
}
.account-side-panel__avatar {
  margin: 0 auto;
}
.account-side-panel__button {
  width: 100%;
}
.account-side-panel__grey-text {
  color: #8b8fa2;
}
.account-side-panel__password-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.account-side-panel__last-updated {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.account-side-panel__last-updated .custom-link,
.account-side-panel__last-updated button {
  font-size: inherit;
}
.account-side-panel__confirm-update {
  margin-bottom: 1rem;
}
.account-side-panel__secret-label {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
}
.account-side-panel.button-wrap {
  justify-content: flex-end;
}
.account-side-panel__version {
  font-size: 0.75rem;
  text-align: center;
  display: block;
}
.account-side-panel__privacy-policy {
  text-align: center;
  display: block;
}

.react-tabs {
  -webkit-tap-highlight-color: transparent;
}
.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0;
}
.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}
.react-tabs__tab--selected {
  background: #fff;
  border-color: #aaa;
  color: black;
  border-radius: 5px 5px 0 0;
}
.react-tabs__tab--disabled {
  color: GrayText;
  cursor: default;
}
.react-tabs__tab:focus {
  box-shadow: 0 0 5px hsl(208, 99%, 50%);
  border-color: hsl(208, 99%, 50%);
  outline: none;
}
.react-tabs__tab:focus:after {
  content: "";
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
  background: #fff;
}
.react-tabs__tab-panel {
  display: none;
}
.react-tabs__tab-panel--selected {
  display: block;
}

.admin-wrapper {
  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.admin-wrapper .side-nav__card-container > *:not(.loading-spinner) {
  width: 100%;
  max-width: 754px;
}
.admin-wrapper .side-nav__nav-list {
  position: initial;
}

.host-status-webhook-preview-modal .flex-end {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}

.settings-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.side-nav__container {
  display: flex;
}
.side-nav__nav-list {
  position: sticky;
  top: 217px;
  width: 260px;
  padding: 0 64px 0 0;
  list-style: none;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
}
.side-nav__card-container {
  width: 100%;
}

.side-nav-item {
  white-space: nowrap;
  height: 32px;
  border-radius: 4px;
}
.side-nav-item a,
.side-nav-item span.link-with-context {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  color: #515774;
  font-weight: 400;
  text-decoration: none;
  border-bottom: none;
}
.side-nav-item a {
  cursor: pointer;
}
.side-nav-item a:hover {
  color: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.side-nav-item--active {
  background-color: #f4f4f6;
}
.side-nav-item--active a {
  font-weight: 600;
  color: #192147;
}
.side-nav-item--active a * > .__react_component_tooltip {
  font-weight: initial;
}

.calendars-integration {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.calendars-integration__description p {
  margin: 0;
}
.calendars-integration ui {
  margin-block-start: 0.5rem;
}
.calendars-integration ul {
  margin: 0;
}
.calendars-integration li {
  margin: 0.5rem 0;
}
.calendars-integration .card {
  margin-top: 0.5rem;
}
.calendars-integration__configuration button {
  align-self: flex-end;
}
.calendars-integration__api-key-json {
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
  min-width: 100%;
  height: 294px;
  font-size: 0.875rem;
}
.calendars-integration #oauth-scopes {
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
  color: #192147;
  min-height: 82px;
  padding: 1rem;
  padding-right: 2.5rem;
  resize: none;
}
.calendars-integration__oauth-scopes-copy-icon-wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: relative;
  top: 36px;
  right: 16px;
  height: 0;
  gap: 0.5rem;
}
.calendars-integration__copy-message {
  font-weight: 400;
  font-size: 0.875rem;
  vertical-align: top;
  background-color: #fafafa;
  border: solid 1px #e2e4ea;
  border-radius: 10px;
  padding: 2px 6px;
  margin: -4px 0;
}
.calendars-integration__code {
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
}

.add-cert-authority-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.add-cert-authority-card__content {
  text-align: center;
}
.add-cert-authority-card__content p {
  margin: 0;
}
.add-cert-authority-card__title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.add-cert-authority-modal__cert-authority-dropdown {
  margin-bottom: 1.5rem;
}

.cert-authority-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cert-authority-list-header__name {
  font-size: 0.875rem;
  font-weight: 600;
}
.cert-authority-list-header__add-button {
  height: auto;
}

.cert-authority-list-item__action-button {
  width: 40px;
  height: 40px;
}

.certificate-authority-list li .list-item__actions {
  display: none;
}
.certificate-authority-list li:hover .list-item__actions {
  display: flex;
}

.edit-cert-authority-modal__data-error {
  margin: 5rem 0;
}

.change-management {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.conditional-access__page-description {
  margin-bottom: 1.5rem;
}
.conditional-access__cards {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.conditional-access__success .info-banner__info {
  display: flex;
  gap: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  justify-content: space-between;
  padding: 0 1rem;
}
.conditional-access__success .info-banner__info .tenant-id {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  max-width: 88%;
}
.conditional-access__success .info-banner__info .tenant-id .tooltip-truncated-text {
  max-width: 66%;
}

.okta-conditional-access-modal .file-uploader__title, .okta-conditional-access-modal .file-uploader__internal-error {
  font-size: 1rem;
  font-weight: 600;
}
.okta-conditional-access-modal .file-uploader__title {
  color: #515774;
}
.okta-conditional-access-modal .file-uploader__internal-error {
  color: #ff5c83;
}
.okta-conditional-access-modal .input-field--read-only .input-field__textarea {
  background-color: #f9fafc;
}
.okta-conditional-access-modal__file-uploader-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.identity-providers {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.identity-provider-section__section-card-content {
  margin: 0;
}
.identity-provider-section__received-tooltip {
  display: inline-flex;
}
.identity-provider-section__learn-more-link {
  min-width: 88px;
}

.integrations-management__description p {
  margin: 0;
}
.integrations-management .no-integrations {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.integrations-management .no-integrations ul {
  margin: 0;
  padding: 0;
  color: #192147;
  list-style: none;
}
.integrations-management .no-integrations ul li::before {
  content: "•";
  color: #6a67fe;
  margin-right: 1rem;
}
.integrations-management .no-integrations__inner {
  display: flex;
  flex-direction: row;
}
.integrations-management .no-integrations__inner h1 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.integrations-management .no-integrations__inner img {
  width: 176px;
  margin-right: 2rem;
}
.integrations-management .no-integrations__inner p {
  color: #192147;
  font-weight: 400;
  font-size: 0.875rem;
  margin: 0;
  margin-bottom: 1.5rem;
}
.integrations-management .no-integrations__inner .no-filter-results {
  display: flex;
  flex-direction: column;
  width: 350px;
}
.integrations-management .no-integrations__inner-text {
  width: 350px;
}
.integrations-management .type__header {
  width: 12px;
}
.integrations-management .type__cell .logo-cell {
  display: block;
  text-align: center;
}
.integrations-management .type__cell .zendesk-icon {
  width: 16px;
}
.integrations-management .type__cell .jira-icon {
  width: 24px;
}
.integrations-management .empty-table__container h3 {
  margin-bottom: 0.625rem;
}

.delete-integration-modal__url {
  font-weight: 600;
}

.integration-form img {
  width: 12px;
  height: 12px;
  margin-left: 6px;
}
.integration-form__new-user-container {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.integration-form__sso-input {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.integration-form__sso-input .fleet-checkbox {
  margin-top: 5px;
}
.integration-form__sso-input .fleet-checkbox__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #192147;
}
.integration-form .sso-disabled {
  width: 375px;
}
.integration-form .invite-disabled {
  width: 100px;
}
.integration-form .password-tooltip-text {
  width: 310px;
}
.integration-form .current-team {
  margin-top: 4px;
  margin-bottom: 24px;
}
.integration-form__label {
  color: #192147;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.integration-form__user-permissions-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.integration-form__user-permissions-info p {
  margin: 0 0 1rem 0;
}
.integration-form__selected-teams-container {
  margin-bottom: 2.5rem;
}
.integration-form__radio-input {
  margin-bottom: 1rem;
}
.integration-form__radio-input.disabled .radio__control {
  background-color: #c5c7d1;
}
.integration-form__radio-input.disabled .radio__label {
  color: #8b8fa2;
  font-style: italic;
}
.integration-form__invite-admin {
  margin-bottom: 8px;
}
.integration-form__password {
  width: 98%;
  float: left;
  padding: 0 1rem 0 0;
  box-sizing: border-box;
}
.integration-form__password .input-icon-field {
  width: 100%;
}
.integration-form__details {
  float: right;
  width: 2%;
}
.integration-form__details .icon-tooltip {
  margin-top: 12px;
}
.integration-form__details .help-text {
  color: #192147;
}
.integration-form__details .help-text--brand {
  color: #6a67fe;
}
.integration-form .sublabel {
  margin: 0px;
}
.integration-form__tooltip-text {
  width: 300px;
}

.mdm-settings {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.mdm-settings .disabled-by-gitops-mode {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.mdm-settings .disabled-by-gitops-mode:hover, .mdm-settings .disabled-by-gitops-mode:focus {
  cursor: default;
}

.android-mdm-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.android-mdm-page__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.android-mdm-page__turn-on-description {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.android-mdm-page__turn-on-description p {
  margin: 0;
}

.apple-business-manager-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.apple-business-manager-page__page-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.apple-business-manager-page__page-header-section {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: center;
  justify-content: space-between;
}
.apple-business-manager-page__page-header-section h1 {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.apple-business-manager-page__add-adm-message {
  margin: 0 auto;
  text-align: center;
  width: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.apple-business-manager-page__add-adm-message > h2 {
  margin-bottom: 0.5rem;
  font-size: 1rem;
}
.apple-business-manager-page__add-adm-message > p {
  margin: 0 0 1rem;
}
.apple-business-manager-page__url-inputs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  margin-top: 1.5rem;
}
.apple-business-manager-page__url-input {
  margin-bottom: 0;
}
.apple-business-manager-page .data-error {
  margin: 2.5rem 0;
  padding: 2rem 0;
}
.apple-business-manager-page .data-error__inner {
  padding: 2rem 0;
}

.add-abm-modal__request-button {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.5rem;
}
.add-abm-modal__request-button label {
  display: flex;
  gap: 0.5rem;
  cursor: pointer;
}
.add-abm-modal__setup-list {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0;
  margin: 0;
  max-width: 660px;
  list-style: none;
}
.add-abm-modal__setup-list li {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.add-abm-modal__setup-list li p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.add-abm-modal__file-uploader {
  margin-top: 1rem;
  margin-left: 1rem;
}
.add-abm-modal__file-uploader .file-uploader__message {
  color: #515774;
  margin: 0;
}
.add-abm-modal__file-uploader button {
  margin-top: 0;
}
.add-abm-modal__file-uploader--loading label {
  opacity: 0.5;
}

.apple-business-manager-table .data-table-block .data-table td.apple_id__cell {
  max-width: 180px;
}
.apple-business-manager-table .data-table-block .data-table td.macos_team__cell,
.apple-business-manager-table .data-table-block .data-table td.ios_team__cell,
.apple-business-manager-table .data-table-block .data-table td.ipados_team__cell {
  max-width: 150px;
}
.apple-business-manager-table .data-table-block .data-table td.id__cell .abm-actions-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 1400px) {
  .apple-business-manager-table .ipados_team__header,
  .apple-business-manager-table .ipados_team__cell {
    display: none;
  }
}
@media (max-width: 1230px) {
  .apple-business-manager-table .ios_team__header,
  .apple-business-manager-table .ios_team__cell {
    display: none;
  }
}
@media (max-width: 990px) {
  .apple-business-manager-table .macos_team__header,
  .apple-business-manager-table .macos_team__cell {
    display: none;
  }
}
@media (max-width: 880px) {
  .apple-business-manager-table .org-name-cell {
    width: 140px;
  }
}
.apple-business-manager-table .disabled-by-gitops-mode {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.apple-business-manager-table .disabled-by-gitops-mode:hover, .apple-business-manager-table .disabled-by-gitops-mode:focus {
  cursor: default;
}
.apple-business-manager-table .disabled-by-gitops-mode .actions-dropdown-select__control--is-disabled {
  min-height: 0;
  padding: 0;
}

.org-name-cell__tooltip-wrapper {
  display: inline;
}

.renew-abm-modal__setup-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  color: #192147;
}
.renew-abm-modal__setup-content p {
  margin: 0;
}
.renew-abm-modal__setup-instructions-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.renew-abm-modal__setup-instructions-list li > p {
  margin: 0;
}
.renew-abm-modal__file-uploader {
  margin-top: 1rem;
  margin-left: 1rem;
}
.renew-abm-modal__button-wrap {
  display: flex;
  justify-content: flex-end;
}
.renew-abm-modal__button-wrap .renew-token-modal__submit-button.uploading.button--disabled {
  opacity: 1;
}

.apple-mdm-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.apple-mdm-page h4 {
  margin-bottom: 0;
}
.apple-mdm-page p {
  font-size: 0.875rem;
  margin: 0 0 1.5rem;
}
.apple-mdm-page__page-content {
  font-size: 0.875rem;
}
.apple-mdm-page__setup-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  color: #192147;
}
.apple-mdm-page__setup-content p {
  margin: 0;
}
.apple-mdm-page__setup-instructions-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.apple-mdm-page__setup-instructions-list li {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.apple-mdm-page__setup-instructions-list li p {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0;
  gap: 0.5rem;
}
.apple-mdm-page__request-button {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.5rem;
}
.apple-mdm-page__request-button label {
  display: flex;
  gap: 0.5rem;
  cursor: pointer;
}
.apple-mdm-page__apc-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.apple-mdm-page__apc-info dt {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.apple-mdm-page__apns-button-wrap {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.apple-mdm-page__file-uploader {
  margin-top: 1rem;
  margin-left: 1rem;
  border-radius: 6px;
}
.apple-mdm-page__file-uploader .file-uploader__message {
  color: #515774;
}
.apple-mdm-page__file-uploader button {
  margin-top: 0;
}
.apple-mdm-page__file-uploader--loading label {
  opacity: 0.5;
}

.renew-cert-modal {
  width: 730px;
}
.renew-cert-modal__info-header {
  margin-bottom: 2rem;
}
.renew-cert-modal__setup-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  color: #192147;
}
.renew-cert-modal__setup-content p {
  margin: 0;
}
.renew-cert-modal__setup-instructions-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.renew-cert-modal__setup-instructions-list li > p {
  margin: 0;
}
.renew-cert-modal__request-button {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.5rem;
  margin-left: 1rem;
}
.renew-cert-modal__request-button label {
  display: flex;
  gap: 0.5rem;
  cursor: pointer;
}
.renew-cert-modal__file-uploader {
  margin-top: 1rem;
  margin-left: 1rem;
  border-radius: 6px;
}
.renew-cert-modal__file-uploader .file-uploader__message {
  color: #515774;
  margin: 0;
}
.renew-cert-modal__file-uploader button {
  margin-top: 0;
}
.renew-cert-modal__button-wrap {
  display: flex;
  justify-content: flex-end;
}
.renew-cert-modal__button-wrap .renew-cert-modal__submit-button.uploading.button--disabled {
  opacity: 1;
}

.turn-off-apple-mdm-modal__info-header {
  margin-bottom: 2rem;
}
.turn-off-apple-mdm-modal__button-wrap {
  display: flex;
  justify-content: flex-end;
}
.turn-off-apple-mdm-modal__button-wrap .renew-cert-modal__submit-button.uploading.button--disabled {
  opacity: 1;
}

.apple-business-manager-section__content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.end-user-migration-section {
  font-size: 0.875rem;
}
.end-user-migration-section__abm-connect-message {
  margin-top: 0;
}
.end-user-migration-section__preview-video {
  width: 100%;
  max-width: 800px;
}
.end-user-migration-section__end-user-migration-form.disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.end-user-migration-section__end-user-migration-form.disabled:hover, .end-user-migration-section__end-user-migration-form.disabled:focus {
  cursor: default;
}

.eula-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.eula-list-item__list-item-data {
  display: flex;
  align-items: center;
}
.eula-list-item__list-item-info {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
}
.eula-list-item__list-item-name {
  font-size: 0.875rem;
  font-weight: 600;
}
.eula-list-item__list-item-uploaded {
  font-size: 0.75rem;
}
.eula-list-item__list-item-actions {
  display: flex;
  justify-content: flex-end;
}
.eula-list-item__list-item-button {
  width: 40px;
  height: 40px;
}
.eula-list-item__list-item-button:not(:last-child) {
  margin-right: 1rem;
}

.eula-uploader {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.eula-uploader > p {
  font-size: 0.875rem;
  margin: 0;
}
.eula-uploader .upload-list__list-item {
  border-top: 1px solid #e2e4ea;
}

.uploaded-eula-view > p {
  font-size: 0.875rem;
}

.example-webhook-url-payload-modal__endpoint-preview {
  margin-bottom: 1.5rem;
}

.section-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
.section-card__content-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
}
.section-card .button {
  height: auto;
  white-space: nowrap;
}
.section-card__content {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
}
.section-card__content h3 {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 0 0.25rem;
}

.vpp-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.vpp-page__page-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.vpp-page__page-header-section {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: center;
  justify-content: space-between;
}
.vpp-page__page-header-section h1 {
  margin-bottom: 0;
  font-size: 1.5rem;
}
.vpp-page__url-inputs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  margin-top: 1.5rem;
}
.vpp-page__url-input {
  margin-bottom: 0;
}
.vpp-page .data-error {
  margin: 2.5rem 0;
  padding: 2rem 0;
}
.vpp-page .data-error__inner {
  padding: 2rem 0;
}

.add-vpp-modal__request-button {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.5rem;
}
.add-vpp-modal__request-button label {
  display: flex;
  gap: 0.5rem;
  cursor: pointer;
}
.add-vpp-modal__setup-list {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0;
  margin: 0;
  max-width: 660px;
  list-style: none;
}
.add-vpp-modal__setup-list li {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.add-vpp-modal__setup-list li p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.add-vpp-modal__file-uploader {
  margin-top: 1rem;
  margin-left: 1rem;
}
.add-vpp-modal__file-uploader .file-uploader__message {
  color: #515774;
  margin: 0;
}
.add-vpp-modal__file-uploader button {
  margin-top: 0;
}
.add-vpp-modal__file-uploader--loading label {
  opacity: 0.5;
}

.edit-teams-vpp-modal .component__tooltip-wrapper__element {
  width: 100%;
}
.edit-teams-vpp-modal .dropdown__select {
  text-wrap: wrap;
}
.edit-teams-vpp-modal__form-field--disabled .Select.dropdown__select {
  background-color: #f9fafc;
}
.edit-teams-vpp-modal__form-field--disabled .Select-placeholder {
  color: #8b8fa2;
}
.edit-teams-vpp-modal__form-field--disabled .form-field__help-text {
  opacity: 0.6;
}
.edit-teams-vpp-modal__tooltip--all-teams {
  text-align: center;
}

.renew-vpp-modal__description {
  margin: 0 0 1.5rem;
}
.renew-vpp-modal__file-uploader {
  margin-top: 1rem;
  margin-left: 1rem;
}

.vpp-setup-steps {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0;
  margin: 0;
  max-width: 660px;
  list-style: none;
}
.vpp-setup-steps li {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.vpp-setup-steps li p {
  margin: 0;
}

@media (max-width: 990px) {
  .vpp-table .location__header,
  .vpp-table .location__cell {
    display: none;
  }
}
@media (max-width: 880px) {
  .vpp-table .org_name__cell > span {
    width: 140px;
  }
}

.teams-cell__team-text-with-tooltip {
  display: inline-block;
}
.teams-cell__team-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.windows-automatic-enrollment-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.windows-automatic-enrollment-page p {
  margin: 0;
}
.windows-automatic-enrollment-page__setup-list {
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 0;
  margin: 0;
  max-width: 800px;
  list-style: none;
}
.windows-automatic-enrollment-page__setup-list li {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.windows-automatic-enrollment-page__setup-list li p {
  margin: 0;
}
.windows-automatic-enrollment-page__url-inputs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  margin-top: 1.5rem;
}
.windows-automatic-enrollment-page__url-input {
  margin-bottom: 0;
}
.windows-automatic-enrollment-page__permissions-list {
  margin-top: 1.5rem;
  list-style: disc;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.windows-automatic-enrollment-page__cloud-customer-banner {
  margin-top: 1.5rem;
}
.windows-automatic-enrollment-page__banner-content {
  display: flex;
  align-items: column;
  gap: 0.5rem;
}

.windows-mdm-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.windows-mdm-page form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.windows-mdm-page__enrollment-type-fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

.learn-more-icon {
  width: 12px;
  height: 12px;
  margin-left: 6px;
}

.org-settings__sandbox-demo-message {
  margin-top: 3.5rem;
}
.org-settings__side-nav .org-settings-form .form-field__label .buttons {
  top: 22px;
}
.org-settings__side-nav .info-banner {
  line-height: 1.5;
}
.org-settings__side-nav .app-config-form__section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  animation: fade-in 200ms ease-out;
}
.org-settings__side-nav .app-config-form__section::after {
  clear: both;
  content: "";
  display: table;
}
.org-settings__side-nav .app-config-form__section .upcaret::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI/SURBVHgB7ZfPaxNBFMe/byOGUhJS8FAPwoo9idgeq6cUrPYgNFKxIF4qiD0IBlLrqW2inlKKERH6F4iWChY8qD20eBEPwiJUL/5Y0EOlB5eixEXM+F7shvxod9Ntu0uhH9gw82ay3+++mUn2Eepo108lCZF+EFLc1bE9GEQwSiXKLZvPzeoBchoJPZlo0aITUEhjJyEUiiU7Z5mL1v+uI07RBW52IRiMorJ7xIQmvfKTBycudK1pgtr1Pp1IfUEIKEU9mgY1gZAgqJSmSAWZ+noH/bwHKDwDfMw1hMzuNRCPt2L2YR4vnz1APNYKv/g2UMiP4GT3cRw7egSFyRH4xZeBwmQGfadPVPrSvpvPwA+bNiDiFwZ6G+KD53t9mdiUgdzY1XXFt2IiEmvryDYzMXP9Eq4ND9bEVld/wbb/IBrdX4nJnhBev3nXzG2by4CIy1UvPnBxtHxJ22v+RnhmwE186f0nrKz8wMKrt0idTdZkQk6I4JUJVwNe4g5bMeG6BFeGzjXExu9M14g7SGz89nRD3G3TehqoX9/06BRmZuc3nD/zZB7pG1OVvnz38vAtuOG6BNWpvTl231XcYenDZ3z99p3T39mwVOtBBw+fUQiRvb9jfiWEifAwJANzCAnF1ZKmQE8RFlyqRX5aH81YoqON31C7ESQK95bNF4/KmzAKO8sRA8FhFMua/EMkH5Zl/j6QOPT4L/a17Hgm+MlZfKimOK1GSjVenCwPdIK2p2ZQfNL4fnOy37g8X6we+wdnl9wrJPgg7QAAAABJRU5ErkJggg==);
  transform: scale(0.5);
  border-radius: 0px;
  position: relative;
  top: 8px;
  margin: 0.25rem;
}
.org-settings__side-nav .app-config-form__section .downcaret::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFhSURBVHgB7ZOxTsJQFIbPqQRrUpMaY4JxqRR2H0EHlVE3N2DzEdzEN4A3wCeAsY0DPIJOLkC62cTBDsTYxNzrLdBYS8u9VwdDcr/t3pye/7/nPwVQKBQKxT+zIVJ0YJ0eGTuVZ2O36k/fRk9C39hndcOsDLfMsvseTPy8OuQ2YuIEccBKzehMNWz4Y+ceOOKEYHdxDD4pOXn1Hh6zajXgQFDrxeIzx4R2S3atLigeYRZQG+TVcw1QikuvZSbae2wyS+LRtAi0M3p0IAfuDkyD0dAwq4gIx4lrXUO8Suabjiohfud7TiuvP3cHYkpWrYVIb1PXs3yLEEUlLy5lYJUJJgW/EY8Q+g1joji2TfsQEJP560xc/1FIoeN77o1ASzkDcxPjfoaJb222tEz8GgSRNrDKxFzcaYAEUjuQZr983mPjvlh06r9M3EuQpAB/YJOEzRCLFnt58EHDJigUCsU68gUvWYjj2NENSQAAAABJRU5ErkJggg==);
  transform: scale(0.5);
  border-radius: 0px;
  position: relative;
  top: 8px;
  margin: 0.25rem;
  margin-right: 18px;
}
.org-settings__side-nav .app-config-form__section .empty-table__container {
  margin: 96px 0 1.5rem;
}
.org-settings__side-nav .app-config-form__section .smtp-options {
  font-size: 15px;
  font-weight: 600;
  color: #192147;
}
.org-settings__side-nav .app-config-form__section .smtp-options em {
  font-style: normal;
}
.org-settings__side-nav .app-config-form .downcaret::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFhSURBVHgB7ZOxTsJQFIbPqQRrUpMaY4JxqRR2H0EHlVE3N2DzEdzEN4A3wCeAsY0DPIJOLkC62cTBDsTYxNzrLdBYS8u9VwdDcr/t3pye/7/nPwVQKBQKxT+zIVJ0YJ0eGTuVZ2O36k/fRk9C39hndcOsDLfMsvseTPy8OuQ2YuIEccBKzehMNWz4Y+ceOOKEYHdxDD4pOXn1Hh6zajXgQFDrxeIzx4R2S3atLigeYRZQG+TVcw1QikuvZSbae2wyS+LRtAi0M3p0IAfuDkyD0dAwq4gIx4lrXUO8Suabjiohfud7TiuvP3cHYkpWrYVIb1PXs3yLEEUlLy5lYJUJJgW/EY8Q+g1joji2TfsQEJP560xc/1FIoeN77o1ASzkDcxPjfoaJb222tEz8GgSRNrDKxFzcaYAEUjuQZr983mPjvlh06r9M3EuQpAB/YJOEzRCLFnt58EHDJigUCsU68gUvWYjj2NENSQAAAABJRU5ErkJggg==);
  transform: scale(0.5);
  border-radius: 0px;
  position: relative;
  top: 8px;
  margin: 0.25rem;
  margin-right: 18px;
}
.org-settings__side-nav .app-config-form .empty-table__container {
  margin: 96px 0 1.5rem;
}
.org-settings__side-nav .app-config-form .smtp-options {
  font-size: 15px;
  font-weight: 600;
  color: #192147;
}
.org-settings__side-nav .app-config-form .smtp-options em {
  font-style: normal;
}
.org-settings__side-nav .smtp-server-inputs {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}
.org-settings__side-nav__component-details {
  margin: 0 0 1rem;
  font-size: 0.875rem;
}
.org-settings__side-nav__yaml {
  width: calc(90% - 50px);
  margin-bottom: 1rem;
}
.org-settings__side-nav__ses-enabled {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 97px;
}
.org-settings__side-nav__ses-enabled__content {
  text-align: center;
}
.org-settings__side-nav__ses-enabled__content p {
  margin: 0;
}
.org-settings__side-nav__ses-enabled__title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.org-settings .disabled-by-gitops-mode {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.org-settings .disabled-by-gitops-mode:hover, .org-settings .disabled-by-gitops-mode:focus {
  cursor: default;
}

.org-info__logo-field {
  margin-bottom: 0.875rem;
}
.org-info__icon-preview {
  border-radius: 4px;
  max-height: 82px;
  min-width: 82px;
  border: 1px solid #e2e4ea;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.org-info__icon-img {
  max-width: 150px;
  padding: 1rem;
  transform: initial;
}
.org-info__dark-background {
  background-color: #515774;
}
.org-info__light-background {
  background-color: #fafafa;
}

.team-management .data-table-block .data-table__table thead .name__header {
  width: auto;
}
.team-management .data-table-block .data-table__table thead .host_count__header,
.team-management .data-table-block .data-table__table thead .user_count__header {
  width: 252px;
}
.team-management .data-table-block .data-table__table thead .actions__header {
  width: 102px;
}
@media (max-width: 989px) {
  .team-management .data-table-block .data-table__table tbody .name__cell {
    max-width: 430px;
  }
}
@media (max-width: 879px) {
  .team-management .data-table-block .data-table__table tbody .name__cell {
    max-width: 330px;
  }
}
.team-management .data-table-block .data-table__table tbody .host_count__cell,
.team-management .data-table-block .data-table__table tbody .user_count__cell {
  max-width: 252px;
}
.team-management .data-table-block .data-table__table tbody .actions__cell {
  width: 102px;
}
.team-management .data-table-block .data-table__table tbody .actions__cell .team-actions-wrapper {
  display: flex;
  align-items: center;
}
.team-management .disabled-by-gitops-mode {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.team-management .disabled-by-gitops-mode:hover, .team-management .disabled-by-gitops-mode:focus {
  cursor: default;
}
.team-management .disabled-by-gitops-mode .actions-dropdown-select__control--is-disabled {
  min-height: 0;
  padding: 0;
}

.delete-team-modal__name {
  font-weight: 600;
}
.delete-team-modal__warning {
  color: #d66c7b;
}

.team-details {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.team-details__loading-spinner {
  margin: 30vh auto 0;
}
.team-details__team-header {
  display: flex;
  justify-content: space-between;
}
.team-details__team-details {
  display: flex;
  align-items: center;
}
.team-details__team-details .form-field--dropdown {
  margin-bottom: 0;
}
.team-details__host-count {
  background-color: #f4f4f6;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 30px;
  margin-left: 1rem;
  padding: 4px 12px;
  white-space: nowrap;
}
.team-details .disabled-by-gitops-mode {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.team-details .disabled-by-gitops-mode:hover, .team-details .disabled-by-gitops-mode:focus {
  cursor: default;
}
.team-details .disabled-by-gitops-mode .actions-dropdown-select__control--is-disabled {
  min-height: 0;
  padding: 0;
}
.team-details .user-name-text {
  text-overflow: ellipsis;
  overflow: hidden;
}

.agent-options {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.agent-options__osquery-options-form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}
.agent-options__btn-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.agent-options__btn-wrap p {
  font-size: 0.875rem;
  font-weight: 600;
}
.agent-options__text-editor-wrapper {
  width: 100%;
}
.agent-options .yaml-ace__label {
  min-height: 0;
}

.team-settings {
  max-width: 754px;
}

.team-host-expiry-toggle__add-custom-window {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-weight: inherit;
  font-size: inherit;
}

.team-users {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.team-users__api-only-user {
  background-color: #c5c7d1;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0 0.25rem;
  border-radius: 4px;
  position: relative;
  margin-left: 0.25rem;
}
.team-users .data-table-block .data-table__table thead .name__header {
  width: initial;
}
.team-users .data-table-block .data-table__table thead .role__header {
  width: 102px;
}
.team-users .data-table-block .data-table__table tbody .role__cell {
  max-width: 102px;
}
.team-users .data-table-block .data-table__table tbody .email__cell {
  max-width: 171px;
}
@media (min-width: 990px) {
  .team-users .data-table-block .data-table__table tbody .email__cell {
    max-width: 252px;
  }
}
.team-users .data-table-block .data-table__table tbody .actions__cell {
  width: auto;
}

.autocomplete-dropdown .Select {
  border: solid 1px #e2e4ea;
  border-radius: 4px;
}
.autocomplete-dropdown .Select:hover, .autocomplete-dropdown .Select.is-focused {
  border-color: #6a67fe;
}
.autocomplete-dropdown .Select.Select--multi .Select-option {
  color: #192147;
  font-size: 0.875rem;
  margin: 0.5rem;
  padding: 0.5rem;
  display: block;
}
.autocomplete-dropdown .Select.Select--multi .Select-option.is-focused {
  background-color: #c5c7d1;
}
.autocomplete-dropdown .Select.Select--multi .Select-option.is-focused .Select-icon {
  color: #c5c7d1;
}
.autocomplete-dropdown .Select.Select--multi .Select-option.is-disabled {
  color: #8b8fa2;
  font-style: italic;
}
.autocomplete-dropdown .Select.Select--multi .Select-option.is-disabled .Select-icon {
  visibility: hidden;
  opacity: 0;
}
.autocomplete-dropdown .Select .Select-control .Select-value {
  border: 1px solid #6a67fe;
  background-color: #e2e4ea;
}
.autocomplete-dropdown .Select .Select-control .Select-clear-zone {
  transition: color 150ms ease-in-out;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFRSURBVHgB7ZY9bsMwDIVJa81goEuKLgaCXCXI6BskPUJukJ6guUHcG3QMeop2TwF3arZ6yCxWCiCgdiuKUgokg77J1g/fgyWSBshkMhcGucnbalYjwpYAOypwfXjfPYGAu8lsQRo2dh8QrT7bl2ff2oKNhPhogpTmqUJNzXgyX4BAXGts3D4TY8utZw0gUNl7D5hw4oPhDlINaCpWwzGfCY+4OQF8AAbFTR67/euonH6Ye1D3TBDUo5tpe/zavwXE7w/truE02EvoGFfzJSL9OktzMZcKNKSKiw1wJv5CKm5RIMR3HOeIRxmQmIgVtxQQiVKa/JNAEBsvZrHvtjuG2fGvBkLiqSZEWcDl+SmIJ0UlvSP4BUJFRlqskgxIK9w5JvheoHEdEnfYMXckPROaNsAQ1Q1Dee4xkd4NicAGa42RTlpkfpg47bM/JJDJZK6ZbzsT7VCH3d6TAAAAAElFTkSuQmCC);
  top: 1px;
  left: -8px;
}
.autocomplete-dropdown .Select .Select-control .Select-clear-zone:hover {
  transition: color 150ms ease-in-out;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEuSURBVHgB7ZXLDcIwDIbtwACMwEhsAFwQiBMbwARw4SEuwAaMxAgdAGKcSkCBxnECEhzyS1XbxPH/KQ8HICsr68dCqXM0OHcQzI6jCjQ4Xa7xAAqNR9SlCy3cOCI7WW+bR1+skRIhmjknafFnmyztXWLQmHPsbRzn2EnxIgBQmeTxG4C4mz+rgFQAa+zktc0H4THnabQzECTuAafh8Nwz9D6NvCd6tz0hmPdXm+YePgEIQbh3qrkaQIKoz6ozjwJQQ0SYRwMEISLNnQxEqoEN8vWh0OcdExPs3e3VhJXT8VUAjXkKhGoJpHNu+Xlt1pbtMkUoQFNkNMUqCSCmwqVCiEvA5lONudOG2zzLsQBBUbdh6Jx7INJvQ4Iy2Yk/Cm2RqUCU46jmRs3KyvorXQHWrNR4JOdz6wAAAABJRU5ErkJggg==);
  top: 1px;
  left: -8px;
}

.remove-user-modal__name, .remove-user-modal__team-name {
  font-weight: 600;
}
.remove-user-modal__warning {
  color: #d66c7b;
}

.user-management__api-only-user {
  background-color: #c5c7d1;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0 0.25rem;
  border-radius: 4px;
  position: relative;
  margin-left: 0.25rem;
}
.user-management .data-table-block .data-table__table thead th.actions__header {
  padding-left: 0;
}
.user-management .data-table-block .data-table__table thead th.status__header, .user-management .data-table-block .data-table__table thead th.role__header {
  width: 86px;
}
.user-management .data-table-block .data-table__table tbody td.name__cell,
.user-management .data-table-block .data-table__table tbody td.role__cell,
.user-management .data-table-block .data-table__table tbody td.teams__cell,
.user-management .data-table-block .data-table__table tbody td.status__cell,
.user-management .data-table-block .data-table__table tbody td.email__cell {
  max-width: 102px;
  white-space: nowrap;
}
.user-management .data-table-block .data-table__table tbody td.status__cell,
.user-management .data-table-block .data-table__table tbody td.role__cell {
  white-space: nowrap;
}
.user-management .data-table-block .data-table__table tbody td.actions__cell {
  padding-left: 0;
}
@media (min-width: 1400px) {
  .user-management .data-table-block .data-table__table .name__header,
  .user-management .data-table-block .data-table__table .name__cell {
    max-width: 252px;
  }
}
@media (max-width: 879px) {
  .user-management .data-table-block .data-table__table .email__header,
  .user-management .data-table-block .data-table__table .email__cell {
    display: none;
    width: 0;
  }
}
@media (max-width: 767px) {
  .user-management .data-table-block .data-table__table .status__header,
  .user-management .data-table-block .data-table__table .status__cell {
    display: none;
    width: 0;
  }
}
@media (max-width: 575px) {
  .user-management .data-table-block .data-table__table .teams__header,
  .user-management .data-table-block .data-table__table .teams__cell {
    display: none;
    width: 0;
  }
  .user-management .data-table-block .data-table__table .table-container__header {
    align-items: end;
  }
  .user-management .data-table-block .data-table__table .table-container__header-left {
    flex-direction: column;
    width: initial;
    align-items: start;
  }
  .user-management .data-table-block .data-table__table .table-container__header .table-container__search {
    width: 100%;
  }
}
@media (max-width: 479px) {
  .user-management .data-table-block .data-table__table .role__header,
  .user-management .data-table-block .data-table__table .role__cell {
    display: none;
    width: 0;
  }
  .user-management .data-table-block .data-table__table .table-container__header {
    flex-direction: column;
    align-items: start;
    width: 100%;
  }
  .user-management .data-table-block .data-table__table .table-container__header-left {
    width: 100%;
  }
  .user-management .data-table-block .data-table__table .table-container__header-left .controls,
  .user-management .data-table-block .data-table__table .table-container__header-left .button {
    width: 100%;
  }
}

.delete-user-modal__name {
  font-weight: 600;
}
.delete-user-modal__warning {
  color: #d66c7b;
}

.selected-teams-form {
  border: 1px solid #e2e4ea;
  border-radius: 4px;
  background-color: #f9fafc;
  padding: 1rem;
  box-sizing: border-box;
  gap: 0.25rem;
}
.selected-teams-form__team-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.selected-teams-form__team-item .form-field--dropdown {
  width: 170px;
}
.selected-teams-form__role-dropdown .Select-control {
  border: none;
  width: 130px;
}

.user-form {
  max-height: 581px;
  overflow-y: auto;
}
.user-form .form {
  width: 100%;
}
.user-form__sso-input .fleet-checkbox {
  margin-top: 5px;
}
.user-form__sso-input .fleet-checkbox__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #192147;
}
.user-form .sso-disabled {
  width: 375px;
}
.user-form .invite-disabled {
  width: 100px;
}
.user-form .password-tooltip-text {
  width: 310px;
}
.user-form__user-permissions-info {
  display: flex;
  flex-direction: column;
}
.user-form__user-permissions-info p {
  margin: 0 0 1rem 0;
}
.user-form__radio-input.disabled .radio__control {
  background-color: #c5c7d1;
}
.user-form__radio-input.disabled .radio__label {
  color: #8b8fa2;
  font-style: italic;
}
.user-form__password {
  box-sizing: border-box;
}
.user-form__password .input-icon-field {
  width: 100%;
}
.user-form__details {
  float: right;
  width: 2%;
}
.user-form__details .icon-tooltip {
  margin-top: 12px;
}
.user-form__details .help-text {
  color: #192147;
}
.user-form__details .help-text--brand {
  color: #6a67fe;
}
.user-form .sublabel,
.user-form .sublabel-nosso {
  margin: 0px;
}
.user-form .sublabel-nosso {
  font-size: 0.75rem;
}
.user-form .sublabel-nosso button.button--text-link {
  display: inline-flex;
  font-size: 0.75rem;
}
.user-form__tooltip-text {
  width: 300px;
}
.user-form .team-field .component__tooltip-wrapper__element {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.confirm-invite-page__form-section-wrapper {
  box-sizing: border-box;
  margin-bottom: 110px;
}
.confirm-invite-page__description {
  margin: 0;
}
.confirm-invite-page .confirm-invite-button {
  align-self: center;
  width: 160px;
}

.dashboard-page {
  overflow: initial;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.dashboard-page h2 {
  font-size: 1rem;
  margin: 0;
}
.dashboard-page .form-field--dropdown {
  margin-bottom: 0;
}
.dashboard-page__header {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.dashboard-page__header .Select-control {
  background-color: #f9fafc !important;
}
.dashboard-page__title .fleeticon {
  color: #3e4771;
  margin-right: 15px;
}
.dashboard-page__title .fleeticon-success-check {
  color: #3db67b;
}
.dashboard-page__title .fleeticon-offline {
  color: #d66c7b;
}
.dashboard-page__platforms {
  display: flex;
  align-items: center;
}
.dashboard-page__platforms span {
  font-size: 1rem;
}
.dashboard-page__platforms .Select-control,
.dashboard-page__platforms .Select-value {
  background-color: #ffffff !important;
}
.dashboard-page__platform-filter {
  width: 138px;
}
.dashboard-page__section {
  width: 100%;
  display: grid;
  row-gap: 1.5rem;
}
@media screen and (min-width: 990px) {
  .dashboard-page__section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
  .dashboard-page__section .dashboard-info-card:nth-child(odd):last-child {
    grid-column-start: span 2;
  }
}
.dashboard-page__host-sections {
  display: flex;
  flex-direction: column;
}
@media (min-width: 320px) {
  .dashboard-page .dashboard-page__host-sections {
    gap: 1rem;
  }
}
@media (min-width: 880px) {
  .dashboard-page .dashboard-page__host-sections {
    gap: 1.5rem;
  }
}
.dashboard-page .spinner {
  z-index: 11;
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dashboard-page .activity-feed-card {
  container-type: inline-size;
  container-name: activity-feed-card;
}

.activity-feed {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  min-height: 500px;
  gap: 1rem;
}
.activity-feed__header-wrap .form-field {
  margin-bottom: 0;
}
.activity-feed__load-activities-button {
  color: #6a67fe;
  vertical-align: bottom;
  padding: 6px;
}
.activity-feed__load-activities-button .fleeticon-chevronleft:before,
.activity-feed__load-activities-button .fleeticon-chevronright:before {
  font-size: 0.5rem;
  font-weight: 600;
  position: relative;
  top: -2px;
}
.activity-feed__load-activities-button .fleeticon-chevronleft {
  margin-right: 0.5rem;
}
.activity-feed__load-activities-button .fleeticon-chevronright {
  margin-left: 0.5rem;
}
.activity-feed__load-activities-button:first-of-type {
  margin-right: 1.5rem;
}
.activity-feed__load-activities-button:hover:not(.button--disabled), .activity-feed__load-activities-button:focus {
  background-color: #e2e4ea;
}
.activity-feed__no-more-activities {
  text-align: center;
}
.activity-feed__no-activities {
  font-size: 0.875rem;
}
.activity-feed__no-activities p {
  margin-top: 0;
}
.activity-feed .spinner {
  z-index: 11;
  opacity: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.activity-automation-details-modal {
  box-sizing: border-box;
  width: 811px;
}
.activity-automation-details-modal__modal-content {
  display: flex;
  flex-direction: column;
}
.activity-automation-details-modal__modal-content p {
  gap: 0;
}

.activity-feed-filters {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.activity-feed-filters .form-field--dropdown {
  flex: 1;
  min-width: 0;
}
.activity-feed-filters__dropdown-filters {
  display: grid;
  grid-template-areas: "type date sort";
  grid-template-columns: 4fr 3fr 3fr;
  gap: 1rem;
}
.activity-feed-filters__type-filter-dropdown {
  grid-area: type;
}
.activity-feed-filters__date-filter-dropdown {
  grid-area: date;
}
.activity-feed-filters__sort-created-at-dropdown {
  grid-area: sort;
}

@container activity-feed-card (width < 436px) {
  .activity-feed-filters__dropdown-filters {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "type type" "date sort";
    margin-bottom: 1.5rem;
  }
  .activity-feed-filters__type-filter-dropdown .activity-type-select__menu {
    width: 100%;
  }
}
.activity-type-dropdown__search-field {
  position: sticky;
  top: 0;
  padding-top: 0.5rem;
  background-color: #ffffff;
}
.activity-type-dropdown__search-field .icon {
  position: absolute;
  left: 12px;
  top: 19px;
}
.activity-type-dropdown__search-input {
  width: 100%;
  line-height: 1.5;
  background-color: #ffffff;
  border: solid 1px #e2e4ea;
  border-radius: 4px;
  font-size: 1rem;
  padding: 9.5px 12px 9.5px 36px;
  color: #3e4771;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  box-sizing: border-box;
  height: 36px;
}
.activity-type-dropdown__search-input::-moz-placeholder {
  color: #8b8fa2;
}
.activity-type-dropdown__search-input::placeholder {
  color: #8b8fa2;
}
.activity-type-dropdown__search-input:focus, .activity-type-dropdown__search-input:hover {
  outline: none;
  border-color: #515774;
}
.activity-type-dropdown__search-input:focus + .icon svg path, .activity-type-dropdown__search-input:hover + .icon svg path {
  fill: #515774;
}
.activity-type-dropdown__search-input--disabled {
  color: #8b8fa2;
}
.activity-type-dropdown__search-input--error {
  color: #ff5c83;
  border: 1px solid #ff5c83;
  box-sizing: border-box;
  border-radius: 4px;
}
.activity-type-dropdown__search-input--error:focus {
  border-color: #d66c7b;
  background-color: #ffffff;
  color: #192147;
}

.app-store-details-modal__modal-content {
  display: flex;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  row-gap: 2rem;
  flex-wrap: wrap;
}
.app-store-details-modal .react-tooltip {
  min-width: 120px;
}

.library-software-details-modal__modal-content {
  display: flex;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  row-gap: 2rem;
  flex-wrap: wrap;
}
.library-software-details-modal .react-tooltip {
  min-width: 120px;
}

.run-script-details-modal {
  box-sizing: border-box;
  width: 811px;
}
.run-script-details-modal__modal-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 705px; /* Adjust as needed */
  overflow-y: auto;
}
.run-script-details-modal__script-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.run-script-details-modal__script-result {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.run-script-details-modal__output-tooltip {
  width: 300px;
}

.script-batch-host-count-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.script-batch-host-count-cell__cancel-button {
  transition: opacity 250ms;
  opacity: 0;
}
.script-batch-host-count-cell .children-wrapper .icon {
  vertical-align: middle;
  margin-right: 8px;
}

.host-count-card__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  text-align: left;
  height: -moz-fit-content;
  height: fit-content;
  padding: 2rem;
  border: 1px solid #e2e4ea;
  background: #ffffff;
}
.host-count-card__card:hover {
  border-color: #8b8fa2;
}
.host-count-card__card:focus-visible {
  outline: 0px;
  border-radius: 4px;
  border-color: #192147;
}
.host-count-card__icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.host-count-card__count-description {
  display: flex;
  flex-direction: column;
  align-items: left;
  gap: 0.25rem;
}
.host-count-card__count {
  font-size: 1.5rem;
  white-space: nowrap;
}
.host-count-card__not-supported {
  color: #8b8fa2;
}
.host-count-card__not-supported-text {
  font-size: 1.25rem;
}
.host-count-card__not-supported:hover {
  border-color: #e2e4ea;
}
.host-count-card__description {
  color: #515774;
}
.host-count-card__description .component__tooltip-wrapper__element {
  font-size: 0.875rem;
}
.host-count-card__description .component__tooltip-wrapper__tip-text {
  max-width: 200px;
  white-space: initial;
}

@media (max-width: 980px) {
  .host-count-card__card {
    text-align: center;
    flex-direction: column;
    gap: 0.75rem;
  }
  .host-count-card__card .component__tooltip-wrapper__tip-text {
    text-align: initial;
  }
  .host-count-card__card-icon {
    margin-right: 0;
  }
}
.learn-fleet p {
  font-size: 0.875rem;
}
.learn-fleet .icon {
  margin-left: 0.5rem;
  vertical-align: sub;
}

.home-mdm {
  position: relative;
  height: 100%;
}
.home-mdm .tab-nav .table-container__header {
  display: none;
}
.home-mdm__mdm-status-table .data-table-block .data-table__table thead .status__header {
  width: 30%;
}

.home-munki {
  margin-top: 1.5rem;
  position: relative;
}
.home-munki .data-table__wrapper {
  overflow-x: auto;
}
.home-munki .tab-nav .table-container__header {
  display: none;
}
.home-munki .data-table-block .data-table__table {
  table-layout: fixed;
}
.home-munki .data-table-block .data-table__table thead .type__header {
  width: 102px;
}
.home-munki .data-table-block .data-table__table thead .version__header {
  width: 30%;
  padding-right: 0;
}
.home-munki .data-table-block .data-table__table thead .hosts_count__header {
  padding-right: 0;
  width: 9%;
}
.home-munki .data-table-block .data-table__table thead .id__header {
  padding: 0;
  border-left: 0;
  width: 40px;
}
.home-munki .data-table-block .data-table__table tbody tr .version__cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-munki .data-table-block .data-table__table tbody tr .id__cell {
  padding: 0;
  width: 40px;
  display: flex;
  align-items: center;
}
.home-munki .data-table-block .data-table__table tbody tr .vulnerabilities__cell img {
  transform: scale(0.5);
}
.home-munki .data-table-block .data-table__table tbody tr .munki-issue-link {
  opacity: 0;
  transition: 250ms;
  text-overflow: none;
}
.home-munki .data-table-block .data-table__table tbody tr:hover .munki-issue-link {
  opacity: 1;
}
.home-munki .count-loading {
  color: #8b8fa2;
}
.home-munki .count-error {
  color: #d66c7b;
}

.operating-systems {
  margin-top: 1.5rem;
  position: relative;
}
.operating-systems .data-table__wrapper {
  overflow-x: auto;
}
.operating-systems .hosts-cell__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.operating-systems .os-hosts-link {
  opacity: 0;
  transition: 250ms;
}
.operating-systems tr:hover .os-hosts-link {
  opacity: 1;
}
.operating-systems .count-loading {
  color: #8b8fa2;
}
.operating-systems .count-error {
  color: #d66c7b;
}
.operating-systems__os-empty-table.empty-table__container {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.home-software {
  position: relative;
}
.home-software .software-link img {
  transform: rotate(-90deg);
  height: 16px;
  width: auto;
  vertical-align: middle;
}
.home-software .software-link:focus-visible {
  outline: 1px solid #192147;
}
.home-software .data-table__wrapper {
  overflow-x: auto;
}
.home-software .form-field--dropdown {
  margin: 0;
}
.home-software .tab-nav .table-container__header {
  display: none;
}
.home-software__empty-software {
  margin: 1.5rem auto 0;
}
.home-software__empty-software h1 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.home-software__empty-software p {
  color: #192147;
  font-weight: 400;
  font-size: 0.875rem;
  margin: 0;
}
.home-software .data-table-block .data-table__table {
  table-layout: auto;
  width: 100%;
}
.home-software .data-table-block .data-table__table thead .name__header {
  width: 50%;
}
.home-software .data-table-block .data-table__table thead .version__header {
  width: 30%;
  padding-right: 0;
}
.home-software .data-table-block .data-table__table thead .hosts_count__header {
  padding-right: 0;
  width: auto;
}
.home-software .data-table-block .data-table__table thead .id__header {
  padding: 0;
  border-left: 0;
  width: 40px;
}
.home-software .data-table-block .data-table__table tbody .name__cell {
  width: 50%;
}
.home-software .data-table-block .data-table__table tbody .version__cell {
  width: 30%;
}
.home-software .data-table-block .data-table__table tbody .hosts_count__cell {
  width: auto;
}
.home-software .data-table-block .data-table__table tbody .id__cell {
  padding: 0;
  width: 40px;
  display: flex;
  align-items: center;
}
.home-software .data-table-block .data-table__table tbody .vulnerabilities__cell img {
  transform: scale(0.5);
}
.home-software .count-loading {
  color: #8b8fa2;
}
.home-software .count-error {
  color: #d66c7b;
}

.welcome-host p {
  font-size: 0.875rem;
}
.welcome-host .button-slack {
  width: 173px;
  height: auto;
  margin-top: 4px;
}
.welcome-host p.error-message {
  font-weight: 600;
  margin: 1.5rem 0;
}
.welcome-host p.error-message .icon,
.welcome-host .policy-block .icon {
  vertical-align: sub;
  margin-right: 0.5rem;
}
.welcome-host .external-link {
  display: flex;
  font-size: 0.875rem;
  color: #515774;
  font-weight: 600;
  text-decoration: none !important;
}
.welcome-host .external-link .icon {
  margin-left: 0.5rem;
  vertical-align: sub;
}
.welcome-host .external-link:last-of-type {
  margin-top: 1.5rem;
}
.welcome-host__intro {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
}
.welcome-host__intro > img {
  width: 126px;
}
.welcome-host__intro .info {
  margin-left: 1rem;
  flex: 1;
}
.welcome-host__intro .info p {
  margin: 0;
  margin-top: 0.5rem;
}
.welcome-host__policies {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.welcome-host__policies > * {
  margin: 4px 0;
}
.welcome-host__policies button {
  height: auto;
  width: 100%;
}
.welcome-host__policies .children-wrapper {
  width: 100%;
}
.welcome-host__policies .policy-block {
  min-width: 100%;
  height: 36px;
  border: 1px solid #c5c7d1;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
}
.welcome-host__policies .policy-block .info {
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
  text-align: left;
}
.welcome-host__policies .policy-block .icon {
  padding-left: 1rem;
}
.welcome-host__loading .loading-spinner {
  margin: 1rem auto;
}
.welcome-host__refetch {
  display: flex;
  align-items: center;
}
.welcome-host__refetch button {
  margin-right: 0.5rem;
}
.welcome-host__refetch button.refetch-spinner {
  color: #ffffff;
  font-size: 0.875rem;
  height: 36px;
}
.welcome-host__refetch button.refetch-spinner .icon {
  margin-right: 6px;
}
.welcome-host__refetch button.refetch-spinner.spin .icon {
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
    transform-origin: center center;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: center center;
  }
}
.welcome-host__refetch span {
  padding-left: 4px;
  font-size: 0.875rem;
}

.activity-feed-automations-modal .form-fields--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.activity-feed-automations-modal .form-fields--disabled:hover, .activity-feed-automations-modal .form-fields--disabled:focus {
  cursor: default;
}
.activity-feed-automations-modal pre {
  box-sizing: border-box;
  margin: 0;
}

.dashboard-info-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.dashboard-info-card__section-title-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard-info-card__section-title {
  display: flex;
  gap: 0.25rem;
}
.dashboard-info-card__section-title span {
  display: flex;
  align-items: center;
  background-color: #515774;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 2px 4px;
  border-radius: 4px;
  position: relative;
}
.dashboard-info-card__section-title-group {
  display: flex;
  gap: 0.75rem;
  align-items: baseline;
}
.dashboard-info-card__section-title-detail {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dashboard-info-card__section-description {
  font-size: 0.875rem;
}
.dashboard-info-card__section-description p {
  margin: 8px 0 0 0;
}

.mdm-solution-modal .host-count-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.metrics-host-counts {
  display: grid;
  gap: 0.75rem;
}
@media (min-width: 320px) {
  .metrics-host-counts {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
  }
}
@media (min-width: 576px) {
  .metrics-host-counts {
    display: grid;
    /** Default layout for 3 cards 
    The first card (TotalHosts) is on a row by itself.
    The second and third cards are on the second row. */
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    /* Adjust layout for only 2 cards to be on the same row */
    /* Adjust layout for only 1 card to take a single row */
  }
  .metrics-host-counts > *:first-child {
    grid-column: 1/-1;
  }
  .metrics-host-counts:has(> :nth-child(2):last-child) {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }
  .metrics-host-counts:has(> :nth-child(2):last-child) > *:first-child, .metrics-host-counts:has(> :nth-child(2):last-child) > *:nth-child(2) {
    grid-column: auto;
  }
  .metrics-host-counts:has(> :first-child:last-child) {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
@media (min-width: 768px) {
  .metrics-host-counts {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-template-rows: 1fr;
    gap: 1rem;
  }
  .metrics-host-counts > * {
    grid-column: auto;
    min-width: 0;
  }
  .metrics-host-counts:has(:nth-child(2)):not(:nth-child(3)), .metrics-host-counts:has(:nth-child(1)):not(:has(:nth-child(2))) {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-template-rows: 1fr;
  }
  .metrics-host-counts:has(:nth-child(2)):not(:nth-child(3)) > *, .metrics-host-counts:has(:nth-child(1)):not(:has(:nth-child(2))) > * {
    grid-column: auto;
    min-width: 0;
  }
}

.platform-host-counts {
  display: grid;
  gap: 1rem;
}
@media (min-width: 320px) {
  .platform-host-counts {
    grid-template-columns: repeat(2, 1fr);
  }
  .platform-host-counts > :first-child:nth-child(odd) {
    grid-column: span 2;
  }
}
@media (min-width: 480px) {
  .platform-host-counts {
    grid-template-columns: 1fr;
    grid-template-rows: initial;
  }
  .platform-host-counts > :first-child:nth-child(odd) {
    grid-column: initial;
  }
  .platform-host-counts:has(> :nth-child(2)) {
    grid-template-columns: repeat(2, 1fr);
  }
  .platform-host-counts:has(> :nth-child(3)) {
    grid-template-columns: repeat(3, 1fr);
  }
  .platform-host-counts:has(> :nth-child(4)) {
    grid-template-columns: repeat(2, 1fr);
  }
  .platform-host-counts:has(> :nth-child(5)),
  .platform-host-counts :has(> :nth-child(6)) {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;
  }
  .platform-host-counts:has(> :nth-child(7)) {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto auto auto;
  }
  .platform-host-counts:has(> :nth-child(7)) > :nth-child(-n+5) {
    grid-column: span 3;
  }
  .platform-host-counts:has(> :nth-child(7)) > :nth-child(n+5) {
    grid-column: span 2;
  }
}
@media (min-width: 576px) {
  .platform-host-counts:has(> :nth-child(7)) {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto auto;
  }
  .platform-host-counts:has(> :nth-child(7)) > :nth-child(-n+4) {
    grid-column: span 3;
  }
  .platform-host-counts:has(> :nth-child(7)) > :nth-child(n+5) {
    grid-column: span 4;
  }
}
@media (min-width: 880px) {
  .platform-host-counts.platform-host-counts:not(:has(> :nth-child(7))) {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-template-rows: none;
    gap: 1rem;
  }
}
@media (min-width: 990px) {
  .platform-host-counts:has(> :nth-child(7)) {
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto;
  }
  .platform-host-counts:has(> :nth-child(7)) > :nth-child(n+5), .platform-host-counts:has(> :nth-child(7)) > :nth-child(-n+4) {
    grid-column: span 1;
  }
}

.fleet-403 p {
  color: #333;
  font-style: 400;
}
.fleet-403 .primary-header {
  position: absolute;
  top: 0;
  height: 90px;
  width: 100%;
}
.fleet-403 .primary-header__logo {
  height: 48px;
  width: 174px;
  position: absolute;
  top: 25px;
  left: 40px;
}
.fleet-403 .background-image {
  width: 100%;
}
.fleet-403 main {
  text-align: center;
}
.fleet-403 main > h1 {
  display: inline;
  font-size: 32px;
  max-width: 479px;
  color: #192147;
}
.fleet-403 main > h1 span {
  font-weight: 600;
}
.fleet-403 main > h2 {
  font-size: 36px;
  margin: 13px 0 2rem;
}

.fleet-404 p {
  color: #333;
  font-style: 400;
}
.fleet-404 button {
  width: 197px;
  font-size: 1rem;
}
.fleet-404 button img {
  width: 24px;
  height: 24px;
  margin-right: 1rem;
}
.fleet-404__button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.fleet-404__slack-btn {
  border: 1px solid #c5c7d1;
  height: 41px;
}
.fleet-404 .primary-header {
  position: absolute;
  top: 0;
  height: 90px;
  width: 100%;
}
.fleet-404 .primary-header__logo {
  height: 48px;
  width: 174px;
  position: absolute;
  top: 25px;
  left: 40px;
}
.fleet-404 .background-image {
  width: 100%;
}
.fleet-404 main {
  text-align: center;
}
.fleet-404 main > h1 {
  display: inline;
  font-size: 32px;
  max-width: 479px;
  color: #192147;
}
.fleet-404 main > h1 span {
  font-weight: 600;
}
.fleet-404 main > h2 {
  font-size: 36px;
  margin: 13px 0 2rem;
}

.fleet-500 p {
  color: #333;
}
.fleet-500 a {
  display: block;
  margin-top: 1rem;
}
.fleet-500 button {
  margin: 1rem;
  width: 197px;
  font-size: 1rem;
}
.fleet-500 button img {
  width: 24px;
  height: 24px;
  margin-right: 1rem;
}
.fleet-500__button-wrapper {
  display: inline-flex;
  margin-bottom: 1.5rem;
}
.fleet-500__slack-btn {
  border: 1px solid #c5c7d1;
  height: 41px;
}
.fleet-500 .primary-header {
  position: absolute;
  top: 0;
  height: 90px;
  width: 100%;
}
.fleet-500 .primary-header__logo {
  height: 48px;
  width: 174px;
  position: absolute;
  top: 25px;
  left: 40px;
}
.fleet-500 .background-image {
  width: 100%;
}
.fleet-500 .error-message-container {
  display: block;
}
.fleet-500 main {
  text-align: center;
}
.fleet-500 main > h1 {
  font-size: 32px;
  min-width: 479px;
  color: #192147;
}
.fleet-500 main > h1 span {
  font-weight: 600;
}
.fleet-500 main > h2 {
  font-size: 36px;
  margin: 13px 0 30px;
}

.forgot-password__email {
  font-weight: 600;
}

.command-details-modal__modal-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 0.5rem;
}
.command-details-modal__modal-content .textarea-wrapper {
  gap: 0.5rem;
}
.command-details-modal .textarea--code {
  max-height: 200px;
}

.delete-host-modal ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  padding-inline-start: 1.5rem;
}

.disk-space-indicator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}
.disk-space-indicator .react-tooltip :not(.copy-tooltip-content) {
  max-width: 10rem;
  text-align: center;
  font-size: 0.8125rem;
}

.script-details-modal__script-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.script-details-modal__script-content-textarea {
  font-family: "SourceCodePro";
  min-height: 150px;
  max-height: 572px;
  overflow: scroll;
}

.modal__background:has(.run-script-batch-modal) {
  transition: none;
  animation: none;
}

.host-details,
.device-user {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.host-details .section,
.device-user .section {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2e4ea;
  padding: 2.5rem;
  box-shadow: 0px 3px 0px rgba(226, 228, 234, 0.4);
}
.host-details .header,
.device-user .header {
  display: flex;
  flex-direction: column;
}
.host-details .card .list,
.device-user .card .list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.host-details .card .list__item,
.device-user .card .list__item {
  margin-bottom: 12px;
  display: flex;
}
.host-details .card .list__item:last-child,
.device-user .card .list__item:last-child {
  margin-bottom: 0;
}
.host-details .card .results,
.device-user .card .results {
  margin: 0;
  width: 350px;
}
.host-details .card .results__header,
.device-user .card .results__header {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  color: #192147;
  font-weight: 600;
}
.host-details .card .results__data,
.device-user .card .results__data {
  margin: 0;
  font-size: 0.875rem;
}
.host-details .title,
.device-user .title {
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding-bottom: 0;
}
.host-details .title .display-name-container,
.device-user .title .display-name-container {
  display: flex;
  align-items: baseline;
}
.host-details .title .display-name,
.device-user .title .display-name {
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
}
@media (min-width: 990px) {
  .host-details .title .display-name,
  .device-user .title .display-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 500px;
  }
}
@media (min-width: 1400px) {
  .host-details .title .display-name,
  .device-user .title .display-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 800px;
  }
}
@media (min-width: 1600px) {
  .host-details .title .display-name,
  .device-user .title .display-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 1000px;
  }
}
.host-details__tab-nav, .host-details__software-tab-nav,
.device-user__tab-nav,
.device-user__software-tab-nav {
  width: 100%;
}
.host-details .col-50,
.device-user .col-50 {
  flex: 2;
}
.host-details .col-25,
.device-user .col-25 {
  flex: 1;
}
.host-details .status,
.device-user .status {
  color: #192147;
  text-transform: capitalize;
}
.host-details .status--online:before,
.device-user .status--online:before {
  background-color: #3db67b;
  border-radius: 100%;
  content: " ";
  display: inline-block;
  height: 8px;
  margin-right: 0.5rem;
  width: 8px;
}
.host-details .status--offline:before,
.device-user .status--offline:before {
  background-color: #8b8fa2;
  border-radius: 100%;
  content: " ";
  display: inline-block;
  height: 8px;
  margin-right: 0.5rem;
  width: 8px;
}
.host-details .form-field--dropdown,
.device-user .form-field--dropdown {
  margin: 0;
}
.host-details .buttons,
.device-user .buttons {
  display: flex;
  align-items: center;
  position: absolute;
  right: 25px;
}
.host-details .buttons span,
.device-user .buttons span {
  font-weight: 400;
}
.host-details .buttons a,
.device-user .buttons a {
  display: flex;
  align-items: center;
}
.host-details .empty-table__container,
.device-user .empty-table__container {
  margin: 2.5rem 0;
  min-height: initial;
  align-self: center;
}

.host-activity-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.host-activity-card__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.host-activity-card__loading-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  border-radius: 16px;
  background-color: rgba(255, 255, 255, 0.8);
}
.host-activity-card__upcoming-tooltip {
  font-size: 0.75rem;
}
.host-activity-card__tab-panel {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.empty-feed {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.empty-feed p {
  font-size: 0.875rem;
  margin: 0;
}
.empty-feed__title {
  font-weight: 600;
  font-size: 1rem;
}

.past-activity-feed {
  display: flex;
  flex-direction: column;
  position: relative;
}
.past-activity-feed__load-activities-button {
  color: #6a67fe;
  vertical-align: bottom;
  padding: 6px;
}
.past-activity-feed__load-activities-button .fleeticon-chevronleft:before,
.past-activity-feed__load-activities-button .fleeticon-chevronright:before {
  font-size: 0.5rem;
  font-weight: 600;
  position: relative;
  top: -2px;
}
.past-activity-feed__load-activities-button .fleeticon-chevronleft {
  margin-right: 0.5rem;
}
.past-activity-feed__load-activities-button .fleeticon-chevronright {
  margin-left: 0.5rem;
}
.past-activity-feed__load-activities-button:first-of-type {
  margin-right: 1.5rem;
}
.past-activity-feed__load-activities-button:hover:not(.button--disabled), .past-activity-feed__load-activities-button:focus {
  background-color: #e2e4ea;
}

.upcoming-activity-feed {
  display: flex;
  flex-direction: column;
  position: relative;
}
.upcoming-activity-feed__load-activities-button {
  color: #6a67fe;
  vertical-align: bottom;
  padding: 6px;
}
.upcoming-activity-feed__load-activities-button .fleeticon-chevronleft:before,
.upcoming-activity-feed__load-activities-button .fleeticon-chevronright:before {
  font-size: 0.5rem;
  font-weight: 600;
  position: relative;
  top: -2px;
}
.upcoming-activity-feed__load-activities-button .fleeticon-chevronleft {
  margin-right: 0.5rem;
}
.upcoming-activity-feed__load-activities-button .fleeticon-chevronright {
  margin-left: 0.5rem;
}
.upcoming-activity-feed__load-activities-button:first-of-type {
  margin-right: 1.5rem;
}
.upcoming-activity-feed__load-activities-button:hover:not(.button--disabled), .upcoming-activity-feed__load-activities-button:focus {
  background-color: #e2e4ea;
}

.agent-options-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.agent-options-card .component__tooltip-wrapper__tip-text {
  max-width: 326px;
}
.agent-options-card__data {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.agent-options-card__chrome-os dd {
  color: #515774;
}

.certificates-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.certificates-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.certificates-table .data-table-block .data-table__wrapper {
  overflow-x: auto;
}
.certificates-table .cert-table__status-indicator {
  min-width: 160px;
}

.host-header__device-status-tag-wrapper {
  align-self: center;
}
.host-header__device-status-tag {
  display: block;
  margin-left: 0.5rem;
  background-color: #ebbc43;
  padding: 0.25rem;
  font-size: 0.75rem;
  color: #192147;
  font-weight: 600;
  border-radius: 4px;
}
.host-header__device-status-tag.warning {
  background-color: #ebbc43;
}
.host-header__device-status-tag.error {
  color: #ffffff;
  background-color: #ff5c83;
}
.host-header__last-fetched {
  font-size: 0.75rem;
  color: #515774;
  margin: 0;
  margin-left: 1rem;
}
.host-header__refetch {
  display: flex;
}
.host-header__refetch .refetch-btn:hover svg path {
  fill: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.host-header__refetch .refetch-spinner .icon {
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
    transform-origin: center center;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: center center;
  }
}
.host-header .title__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.host-software-library-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.host-software-library-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.host-software-library-card__header .button {
  margin: -1rem 0;
}
.host-software-library-card .table-container .stackable-header {
  min-width: initial;
}
.host-software-library-card .table-container .children-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.host-software-library-card .table-container__search-input {
  width: 100%;
}
@media (min-width: 990px) {
  .host-software-library-card {
    min-width: 305px;
  }
}
.host-software-library-card .table-container__search {
  width: 100%;
}
.host-software-library-card .table-container__data-table-block .data-table-block .data-table__wrapper {
  overflow-x: auto;
}
.host-software-library-card__item-actions {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
.host-software-library-card__item-action {
  min-width: 94px;
}
.host-software-library-card__item-action .component__tooltip-wrapper {
  margin: 0;
}
.host-software-library-card .host-sw-library-table__software-filter {
  min-width: 240px;
  width: 240px;
}
.host-software-library-card .host-sw-library-table__filters {
  display: flex;
  align-items: center;
}
.host-software-library-card .host-sw-library-table__filters .children-wrapper {
  gap: 0.5rem;
}
.host-software-library-card .host-sw-library-table .table-container__search-input .input-with-icon {
  min-width: 305px;
}
.host-software-library-card .host-sw-library-table .data-table-block .data-table__table tbody tr .status__cell {
  display: table-cell;
  min-width: 140px;
}
.host-software-library-card .host-sw-library-table .data-table-block .data-table__table tbody tr .status__cell .component__tooltip-wrapper {
  margin: 0;
}
.host-software-library-card .host-sw-library-table .data-table-block .data-table__table tbody tr .Actions__cell {
  display: flex;
}
.host-software-library-card .host-sw-library-table .data-table-block .data-table__table tbody tr .Actions__cell .component__tooltip-wrapper {
  margin: 0;
}
@media (max-width: 879px) {
  .host-software-library-card .host-sw-library-table .data-table-block .data-table__table th,
  .host-software-library-card .host-sw-library-table .data-table-block .data-table__table td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.host-sw-library-table__filter-controls {
  width: 230px;
}
.host-sw-library-table .table-container__search {
  width: 315px;
}

.host-summary-card {
  display: flex;
  gap: 1rem 2.5rem;
  padding: 2.5rem;
  flex-wrap: wrap;
}
.host-summary-card__os-data-set dd {
  align-items: baseline;
}
.host-summary-card .host-issue {
  display: flex;
  gap: 0.25rem;
}
.host-summary-card .no-team {
  color: #8b8fa2;
}
.host-summary-card .data-set dd {
  overflow: initial;
  gap: 0.25rem;
}

.bootstrap-package-indicator {
  display: flex;
  gap: 4px;
}
.bootstrap-package-indicator__button {
  font-weight: normal;
}
.bootstrap-package-indicator .icon {
  width: 16px;
  height: 16px;
  align-self: center;
}
.bootstrap-package-indicator__tooltip {
  display: block;
  text-align: center;
}

.os-settings-indicator {
  display: flex;
  gap: 4px;
}
.os-settings-indicator__button {
  font-weight: normal;
}
.os-settings-indicator .icon {
  width: 16px;
  height: 16px;
  align-self: center;
}
.os-settings-indicator .__react_component_tooltip {
  white-space: normal;
}

.host-labels-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.host-labels-card .button,
.host-labels-card .children-wrapper {
  max-width: 100%;
}
.host-labels-card .button .__react_component_tooltip,
.host-labels-card .children-wrapper .__react_component_tooltip {
  font-weight: 400;
}

.local-user-accounts-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.local-user-accounts-card .data-table-block .data-table__table thead .username__header {
  width: 252px;
}
.local-user-accounts-card .data-table-block .data-table__table thead .shell__header {
  width: 252px;
}

.munki-issues-card .data-table-block .issue_tooltip,
.munki-issues-card .data-table-block .time_tooltip {
  text-align: center;
}
.munki-issues-card .data-table-block .data-table__table thead .type__header {
  width: 102px;
}
.munki-issues-card .data-table-block .data-table__table thead .time__header {
  width: 252px;
}

.host-policies-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.host-policies-card .table-container__header {
  display: none;
}
.host-policies-card .data-table-block .data-table__table thead .name__header {
  min-width: 252px;
}
.host-policies-card .data-table-block .data-table__table thead .response__header {
  width: 0;
}
.host-policies-card .data-table-block .data-table__table thead .linkToFilteredHosts__header {
  width: 125px;
}

.policy-details-modal__body {
  white-space: pre-wrap;
}
.policy-details-modal__resolution {
  margin-top: 0.5rem;
  overflow: hidden;
}
.policy-details-modal__resolution-header {
  font-weight: 600;
}

.host-queries-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-height: 305px;
}
.host-queries-card__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.host-queries-card .table-container__header {
  display: none;
}
.host-queries-card .data-table-block .data-table__table thead .query_name__header {
  min-width: 102px;
}
.host-queries-card .data-table-block .data-table__table thead .last_fetched__header {
  display: table-cell;
}
.host-queries-card .data-table-block .data-table__table tbody tr .report-updated-cell__view-report {
  opacity: 0;
}
.host-queries-card .data-table-block .data-table__table tbody tr .query_name__cell {
  min-width: 102px;
}
.host-queries-card .data-table-block .data-table__table tbody tr .last_fetched__cell .report-updated-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.host-queries-card .data-table-block .data-table__table tbody tr .performance-cell {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.host-queries-card .data-table-block .data-table__table tbody tr .performance-cell__link-icon {
  display: none;
  width: 0;
}
.host-queries-card .data-table-block .data-table__table tbody tr:hover .report-updated-cell__view-report {
  opacity: 1;
}
@media (min-width: 990px) and (max-width: 1300px) {
  .host-queries-card .data-table-block .data-table__table tbody tr .report-updated-cell__view-report--text {
    display: none;
    width: 0;
  }
  .host-queries-card .data-table-block .data-table__table tbody tr td {
    max-width: 140px;
  }
}
.host-queries-card .empty-header {
  font-weight: 600;
}

.host-software-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.host-software-card .table-container .stackable-header {
  min-width: initial;
}
.host-software-card .table-container__search-input {
  width: 100%;
}
@media (min-width: 990px) {
  .host-software-card {
    min-width: 305px;
  }
}
.host-software-card .table-container__search {
  width: 100%;
}
.host-software-card .table-container__data-table-block .data-table-block .data-table__wrapper {
  overflow-x: auto;
}
.host-software-card .host-software-table__software-filter {
  min-width: 240px;
  width: 240px;
}
.host-software-card .host-software-table__filters {
  display: flex;
  align-items: center;
}
.host-software-card .host-software-table__filters .children-wrapper {
  gap: 0.5rem;
}
.host-software-card .host-software-table .table-container__search-input .input-with-icon {
  min-width: 305px;
}
.host-software-card .host-software-table .data-table-block .data-table__table thead .Vulnerabilities__header {
  display: table-cell;
  max-width: 8.75rem;
}
@media (max-width: 879px) {
  .host-software-card .host-software-table .data-table-block .data-table__table th,
  .host-software-card .host-software-table .data-table-block .data-table__table td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.install-status-cell {
  width: 142px;
}
.install-status-cell .react-tooltip {
  /* Move every tooltip 12px right to center over text only but tooltip still shows on both icon + text hover */
  transform: translateX(12px);
}
.install-status-cell__tooltip-wrapper .component__tooltip-wrapper__element {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.install-status-cell__tooltip-wrapper .component__tooltip-wrapper__tip-text {
  max-width: 250px;
}
.install-status-cell__item-status-button {
  font-weight: 400;
}

.software-self-service {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  /* Ensures table doesn't bleed over 100% */
  /* Override any defaults for fixed column width */
  /* Override any defaults for fixed column width */
}
.software-self-service .empty-table__container {
  margin: 64px 0;
}
.software-self-service__self-service-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-self-service__mobile-installers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 300px;
}
.software-self-service__header-filters {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
}
.software-self-service__header-filters .search-field__tooltip-container {
  width: 100%;
}
.software-self-service__table {
  display: flex;
  flex-direction: row;
}
.software-self-service__table > *:nth-child(2) {
  flex-grow: 1;
}
.software-self-service__table .data-table-block .data-table__wrapper {
  margin-top: 0;
}
.software-self-service__table .self-service-table__status-content,
.software-self-service__table .table-container .children-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.software-self-service__table .self-service-table__status-content {
  min-width: 138px;
}
.software-self-service__table .self-service-table__item-status-button {
  height: auto;
}
.software-self-service__table .self-service-table__item-actions {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
.software-self-service .data-table__table {
  table-layout: fixed;
  width: 100%;
}
.software-self-service .data-table__table th.ui_status__header,
.software-self-service .data-table__table td.ui_status__cell {
  width: 140px;
  max-width: 140px;
  min-width: 140px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.software-self-service .data-table__table th.status__header,
.software-self-service .data-table__table td.status__cell {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.software-self-service .data-table-block .data-table tbody .self-service-table__item-action {
  min-width: 90px;
}
.software-self-service .data-table-block .data-table tbody .self-service-table__item-action .component__tooltip-wrapper {
  margin: 0;
}
.software-self-service .categories-menu {
  display: none;
}
@media (min-width: 1070px) {
  .software-self-service .categories-menu {
    display: flex;
  }
  .software-self-service__categories-dropdown {
    display: none;
  }
}

.categories-menu {
  position: sticky;
  top: 217px;
  width: 260px;
  padding: 0 64px 0 0;
  list-style: none;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
}
.categories-menu__category-link {
  white-space: nowrap;
  height: 32px;
  border-radius: 4px;
}
.categories-menu__category-link a,
.categories-menu__category-link span.link-with-context {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  color: #515774;
  font-weight: 400;
  text-decoration: none;
  border-bottom: none;
}
.categories-menu__category-link a {
  cursor: pointer;
}
.categories-menu__category-link a:hover {
  color: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.categories-menu__category-link--active {
  background-color: #f4f4f6;
}
.categories-menu__category-link--active a {
  font-weight: 600;
  color: #192147;
}
.categories-menu__category-link--active a * > .__react_component_tooltip {
  font-weight: initial;
}

.open-software-modal {
  overflow-wrap: anywhere;
}

.self-service-tiles-list {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}

.self-service-tile {
  display: flex;
  padding: 1rem;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.self-service-tile__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  overflow: hidden;
  max-width: 100%;
}
.self-service-tile__item-icon {
  display: flex;
}
.self-service-tile__item-name-version {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.self-service-tile__item-name {
  font-size: 0.875rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.self-service-tile__item-name .truncated-tooltip {
  font-weight: initial;
}
.self-service-tile__item-version {
  font-size: 0.75rem;
  color: #515774;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.self-service-tile__item-error {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
}

@media (max-width: 349px) {
  .self-service-tile {
    gap: 0.5rem;
    padding: 0.5rem;
  }
  .self-service-tile__item-error-text {
    display: none;
  }
  .self-service-tile__item {
    gap: 0.5rem;
  }
  .self-service-tile .tile-action-status {
    gap: 0.25rem;
  }
}
@media (max-width: 299px) {
  .self-service-tile__item-name {
    font-size: 0.75rem;
  }
  .self-service-tile__item-version {
    font-size: 0.625rem;
  }
  .self-service-tile__item-icon svg {
    width: 32px;
    height: 32px;
  }
}
.software-update-modal__modal-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.tile-action-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  height: 36px;
}

.uninstall-software-modal {
  overflow-wrap: anywhere;
}

.updates-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.updates-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.updates-card__header .button {
  margin-bottom: 1.5rem;
}
.updates-card__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(250px, 1fr));
  gap: 1.5rem;
}
@media (min-width: 880px) {
  .updates-card__items {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
  }
}
@media (min-width: 1400px) {
  .updates-card__items {
    grid-template-columns: repeat(4, minmax(250px, 1fr));
  }
}

.update-software-item__item {
  display: flex;
  flex-direction: column;
}
.update-software-item__item-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.update-software-item__item-topline {
  display: flex;
  flex-direction: row;
  height: 66px;
  align-items: center;
  gap: 1rem;
  overflow: hidden;
}
.update-software-item__item-icon {
  display: flex;
}
.update-software-item__item-name-version {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 64px;
  overflow: hidden;
}
.update-software-item__item-name {
  font-size: 0.875rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.update-software-item__item-name .truncated-tooltip {
  font-weight: initial;
}
.update-software-item__item-version {
  font-size: 0.75rem;
  color: #515774;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.update-software-item__item-action-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e4ea;
}
.update-software-item__item-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.update-software-item__item-action {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
}
.update-software-item__status-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.update-software-item__status-with-tooltip {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.update-software-item__status-with-tooltip span {
  font-size: 0.875rem;
}
.update-software-item__item-action-button, .update-software-item__item-status-button {
  height: auto;
}

.user-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.user-card__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.user-card__content {
  display: inline-grid;
  gap: 1rem 2.5rem;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(3, auto);
  grid-auto-flow: column;
}

.user-value__single {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 270px;
}
.user-value__multi {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 197px;
}
@media (max-width: 1400px) {
  .user-value__single {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
  }
  .user-value__multi {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
  }
}
@media (max-width: 990px) {
  .user-value__single {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 270px;
  }
  .user-value__multi {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 197px;
  }
}

.vitals-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.vitals-card .truncated-tooltip .vitals-card__device-mapping__source {
  color: inherit;
}
.vitals-card__used-by {
  display: flex;
}
.vitals-card__multiple {
  max-width: 270px;
  padding-right: 5px;
}
.vitals-card__single {
  max-width: 300px;
}
.vitals-card__device-mapping__source {
  color: #515774;
}
.vitals-card__device-mapping__more {
  color: #8b8fa2;
}
.vitals-card__device-mapping__primary-user {
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: text-bottom;
}
.vitals-card__info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem 2.5rem;
}
@media (min-width: 1600px) {
  .vitals-card__info-grid {
    grid-template-columns: repeat(6, minmax(150px, 1fr));
  }
}
.vitals-card .text-muted {
  color: #8b8fa2;
}

.inventory-versions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inventory-versions .data-set dd {
  white-space: initial;
}
.inventory-versions__versions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.inventory-versions__version {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.inventory-versions__row {
  display: flex;
  gap: 2.5rem;
}
.inventory-versions__sig-info {
  display: flex;
  flex-direction: column;
}
.inventory-versions__sig-info dt {
  min-width: 40px;
}
.inventory-versions__sig-info dd {
  width: 100%;
  text-wrap: wrap;
  overflow-wrap: anywhere;
}

.app-wrap .site-nav {
  height: 50px;
}
.app-wrap .site-nav-better-link {
  margin-right: 20px;
  width: 120px;
  display: flex;
  align-items: center;
}
.app-wrap .site-nav-better-link a {
  white-space: nowrap;
}

.device-user {
  justify-content: flex-start;
  padding-bottom: 50px;
  min-width: 0;
}
.device-user .info-banner__cta {
  white-space: nowrap;
}
.device-user a img.external-link-icon {
  width: 12px;
  height: 12px;
  margin-left: 0.25rem;
}
.device-user .button img {
  transform: scale(0.5);
}
.device-user__details-panel {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
}
@media screen and (min-width: 990px) {
  .device-user__details-panel {
    grid-template-columns: repeat(2, 1fr);
  }
  .device-user__card {
    grid-column: span 1;
  }
  .device-user__card--full-width {
    grid-column: span 2;
  }
}
.device-user__wrapper {
  border: solid 1px #e2e4ea;
  border-radius: 6px;
  margin-top: 0.5rem;
  overflow: scroll;
  box-shadow: inset -8px 0 17px -10px #e8edf4;
}
.device-user .tooltip__tooltip-icon img {
  vertical-align: middle;
  height: 16px;
  width: auto;
}
.device-user .host-policies-card .data-table-block .data-table__table thead .response__header {
  width: 252px;
}

.dup-org-logo {
  cursor: default;
}

.device-user-mobile {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.auto-enroll-mdm-modal__description {
  margin: 1.5rem 0;
}
.auto-enroll-mdm-modal__download-button {
  margin-top: 12px;
}
.auto-enroll-mdm-modal ol {
  padding-left: 0;
}
.auto-enroll-mdm-modal li {
  margin-bottom: 1.5rem;
  list-style-position: inside;
}
.auto-enroll-mdm-modal__profiles-renew {
  margin: 0 0 0 1rem;
}
.auto-enroll-mdm-modal__profiles-renew--instructions {
  color: #515774;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.device-user-banners .create-key-button {
  color: #192147;
  font-weight: 600;
}

.setting-up-your-device__header {
  display: flex;
  justify-content: space-between;
}
.setting-up-your-device__header .info-button {
  padding-top: 0;
}
.setting-up-your-device__title {
  font-weight: 600;
}
.setting-up-your-device .card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.setting-up-your-device h2 {
  font-size: 1.25rem;
  margin: 0;
}
.setting-up-your-device p {
  margin: 0;
}
.setting-up-your-device .empty-table__container {
  max-width: 100%;
}
.setting-up-your-device .textarea-wrapper {
  font-size: 0.875rem;
  line-height: 1.5;
  width: 100%;
}
.setting-up-your-device__failure-state {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.create-linux-key-modal ol {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  line-height: 1.25rem;
}

.host-details__details-panel {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr);
}
.host-details__header-summary {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (min-width: 990px) {
  .host-details__details-panel {
    grid-template-columns: repeat(2, minmax(0, 50%));
  }
  .host-details__card {
    grid-column: span 1;
  }
  .host-details__card--full-width {
    grid-column: span 2;
  }
  .host-details__card--double-height {
    grid-row: span 2;
  }
}
.host-details .vitals-card .info__item--about,
.host-details .agent-options-card .info__item--about {
  margin-right: 92px;
  flex-direction: row;
}
.host-details .vitals-card .info__data,
.host-details .agent-options-card .info__data {
  margin-bottom: 1rem;
}
.host-details .vitals-card .info__data:last-child,
.host-details .agent-options-card .info__data:last-child {
  margin-bottom: 0;
}
.host-details .button img {
  transform: scale(0.5);
}
.host-details__button-wrap {
  display: flex;
  justify-content: flex-end;
  margin: 2.5rem 0 0;
}
.host-details .tooltip__tooltip-icon img {
  vertical-align: middle;
  height: 16px;
  width: auto;
}

.host-details-banners {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.host-actions-dropdown {
  color: #192147;
}
.host-actions-dropdown .form-field {
  margin: 0;
}
.host-actions-dropdown .Select {
  position: relative;
  border: 0;
  height: auto;
}
.host-actions-dropdown .Select.is-focused, .host-actions-dropdown .Select:hover {
  border: 0;
}
.host-actions-dropdown .Select.is-focused:not(.is-open) .Select-control {
  background-color: initial;
}
.host-actions-dropdown .Select .Select-control {
  display: flex;
  background-color: initial;
  height: auto;
  justify-content: space-between;
  border: 0;
  cursor: pointer;
}
.host-actions-dropdown .Select .Select-control:hover {
  box-shadow: none;
}
.host-actions-dropdown .Select .Select-control:hover .Select-placeholder {
  color: #6a67fe;
}
.host-actions-dropdown .Select .Select-control .Select-placeholder {
  font-size: 14px;
  line-height: normal;
  padding-left: 0;
  margin-top: 1px;
}
.host-actions-dropdown .Select .Select-control .Select-input {
  height: auto;
}
.host-actions-dropdown .Select .Select-control .Select-input:focus-visible {
  outline: 2px solid #192147;
  outline-offset: 1px;
  border-radius: 4px;
}
.host-actions-dropdown .Select .Select-control .Select-arrow-zone {
  display: flex;
}
.host-actions-dropdown .Select .Select-placeholder {
  display: flex;
  align-items: center;
}
.host-actions-dropdown .Select .Select-menu-outer {
  margin-top: 0.25rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 6;
  overflow: hidden;
  border: 0;
  width: 188px;
  left: unset;
  top: unset;
  max-height: none;
  padding: 0.5rem;
  position: absolute;
}
.host-actions-dropdown .Select .Select-menu-outer .Select-menu {
  max-height: none;
}
.host-actions-dropdown .Select .Select-arrow {
  transition: transform 0.25s ease;
}
.host-actions-dropdown .Select:not(.is-open) .Select-control:hover .Select-arrow {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEUSURBVHgB7ZHNbcJAEIXf2AaknCghJaSFdJBUAByIQnKhg5AO4BCsmAtUQDqghZTC2WAPHn4kMLJ31z4gpPlO9mh23rezgKIoinJjyKap34+fGhSsyKfhT0gLmzOfA+5wyuNNun2ezZr/qCpwCs862/sDHnVNEsfw+fF3XSbhwUDDC5ancEEGS4BluNDOZqyK+o0CIL66raxWNpOvS40THl/NYJ6gaDws+HhPRmD6ypUvVpt/qrPw72nkj1BHwCQhH1XCnQTKJMD7Sc7hzgLC4C2ZE1GnvIsn019/CAucBUwSzLwII78LSyoJFEm4htcSOEikSyK8HMLxF0beKxwJUINWTL24xY/ZLdbNB+pBURTlHtkBLbeHaK/uovgAAAAASUVORK5CYII=);
}
.host-actions-dropdown .Select.is-open .Select-control .Select-placeholder {
  color: #6a67fe;
}
.host-actions-dropdown .Select.is-open .Select-arrow {
  transform: rotate(180deg);
}
.host-actions-dropdown .Select-multi-value-wrapper {
  width: 55px;
}
.host-actions-dropdown .Select > .Select-menu-outer {
  right: 0;
  min-width: -moz-max-content;
  min-width: max-content;
}
.host-actions-dropdown .actions-dropdown-select__menu {
  min-width: 200px;
}

.bootstrap-package-modal__package-name {
  margin: 0 0 0.25rem;
}
.bootstrap-package-modal__details {
  background-color: #e2e4ea;
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
  color: #3e4771;
  padding: 10px;
  border: 1px solid #e2e4ea;
  margin: 0;
  border-radius: 4px;
}

.cancel-activity-modal__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cancel-activity-modal__content > p {
  margin: 0;
}

.disk-encryption-key-modal .input-field {
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
}

.lock-modal p {
  margin: 0;
}
.lock-modal__modal-content {
  display: grid;
  gap: 1.5rem;
}
.lock-modal__lock-checkbox {
  margin-top: 0.5rem;
}
.lock-modal__description {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.lock-modal h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: normal;
}
.lock-modal__ios-ipad-lock-preview {
  margin-top: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.lock-modal__ios-ipad-lock-preview img {
  width: 250px;
  margin: 0 auto;
  margin-bottom: -2rem;
}

.run-script-modal {
  box-sizing: border-box;
  width: 811px;
}
.run-script-modal__modal-content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 729px;
  margin-bottom: 9px;
}
.run-script-modal__modal-content .empty-table__container {
  max-width: none;
  margin: 0 0 20px 0;
  align-self: center;
}
.run-script-modal .modal-cta-wrap {
  margin: 0.25rem 0 0 0;
}
.run-script-modal__loading .modal__header,
.run-script-modal__loading .modal-cta-wrap {
  opacity: 0.6;
}
.run-script-modal .run-script-action--disabled {
  cursor: pointer;
  color: #8b8fa2;
  display: flex;
  padding: 5px;
  justify-content: center;
  align-items: center;
  gap: 9px;
}

.select-query-modal {
  min-height: 400px;
  height: 90%;
  overflow: hidden;
}
.select-query-modal .modal__content-wrapper {
  height: 95%;
}
.select-query-modal .modal__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
}
.select-query-modal__query-selection {
  overflow-y: auto;
}
.select-query-modal__query-selection .children-wrapper {
  width: 680px;
}
.select-query-modal__no-queries {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}
.select-query-modal .info__header, .select-query-modal .info__data {
  display: block;
  color: #192147;
  font-size: 0.875rem;
  text-align: center;
}
.select-query-modal .info__header {
  font-weight: 600;
}

.unlock-modal p {
  margin: 0;
}
.unlock-modal__modal-content {
  display: grid;
  gap: 1.5rem;
}
.unlock-modal__pin {
  display: flex;
  flex-direction: column;
}

.wipe-modal p {
  margin: 0;
}
.wipe-modal__modal-content {
  display: grid;
  gap: 1.5rem;
}
.wipe-modal__wipe-checkbox {
  margin-top: 0.5rem;
}

.host-query-report {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.host-query-report .section {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #e2e4ea;
  padding: 2.5rem;
  box-shadow: 0px 3px 0px rgba(226, 228, 234, 0.4);
}
.host-query-report h1 {
  font-weight: 600;
}
.host-query-report__header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.host-query-report__header__row2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.hqr-table {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.hqr-table .performance-impact {
  font-size: 0.875rem;
}
.hqr-table .last-fetched {
  font-weight: initial;
  color: #8b8fa2;
}
.hqr-table__results-cta {
  display: flex;
  gap: 1rem;
}
.hqr-table__query-info {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 0.25rem;
}
.hqr-table__query-info h2 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0;
}
.hqr-table__query-info h3 {
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0;
}
@media (max-width: 880px) {
  .hqr-table__query-info {
    flex-direction: column;
    gap: 1rem;
  }
}
.hqr-table .data-table {
  overflow-x: scroll;
}
.hqr-table .empty-table__container {
  margin: 1.5rem auto 48px;
}

.certificate-details-modal__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-height: 600px;
  overflow-y: auto;
}
.certificate-details-modal h3 {
  margin: 0;
  font-size: 1rem;
}
.certificate-details-modal__section {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  padding-top: 1.5rem;
  border-top: 1px solid #e2e4ea;
}
.certificate-details-modal__section:first-child {
  padding-top: 0;
  border-top: none;
}

.inventory-versions-modal__content {
  max-height: 581px;
  overflow-y: auto;
}
.inventory-versions-modal .data-set__horizontal {
  flex-direction: row;
}

.location-modal__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.location-modal__location, .location-modal__message {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.os-settings-table .data-table-block .data-table__wrapper {
  width: initial;
}
.os-settings-table .data-table-block .data-table tbody td .os-settings-name-cell {
  max-width: 166px;
}
.os-settings-table .data-table-block .data-table tbody td .os-settings-error-cell {
  width: 237px;
}
.os-settings-table .statusText__cell {
  white-space: nowrap;
}
.os-settings-table .resend-link:not(.os-settings-error-cell__resending) {
  opacity: 0;
  transition: opacity 250ms;
}
.os-settings-table tr:hover .resend-link:not(.os-settings-error-cell__resending) {
  opacity: 1;
}

.os-settings-error-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.os-settings-error-cell__failed-message {
  min-width: 168px;
}
.os-settings-error-cell__failed-message .data-table__tooltip-truncated-text--cell {
  display: block;
}
.os-settings-error-cell__resend-button {
  width: 106px;
  display: flex;
}
.os-settings-error-cell__resend-button .children-wrapper {
  display: flex;
}
.os-settings-error-cell__resend-button .children-wrapper .icon {
  vertical-align: middle;
  margin-right: 8px;
}
.os-settings-error-cell__resending {
  color: #6a67fe;
  cursor: default;
  font-size: 0.875rem;
  height: 38px;
  opacity: 50%;
  filter: saturate(100%);
}
.os-settings-error-cell__resending .icon {
  vertical-align: middle;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
    transform-origin: center center;
  }
  100% {
    transform: rotate(360deg);
    transform-origin: center center;
  }
}

.os-settings-name-cell {
  display: flex;
  gap: 0.5rem;
}
.os-settings-name-cell__scope-tooltip {
  text-align: center;
}

.data-table-block .data-table tbody td .os-settings-name-cell__name-tooltip {
  max-width: 142px;
  min-width: auto;
}

.os-settings-status-cell {
  display: flex;
  gap: 4px;
}
.os-settings-status-cell__button {
  font-weight: normal;
}
.os-settings-status-cell .icon {
  width: 16px;
  height: 16px;
  align-self: center;
}
.os-settings-status-cell .__react_component_tooltip {
  white-space: normal;
  font-size: 0.75rem;
}
.os-settings-status-cell__status-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: auto;
}

.profile-status-indicator {
  display: flex;
  gap: 4px;
}
.profile-status-indicator__button {
  font-weight: normal;
}
.profile-status-indicator .icon {
  width: 16px;
  height: 16px;
  align-self: center;
}
.profile-status-indicator .__react_component_tooltip {
  white-space: normal;
}

.manage-hosts {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.manage-hosts__header-wrap {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.manage-hosts__button-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.manage-hosts .ace-fleet {
  margin-bottom: 1rem;
}
.manage-hosts__header {
  display: flex;
  align-items: center;
}
.manage-hosts__header .form-field {
  margin-bottom: 0;
}
.manage-hosts__text {
  margin-right: 1.5rem;
}
.manage-hosts__title {
  font-size: 1.5rem;
}
.manage-hosts__title .fleeticon {
  color: #3e4771;
  margin-right: 15px;
}
.manage-hosts__title .fleeticon-success-check {
  color: #3db67b;
}
.manage-hosts__title .fleeticon-offline {
  color: #d66c7b;
}
.manage-hosts__label-actions button:first-child {
  margin-right: 1rem;
}
.manage-hosts__label-block .title {
  display: flex;
  align-items: center;
}
.manage-hosts__label-block .title span {
  font-size: 0.875rem;
  font-weight: 600;
}
.manage-hosts__label-block .title button {
  margin-left: 0.5rem;
  padding: 0;
  height: auto;
}
.manage-hosts__label-block .title button img {
  margin: 0;
}
.manage-hosts__label-block .description span {
  vertical-align: text-top;
  font-size: 0.875rem;
  opacity: 0.5;
}
.manage-hosts__toggle-view .fleeticon {
  width: 24px;
  height: 24px;
  margin-left: 12px;
  fill: #e3e3e3;
}
.manage-hosts__toggle-view--active .fleeticon {
  fill: #ae6ddf;
}
.manage-hosts .table-container__header-left .controls {
  display: flex;
  align-items: center;
}
.manage-hosts .table-container__header-left .controls .manage-hosts__filter-dropdowns {
  display: flex;
  flex-direction: row;
  margin-left: 1rem;
  align-items: center;
}
.manage-hosts .table-container__header-left .controls .manage-hosts__filter-dropdowns .manage-hosts__status-filter .Select-control,
.manage-hosts .table-container__header-left .controls .manage-hosts__filter-dropdowns .manage-hosts__status-filter .Select-input {
  height: 33px;
}
.manage-hosts .table-container__header-left .controls .manage-hosts__filter-dropdowns .manage-hosts__status-filter .Select-value {
  line-height: 36px;
}
@media (max-width: 1180px) {
  .manage-hosts .table-container__header {
    flex-direction: column;
  }
  .manage-hosts .table-container .table-container__search {
    order: 1;
    width: 100%;
  }
  .manage-hosts .table-container .table-container__search .table-container__search-input {
    margin-left: 0;
  }
  .manage-hosts .table-container .table-container__search .table-container__search-input .input-with-icon {
    width: 100%;
  }
  .manage-hosts .table-container .table-container__search .table-container__search-input .search-field__input-wrapper {
    width: auto;
  }
  .manage-hosts .table-container__header-left {
    order: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .manage-hosts .table-container__header-left .results-count {
    order: 2;
  }
  .manage-hosts .table-container__header-left .controls {
    order: -2;
  }
  .manage-hosts .table-container__header-left .controls .manage-hosts__filter-dropdowns {
    display: flex;
    flex-direction: row;
    flex: 1;
  }
  .manage-hosts .table-container__header-left .controls .manage-hosts__filter-dropdowns .form-field--dropdown,
  .manage-hosts .table-container__header-left .controls .manage-hosts__filter-dropdowns .manage-hosts__label-filter-dropdown {
    flex: 1;
  }
  .manage-hosts .table-container__header-left .controls .manage-hosts__filter-dropdowns .manage-hosts__status-filter {
    width: auto;
  }
}
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__wrapper {
  overflow-x: auto;
}
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .issues__cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .issues__cell .issue-cell__icon {
  display: flex;
  align-items: center;
}
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .device_mapping__cell .text-cell,
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .mdm_enrollment_status__cell .text-cell,
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .mdm_server_url__cell .text-cell,
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .public_ip__cell .text-cell,
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .issues__cell .text-cell {
  display: inline;
}
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .device_mapping__cell .text-muted,
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .mdm_enrollment_status__cell .text-muted,
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .mdm_server_url__cell .text-muted,
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .public_ip__cell .text-muted,
.manage-hosts .table-container .table-container__data-table-block .data-table-block .data-table__table tbody .issues__cell .text-muted {
  color: #8b8fa2;
}
.manage-hosts .form-field--dropdown {
  margin: 0;
}
.manage-hosts__status-filter {
  width: 195px;
}
.manage-hosts__status-filter .Select-menu-outer {
  width: 364px;
  max-height: -moz-min-content;
  max-height: min-content;
}
.manage-hosts__status-filter .Select-menu-outer .Select-menu {
  max-height: none;
}
.manage-hosts__status-filter .Select-value {
  padding-left: 1rem;
  padding-right: 1rem;
}
.manage-hosts__status-filter .Select-value-label {
  padding-left: 1.5rem;
  font-size: 1rem !important;
}
.manage-hosts__label-filter-dropdown {
  margin-left: 1rem;
}
.manage-hosts__info-banners {
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
}

.bootstrap-package-status-filter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.bootstrap-package-status-filter__status-filter {
  width: 170px;
}
.bootstrap-package-status-filter__status-filter .Select-menu-outer {
  width: 170px;
  max-height: 310px;
}
.bootstrap-package-status-filter__status-filter .Select-menu-outer .Select-menu {
  max-height: none;
}
.bootstrap-package-status-filter__status-filter .Select-menu-outer .Select-menu .dropdown__option {
  font-size: 1rem !important;
}
.bootstrap-package-status-filter__status-filter .Select-value {
  padding-left: 1rem;
  padding-right: 1rem;
}
.bootstrap-package-status-filter__status-filter .Select-value::before {
  display: inline-block;
  position: absolute;
  padding: 5px 0 0 0;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGwSURBVHgB7ZU9TwJBEIZnr0CjCaHE2CydJT8BC9AWNbGxABOjHSa2GuUHGLG2MCY2JhpbPwrwF0hpx3ZSEmKBza2zJ+rhfTB3t2c03pNscrs3sO/tzOwLkPDHYBADGV7ITBmpmpSsgNPCcLktpWx0xd0Z/KSgLF/kjMkmPnKPEIFC57viRri9NEAzY8QoLMHqFCFuQVlerNjF7NTW4Kl9ZY367pY9lE9CatvtPxwpm+XFvMmMI/jKfSjqe5uwUS2PrB0en1vDgxamsuoQNJNb6ID/kZNQp5JOT4+s9fsvMJdf8fuZ0F5DUXEIUh0gJbQgIien1461i8t7z3i1pyHNsta2z/LSAWNs/2Ou6mh1ufQp0F4/+OEVbH3HnaRVEMdWfmUTjzC+BsVz5zbn9kJrDQnR6qmUq0e/sGGMK7FYhwJv7AoDs4Y3ZV7N3+uSPQxg0OihcNAhKIpHUSELiupRVMg1FNWjtArS4VF+oDswNTALwb0shEdRUV62HtjLQnoUlV/nZTKwlwX1KK+Nvw/cs4letkRqex0eRYUkSIdHUSHVkA6PohLYy8J6VELCv+UNduDfXGb6FkoAAAAASUVORK5CYII=);
  transform: scale(0.5);
  width: 16px;
  height: 26px;
  left: 2px;
}
.bootstrap-package-status-filter__status-filter .Select-value-label {
  padding-left: 1.5rem;
  font-size: 1rem !important;
}

.custom-label-group-heading__label-title {
  color: #192147;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: none;
}
.custom-label-group-heading__labels-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
}
.custom-label-group-heading__field {
  position: relative;
}
.custom-label-group-heading__field .icon {
  position: absolute;
  left: 12px;
  top: 12px;
}
.custom-label-group-heading__input {
  width: 100%;
  line-height: 1.5;
  background-color: #ffffff;
  border: solid 1px #e2e4ea;
  border-radius: 4px;
  font-size: 1rem;
  padding: 9.5px 12px 9.5px 36px;
  color: #3e4771;
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  box-sizing: border-box;
  height: 36px;
  margin-bottom: 1rem;
}
.custom-label-group-heading__input::-moz-placeholder {
  color: #8b8fa2;
}
.custom-label-group-heading__input::placeholder {
  color: #8b8fa2;
}
.custom-label-group-heading__input:focus, .custom-label-group-heading__input:hover {
  outline: none;
  border-color: #515774;
}
.custom-label-group-heading__input:focus + .icon svg path, .custom-label-group-heading__input:hover + .icon svg path {
  fill: #515774;
}
.custom-label-group-heading__input--disabled {
  color: #8b8fa2;
}
.custom-label-group-heading__input--error {
  color: #ff5c83;
  border: 1px solid #ff5c83;
  box-sizing: border-box;
  border-radius: 4px;
}
.custom-label-group-heading__input--error:focus {
  border-color: #d66c7b;
  background-color: #ffffff;
  color: #192147;
}
.custom-label-group-heading__input__textarea {
  min-height: 100px;
  max-width: 100%;
  display: block;
}
.custom-label-group-heading__input__label {
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  color: #192147;
  margin-bottom: 0.25rem;
}
.custom-label-group-heading__input__label--error {
  font-weight: 600;
  color: #d66c7b;
}
.custom-label-group-heading__input__wrapper {
  margin-bottom: 1rem;
}
.custom-label-group-heading__input__help-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: 1px;
  color: #3e4771;
}
.custom-label-group-heading__input__help-text code {
  color: #515774;
  background-color: #e3e3e3;
  padding: 0.125rem;
  font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
}

.disk-encryption-status-filter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.disk-encryption-status-filter__status-filter {
  width: 240px;
}
.disk-encryption-status-filter__status-filter .Select-menu-outer {
  width: 240px;
  max-height: 310px;
}
.disk-encryption-status-filter__status-filter .Select-menu-outer .Select-menu {
  max-height: none;
}
.disk-encryption-status-filter__status-filter .Select-menu-outer .Select-menu .dropdown__option {
  font-size: 1rem !important;
}
.disk-encryption-status-filter__status-filter .Select-value {
  padding-left: 1rem;
  padding-right: 1rem;
}
.disk-encryption-status-filter__status-filter .Select-value::before {
  display: inline-block;
  position: absolute;
  padding: 5px 0 0 0;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGwSURBVHgB7ZU9TwJBEIZnr0CjCaHE2CydJT8BC9AWNbGxABOjHSa2GuUHGLG2MCY2JhpbPwrwF0hpx3ZSEmKBza2zJ+rhfTB3t2c03pNscrs3sO/tzOwLkPDHYBADGV7ITBmpmpSsgNPCcLktpWx0xd0Z/KSgLF/kjMkmPnKPEIFC57viRri9NEAzY8QoLMHqFCFuQVlerNjF7NTW4Kl9ZY367pY9lE9CatvtPxwpm+XFvMmMI/jKfSjqe5uwUS2PrB0en1vDgxamsuoQNJNb6ID/kZNQp5JOT4+s9fsvMJdf8fuZ0F5DUXEIUh0gJbQgIien1461i8t7z3i1pyHNsta2z/LSAWNs/2Ou6mh1ufQp0F4/+OEVbH3HnaRVEMdWfmUTjzC+BsVz5zbn9kJrDQnR6qmUq0e/sGGMK7FYhwJv7AoDs4Y3ZV7N3+uSPQxg0OihcNAhKIpHUSELiupRVMg1FNWjtArS4VF+oDswNTALwb0shEdRUV62HtjLQnoUlV/nZTKwlwX1KK+Nvw/cs4letkRqex0eRYUkSIdHUSHVkA6PohLYy8J6VELCv+UNduDfXGb6FkoAAAAASUVORK5CYII=);
  transform: scale(0.5);
  width: 16px;
  height: 26px;
  left: 2px;
}
.disk-encryption-status-filter__status-filter .Select-value-label {
  padding-left: 1.5rem;
  font-size: 1rem !important;
}

.edit-columns-modal__column-headers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.filter-pill__label {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid #c5c7d1;
  border-radius: 4px;
  box-shadow: none;
  color: #192147;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: default;
  gap: 1rem;
}
.filter-pill__label button {
  margin: -0.5rem;
}
.filter-pill__label .premium-icon-tip .premium-feature-icon {
  position: relative;
  margin-right: 6px;
}
.filter-pill__tooltip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 166px;
}

.hosts-filter-block__labels-active-filter-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.hosts-filter-block__labels-active-filter-wrap .form-field {
  width: initial;
}
.hosts-filter-block__labels-active-filter-wrap .Select-multi-value-wrapper {
  display: flex;
  align-items: center;
}
.hosts-filter-block__labels-active-filter-wrap__action-btn svg {
  padding: 0.5rem;
}
.hosts-filter-block__os_settings-dropdown .dropdown__select, .hosts-filter-block__macsettings-dropdown .dropdown__select, .hosts-filter-block__sw-install-status-dropdown .dropdown__select, .hosts-filter-block__script-batch-status-dropdown .dropdown__select {
  border: 1px solid #e2e4ea;
}
.hosts-filter-block__os_settings-dropdown .Select-multi-value-wrapper, .hosts-filter-block__macsettings-dropdown .Select-multi-value-wrapper, .hosts-filter-block__sw-install-status-dropdown .Select-multi-value-wrapper, .hosts-filter-block__script-batch-status-dropdown .Select-multi-value-wrapper {
  width: 150px;
}
.hosts-filter-block__multi-filter {
  display: flex;
  gap: 0.5rem;
}

.label-filter-select {
  width: 305px;
}
.label-filter-select svg {
  transition: transform 0.25s ease;
}
.label-filter-select:hover .custom-dropdown-indicator path {
  stroke: #515774;
}
.label-filter-select:hover .filter-icon path {
  fill: #515774;
}
.label-filter-select .label-filter-select__control {
  border: 1px solid #e2e4ea;
  background-color: #ffffff;
  border-radius: 4px;
  height: 36px;
}
.label-filter-select .label-filter-select__control:hover {
  cursor: pointer;
  border: 1px solid #8b8fa2;
}
.label-filter-select .label-filter-select__control--is-focused, .label-filter-select .label-filter-select__control--menu-is-open {
  box-shadow: none;
  border: 1px solid #192147;
}
.label-filter-select .label-filter-select__control--menu-is-open .custom-dropdown-indicator svg {
  transform: rotate(180deg);
  transition: transform 0.25s ease;
}
.label-filter-select .label-filter-select__control--menu-is-open .filter-icon path {
  fill: #515774;
}
.label-filter-select .label-filter-select__value-container {
  display: flex;
  gap: 0.5rem;
  margin-left: 0.25rem;
}
.label-filter-select .label-filter-select__single-value,
.label-filter-select .label-filter-select__placeholder {
  color: #192147;
  font-size: 0.875rem;
}
.label-filter-select .label-filter-select__single-value {
  max-width: 84%;
}
.label-filter-select .label-filter-select__placeholder {
  width: 215px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1180px) {
  .label-filter-select .label-filter-select__placeholder {
    width: auto;
  }
}
.label-filter-select .label-filter-select__indicator-separator {
  display: none;
}
.label-filter-select .label-filter-select__indicator {
  color: #192147;
  padding: 0;
  padding-right: 0.5rem;
}
.label-filter-select .label-filter-select__menu {
  width: 300px;
  margin-top: 0;
  z-index: 2;
  animation: fade-in 150ms ease-out;
}
.label-filter-select .label-filter-select__menu-list {
  max-height: 574px;
  padding: 0.5rem 1rem;
}
.label-filter-select .label-filter-select__option {
  padding: 10px 1rem;
  border-radius: 4px;
}
.label-filter-select .label-filter-select__option:hover {
  cursor: pointer;
}
.label-filter-select .label-filter-select__option--is-selected {
  background-color: transparent;
}
.label-filter-select .label-filter-select__option--is-selected .option-label span {
  font-weight: 600;
}
.label-filter-select .label-filter-select__option--is-focused {
  background-color: #f4f4f6;
}
.label-filter-select .label-filter-select__option--is-focused:active {
  background-color: #e2e4ea;
}
.label-filter-select .label-filter-select__option--is-disabled:active {
  background-color: transparent;
}
.label-filter-select .label-filter-select__group-heading {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0;
}
.label-filter-select .option-label {
  display: flex;
  align-items: center;
}
.label-filter-select .option-label span {
  font-size: 0.875rem;
  font-weight: 400;
  color: #192147;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.label-filter-select .option-label .option-icon {
  margin-right: 0.5rem;
}
.label-filter-select__custom-dropdown-indicator:hover {
  cursor: pointer;
}

@media (min-width: 1180px) {
  .label-filter-select {
    min-width: 305px;
  }
  .label-filter-select__single-value {
    max-width: 210px !important;
  }
}
.policies-filter .Select-multi-value-wrapper {
  width: 91px;
}

.run-script-batch-modal__hide-main {
  visibility: hidden;
}
.run-script-batch-modal .empty-table__info {
  font-size: 0.875rem;
}
.run-script-batch-modal__script-run-mode-form {
  margin-top: 1.5rem;
}
.run-script-batch-modal__script-schedule-form .date-time-inputs {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
}

.modal__background:has(.run-script-batch-modal.run-script-batch-modal__hide-main) {
  visibility: hidden;
}

.run-script-batch-paginated-list .paginated-list__row {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1.5rem;
}
.run-script-batch-paginated-list .paginated-list__row .button > .children-wrapper {
  opacity: 0;
  transition: opacity 250ms;
}
.run-script-batch-paginated-list .paginated-list__row:hover .button > .children-wrapper {
  opacity: 1;
}
.run-script-batch-paginated-list .loading-spinner.centered {
  margin: auto;
}

.label-form__label-title, .label-form__label-description {
  width: 100%;
  resize: vertical;
}
.label-form__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.label-form__help-text .custom-link,
.label-form__help-text button {
  font-size: inherit;
}
.label-form__label-platform {
  font-size: 0.875rem;
  font-weight: 400;
  color: #192147;
  padding-bottom: 1.5rem;
}
.label-form__label-platform p {
  padding-bottom: 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.label-form__label-platform .title {
  font-weight: 600;
}
.label-form__label-platform .help-text {
  color: #3e4771;
  padding-top: 0.5rem;
}

.edit-label-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.manage-labels-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.manage-labels-page__header-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.manage-labels-page__header {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.manage-labels-page__text {
  margin-right: 1.5rem;
}
.manage-labels-page__title h1 {
  margin: 0;
}
.manage-labels-page__action-button-container {
  display: flex;
  align-items: center;
}

.labels-table .view-all-hosts-link,
.labels-table .view-all-hosts-link * {
  text-decoration: none;
  color: initial;
  font-weight: initial;
  font-size: 0.875rem;
}

.new-label-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  overflow: visible;
}
.new-label-page__header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.new-label-page__page-description {
  margin: 0;
  color: #515774;
  font-size: 0.75rem;
  font-style: italic;
}
.new-label-page__label-name, .new-label-page__label-description {
  width: 100%;
  resize: vertical;
}
.new-label-page__label-platform {
  font-size: 0.875rem;
  font-weight: 400;
  color: #192147;
  padding-bottom: 1.5rem;
}
.new-label-page__label-platform p {
  padding-bottom: 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
}
.new-label-page__label-platform .title {
  font-weight: 600;
}
.new-label-page__label-platform .help-text {
  color: #3e4771;
  padding-top: 0.5rem;
}
.new-label-page__host_vitals-fields {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.new-label-page__host_vitals-fields #criterion-and-value {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.new-label-page__host_vitals-fields .form-field--dropdown .Select {
  width: 300px;
}
.new-label-page__host_vitals-fields p {
  white-space: nowrap;
}
.new-label-page__host_vitals-fields dropdown__select--error.Select {
  border: initial;
}

.login-page__loading-spinner.centered {
  margin: 0;
  position: absolute;
  left: 50vw;
  top: 40vh;
}

.login-form-animation-leave {
  transform: scale(1);
  opacity: 1;
}
.login-form-animation-leave.login-form-animation-leave-active {
  transition: opacity 300ms ease-in, transform 300ms ease-in;
  transform: scale(1.3);
  opacity: 0;
}

.manage-controls-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.manage-controls-page__header-wrap {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.manage-controls-page__header-wrap .button-wrap {
  display: flex;
  justify-content: flex-end;
  min-width: 266px;
}
.manage-controls-page__header {
  display: flex;
  align-items: center;
}
.manage-controls-page__header .form-field {
  margin-bottom: 0;
}
.manage-controls-page__text {
  margin-right: 1.5rem;
}
.manage-controls-page__title {
  font-size: 1.5rem;
}
.manage-controls-page__description {
  margin: 0;
  margin-bottom: 1.5rem;
  max-width: 75%;
}
@media (min-width: 990px) {
  .manage-controls-page__description {
    max-width: none;
  }
}
.manage-controls-page__description h2 {
  text-transform: uppercase;
  color: #192147;
  font-size: 1rem;
}
.manage-controls-page__description p {
  color: #515774;
  margin: 0;
  font-size: 0.875rem;
  font-style: italic;
}

.upload-list {
  border: 1px solid #e2e4ea;
  border-radius: 4px;
}
.upload-list__header {
  padding: 1rem 1.5rem;
  font-size: 0.875rem;
  border-bottom: 1px solid #e2e4ea;
  background-color: #f9fafc;
}
.upload-list__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.upload-list__list-item {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e2e4ea;
}
.upload-list__list-item:last-child {
  border-bottom: initial;
}
.upload-list__list-item:hover {
  background-color: #f9fafc;
}

.upload-list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  font-weight: 600;
}
.upload-list-heading__upload-name-heading {
  align-content: center;
}
.upload-list-heading__actions-heading {
  margin: -1rem 0;
}
.upload-list-heading__add-button {
  vertical-align: middle;
}

.os-settings {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.os-settings__description {
  margin: 0;
}
.os-settings__side-nav .side-nav__nav-list {
  top: 0;
}
.os-settings .side-nav__card-container > .custom-settings {
  max-width: none;
}
@media (max-width: 1120px) {
  .os-settings .side-nav__card-container .side-nav__nav-list {
    padding-right: 0;
  }
}

.certificates {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.certificates__mdm-disabled-message {
  border: 1px solid #e2e4ea;
}
.certificates .list-item__title {
  max-width: 56.25rem;
  width: 36vw;
}

.add-cert-card {
  height: 10rem;
}
.add-cert-card__content-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}
.add-cert-card__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.add-cert-card__text p {
  margin: 0;
}

.add-certificate-modal form {
  padding-bottom: 0;
}
.add-certificate-modal .form-field {
  margin-bottom: 1.5rem;
}
.add-certificate-modal textarea {
  min-height: 100px;
  font-family: "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
}

.custom-settings {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.custom-settings .upload-list__list .list-item__label-count {
  align-self: center;
}
.custom-settings .upload-list__list .list-item__actions {
  display: none;
}
.custom-settings .upload-list__list :hover:not(.component__tooltip-wrapper__tip-text):not(.custom-link--tooltip-link) {
  background-color: #f9fafc;
}
.custom-settings .upload-list__list :hover:not(.component__tooltip-wrapper__tip-text):not(.custom-link--tooltip-link) .list-item__labels {
  display: none;
}
.custom-settings .upload-list__list :hover:not(.component__tooltip-wrapper__tip-text):not(.custom-link--tooltip-link) .list-item__actions {
  display: flex;
  gap: 2.5rem;
}
.custom-settings .turn-on-mdm-message {
  border: 0.0625rem;
  border-color: #e2e4ea;
  border-style: solid;
  border-radius: 0.375rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  width: 100%;
  margin: 2rem 0 0;
  max-width: none;
}

.upload-profile-invalid-keys-error {
  display: flex;
}

.config-profile-host-count-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.config-profile-host-count-cell .children-wrapper .icon {
  vertical-align: middle;
  margin-right: 8px;
}

.config-profile-status-table .config-profile-host-count-cell__resend-button {
  transition: opacity 250ms;
  opacity: 0;
}
.config-profile-status-table tr:hover .config-profile-host-count-cell__resend-button {
  opacity: 1;
}

.delete-profile-modal__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.delete-profile-modal__content p {
  margin: 0;
}
.delete-profile-modal__profile-name {
  font-weight: 600;
}

.profile-labels-modal__description {
  font-size: 0.875rem;
  margin: 1.5rem 0 1rem;
}
.profile-labels-modal__labels-list {
  border-radius: 6px;
  border: 1px solid #e2e4ea;
  padding: 0;
  margin: 0;
}
.profile-labels-modal__labels-list--label {
  display: flex;
  height: 41px;
  padding: 0 1.5rem;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e2e4ea;
}
.profile-labels-modal__labels-list--label .warning {
  display: flex;
  padding: 0;
  gap: 0.5rem;
}
.profile-labels-modal__labels-list--label:last-of-type {
  border-bottom: none;
}

.profile-list-item__profile-details {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  color: #515774;
}
.profile-list-item__list-item-details {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  font-size: 0.75rem;
}
.profile-list-item__action-button {
  width: 40px;
  height: 40px;
}
.profile-list-item .list-item__actions-wrap {
  display: flex;
}
.profile-list-item .list-item__labels {
  display: flex;
  gap: 0.5rem;
}
.profile-list-item .list-item__labels--count {
  align-self: center;
  color: #515774;
  font-size: 0.875rem;
}
.profile-list-item:hover .list-item__labels {
  display: none;
}

.add-profile-card {
  font-size: 0.875rem;
}
.add-profile-card__card--content-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.add-profile-card__profile-graphic {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.add-profile-card__profile-graphic--message {
  text-align: center;
  line-height: 20px;
  color: #8b8fa2;
}
.add-profile-card__profile-graphic--title {
  color: #515774;
  font-weight: 600;
}

.add-profile-modal__modal-content-wrap {
  margin-top: 1.5rem;
}
.add-profile-modal__modal-content-wrap .add-profile__file {
  padding: 1rem 1.5rem;
}
.add-profile-modal__upload-button {
  margin-top: 8px;
}
.add-profile-modal__file-chooser {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1rem;
}
.add-profile-modal__file-chooser input {
  display: none;
}
.add-profile-modal__file-chooser--button-wrap {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
  height: 36px;
  align-items: center;
}
.add-profile-modal__selected-file {
  display: flex;
  gap: 16px;
}
.add-profile-modal__selected-file--details {
  display: flex;
  flex-direction: column;
}
.add-profile-modal__selected-file--details--name {
  font-size: 0.875rem;
  font-weight: 600;
}
.add-profile-modal__selected-file--details--platform {
  font-size: 0.875rem;
  color: #515774;
}
.add-profile-modal__profile-graphic {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.add-profile-modal__profile-graphic--message {
  text-align: center;
  line-height: 20px;
  color: #8b8fa2;
}
.add-profile-modal__profile-graphic--title {
  color: #515774;
  font-weight: 600;
}
.add-profile-modal__button-wrap {
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
}
.add-profile-modal__target {
  margin: 1.5rem 0;
}
.add-profile-modal__custom-label-chooser {
  margin-top: 1rem;
}
.add-profile-modal__description {
  margin: 1rem 0;
}
.add-profile-modal__no-labels {
  display: flex;
  height: 187px;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
}
.add-profile-modal__no-labels span {
  color: #515774;
}
.add-profile-modal__checkboxes {
  display: flex;
  max-height: 187px;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #e2e4ea;
  overflow-y: auto;
}
.add-profile-modal__checkboxes .loading-spinner {
  margin: 69.5px auto;
}
.add-profile-modal__label {
  width: 100%;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.add-profile-modal__label:not(:last-child) {
  border-bottom: 1px solid #e2e4ea;
}
.add-profile-modal__label .form-field--checkbox {
  width: auto;
}
.add-profile-modal__label-name {
  padding-left: 1.5rem;
}
.add-profile-modal .fleet-checkbox {
  height: 20px;
  display: flex;
  align-items: center;
}
.add-profile-modal .fleet-checkbox__label {
  width: 490px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.disk-encryption {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.disk-encryption .premium-feature-message-container {
  justify-content: initial;
  align-items: initial;
}
.disk-encryption > p {
  margin: 0;
}
.disk-encryption .disk-encryption-content {
  animation: fade-in 250ms ease-out;
}
.disk-encryption .section-header__sub-title a {
  font-size: inherit;
  color: inherit;
}
.disk-encryption .data-table__wrapper {
  overflow-x: auto;
  box-sizing: border-box;
}

.disk-encryption-table .data-table-block .data-table tbody td .w250 {
  min-width: auto;
}
.disk-encryption-table .linkToFilteredHosts__header {
  width: auto;
  max-width: 120px;
  padding-left: 0 !important;
}
.disk-encryption-table .linkToFilteredHosts__cell {
  width: auto;
  max-width: 120px;
  padding-left: 0 !important;
}

@media (max-width: 1250px) {
  .view-hosts-link span {
    display: none;
  }
  .linkToFilteredHosts__header {
    width: 0;
  }
  .linkToFilteredHosts__header .column-header {
    width: 0;
  }
  .linkToFilteredHosts__cell {
    width: -moz-min-content;
    width: min-content;
  }
}
.profile-status-aggregate {
  display: flex;
  width: 100%;
  gap: 0.5rem;
}
.profile-status-aggregate:hover {
  border-color: #8b8fa2;
}
.profile-status-aggregate__loading-spinner {
  margin: auto;
}
.profile-status-aggregate__profile-status-count {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profile-status-aggregate__profile-status-count .tooltip {
  font-weight: 600;
  flex-direction: column;
}
.profile-status-aggregate__profile-status-count a {
  font-weight: 400;
}
.profile-status-aggregate__profile-status-count .profile-status-indicator {
  flex-direction: column;
}
.profile-status-aggregate__status-indicator-value {
  font-weight: 600;
}
.profile-status-aggregate__host-count {
  font-weight: 400;
}
.profile-status-aggregate .icon {
  margin-right: initial;
}

.os-updates {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.os-updates__description {
  margin: 0;
}
.os-updates__os-versions-card {
  margin-bottom: 2.5rem;
}
.os-updates__premium-feature-message {
  margin-top: 80px;
}
.os-updates__target-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.os-updates-current-version-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.os-updates-current-version-section__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e2e4ea;
  margin-bottom: 2.5rem;
}
.os-updates-current-version-section__error {
  padding: 2.5rem;
}
.os-updates-current-version-section .linkToFilteredHosts__header {
  width: auto;
  max-width: 120px;
}
.os-updates-current-version-section td {
  width: 100%;
  max-width: 352px;
}
@media (max-width: 990px) {
  .os-updates-current-version-section td {
    max-width: 252px !important;
  }
}

.os-requirement-preview {
  box-sizing: border-box;
  background-color: #f9fafc;
  border-radius: 4px;
  border: 1px solid #e2e4ea;
  padding: 2.5rem;
  flex-grow: 1;
}
.os-requirement-preview h3 {
  font-size: 1rem;
  margin: 0;
  font-weight: normal;
}
.os-requirement-preview__preview-img {
  margin-top: 2.5rem;
  width: 100%;
  display: block;
  max-width: 540px;
  margin: 40px auto 0;
}

.os-type-cell {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  gap: 0.5rem;
}
.os-type-cell__tooltip-wrapper {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.os-versions-empty-state {
  margin: 0 auto 2.5rem;
}
.os-versions-empty-state__empty-table {
  margin: 5rem auto;
}

.os-version-table .hosts-cell__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.os-version-table .os-hosts-link {
  opacity: 0;
  transition: 250ms;
}
.os-version-table tr:hover .os-hosts-link {
  opacity: 1;
}

.platform-tabs__tab-panel {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "target nudge-preview";
}
@media (max-width: 990px) {
  .platform-tabs__tab-panel {
    grid-template-columns: 1fr;
    grid-template-areas: "target" "nudge-preview";
  }
}
.platform-tabs__target-container {
  grid-area: target;
}
.platform-tabs__nudge-preview-container {
  grid-area: nudge-preview;
}
.platform-tabs__nudge-preview-container__coming-soon p {
  margin: 0;
  padding-bottom: 0.5rem;
}
.platform-tabs .apple-os-target-form,
.platform-tabs .windows-target-form {
  padding-right: 2rem;
}

.os-updates-target-section__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e2e4ea;
  margin-bottom: 2.5rem;
}
.os-updates-target-section__header h2 {
  font-size: 18px;
}

.scripts {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.scripts__description {
  margin: 0;
}
.scripts__premium-feature-message {
  margin-top: 5rem;
}
.scripts .list-item__actions {
  display: none;
}
.scripts .upload-list__list-item {
  padding: 0;
}
.scripts .upload-list__list-item .script-list-item {
  padding: 1rem 1.5rem;
}
.scripts .upload-list__list-item .script-list-item:hover {
  background-color: #f9fafc;
  cursor: pointer;
}
.scripts .upload-list__list-item .script-list-item:hover .list-item__actions {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.script-batch-progress {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 0.875rem;
}
.script-batch-progress__status-count {
  font-weight: 600;
}
.script-batch-progress .paginated-list__row {
  padding: 16px 24px;
}
.script-batch-progress .list-item__details {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.script-batch-progress .list-item__details .custom-link,
.script-batch-progress .list-item__details button {
  font-size: inherit;
}
.script-batch-progress__row-right {
  display: flex;
  gap: 16px;
  align-items: center;
}
.script-batch-progress__row-errors {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.script-batch-progress__row-errors .custom-link,
.script-batch-progress__row-errors button {
  font-size: inherit;
}
.script-batch-progress__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #e2e4ea;
  border-radius: 0.25rem;
  padding: 2.5rem;
  gap: 1.5rem;
  font-size: 1rem;
  gap: 0.5rem;
}
.script-batch-progress__empty p {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.script-batch-progress__empty p .custom-link,
.script-batch-progress__empty p button {
  font-size: inherit;
}
.script-batch-progress .paginated-list .loading-overlay {
  position: initial;
  top: initial;
  bottom: initial;
  left: initial;
  right: initial;
}

.script-library {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.delete-script-modal__script-name {
  font-weight: 600;
}

.edit-script-modal__hide-main {
  visibility: hidden;
}

.modal__background:has(.edit-script-modal.edit-script-modal__hide-main) {
  visibility: hidden;
}

.rerun-script-modal p {
  margin-top: 0;
  margin-bottom: 2rem;
}
.rerun-script-modal__script-name {
  font-weight: 600;
}

.script-list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  font-weight: 600;
}
.script-list-heading__heading-title {
  align-content: center;
}
.script-list-heading__heading-actions {
  margin: -1rem 0;
}
.script-list-heading__add-button {
  vertical-align: middle;
}

.script-list-item__action-button {
  width: 40px;
  height: 40px;
}
.script-list-item__details {
  display: flex;
  gap: 0.125rem;
  color: #515774;
}

.script-uploader {
  margin-top: 2.5rem;
}
.script-uploader.file-uploader {
  background-color: #f9fafc;
}
.script-uploader.file-uploader .file-uploader__message {
  color: #8b8fa2;
}
.script-uploader.file-uploader .file-uploader__title {
  color: #515774;
  font-size: 0.875rem;
  font-weight: 600;
}

.script-upload-modal__additional-info {
  font-size: 0.75rem;
}

.script-batch-details-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.script-batch-details-page__header {
  margin-bottom: 0;
}
.script-batch-details-page__header .section-header__sub-title {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: 0.875rem;
}
.script-batch-details-page__header .when {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.script-batch-details-page__tab-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.script-batch-details-page__tab-content__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
}
.script-batch-details-page__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #e2e4ea;
  border-radius: 4px;
  padding: 40px;
  gap: 8px;
  font-size: 1rem;
}
.script-batch-details-page__empty p {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.script-batch-details-page__empty p .custom-link,
.script-batch-details-page__empty p button {
  font-size: inherit;
}
.script-batch-details-page .back-link {
  align-self: flex-start;
}

.script-batch-hosts-table .host-name-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.script-batch-hosts-table .script-output-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.script-batch-hosts-table .script-output-cell .tooltip-truncated-text {
  max-width: 78%;
  white-space: nowrap;
}

.secrets-batch-paginated-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.secrets-batch-paginated-list__copy-message {
  font-weight: 400;
  font-size: 0.875rem;
  vertical-align: top;
  background-color: #fafafa;
  border: solid 1px #e2e4ea;
  border-radius: 10px;
  padding: 2px 6px;
  margin: -4px 0;
  vertical-align: bottom;
  font-size: 0.75rem;
  margin-left: 0.25rem;
}
.secrets-batch-paginated-list__page-header {
  display: flex;
  justify-content: space-between;
}
.secrets-batch-paginated-list__description {
  margin: 0;
}
.secrets-batch-paginated-list .paginated-list__row {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1.5rem;
  /* Make the main content column actually able to shrink so truncation can happen */
}
.secrets-batch-paginated-list .paginated-list__row .button > .children-wrapper {
  opacity: 0;
  transition: opacity 250ms;
  pointer-events: none;
}
.secrets-batch-paginated-list .paginated-list__row.paginated-list__header .button > .children-wrapper {
  opacity: 1;
  pointer-events: auto;
}
.secrets-batch-paginated-list .paginated-list__row .secrets-batch-paginated-list__copy-secret-icon {
  margin: -12px 0 -12px 4px;
  vertical-align: bottom;
}
.secrets-batch-paginated-list .paginated-list__row .secrets-batch-paginated-list__copy-secret-icon .children-wrapper {
  opacity: 1;
}
.secrets-batch-paginated-list .paginated-list__row:hover, .secrets-batch-paginated-list .paginated-list__row:focus-within {
  cursor: default;
}
.secrets-batch-paginated-list .paginated-list__row:hover .button > .children-wrapper, .secrets-batch-paginated-list .paginated-list__row:focus-within .button > .children-wrapper {
  opacity: 1;
}
.secrets-batch-paginated-list .paginated-list__row .list-item__details {
  color: #515774;
  min-width: 0;
}
.secrets-batch-paginated-list .paginated-list__row .list-item__details > span {
  display: flex;
}
.secrets-batch-paginated-list .paginated-list__row .list-item {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
.secrets-batch-paginated-list .paginated-list__row .list-item__main-content {
  flex: 1 1 auto;
  min-width: 0; /* for truncation */
}
.secrets-batch-paginated-list .paginated-list__row .list-item__info {
  min-width: 0; /* for truncation */
}
.secrets-batch-paginated-list .paginated-list__row .list-item__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.secrets-batch-paginated-list .paginated-list__row .secret-details__text {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.secrets-batch-paginated-list .loading-spinner.centered {
  margin: auto;
}
.secrets-batch-paginated-list__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  font-weight: 600;
  align-items: center;
}

.fleet-add-secret-modal__add-secret-form .form-field__help-text {
  text-overflow: ellipsis;
  overflow: hidden;
}

.fleet-delete-secret-modal__message span {
  display: inline-flex;
  gap: 4px;
  align-items: baseline;
}
.fleet-delete-secret-modal__message span .tooltip-truncated-text {
  max-width: 322px;
}
.fleet-delete-secret-modal__message span .tooltip-truncated-text .__react_component_tooltip {
  font-weight: 400;
}

.setup-experience {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}
.setup-experience__description {
  margin: 0;
}
.setup-experience__premium-feature-message {
  margin-top: 80px;
}
.setup-experience .turn-on-mdm-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #e2e4ea;
  border-radius: 0.25rem;
  padding: 2.5rem;
  gap: 1.5rem;
  font-size: 1rem;
  max-width: none;
  padding: 64px 170px;
  margin: 0;
}
.setup-experience .turn-on-mdm-message p {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.setup-experience .turn-on-mdm-message p .custom-link,
.setup-experience .turn-on-mdm-message p button {
  font-size: inherit;
}
.setup-experience .side-nav__nav-list {
  top: 0;
}

.bootstrap-package {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.bootstrap-package__uploader-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.bootstrap-advanced-options {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.bootstrap-advanced-options__accordion-title {
  justify-content: normal;
  align-self: flex-start;
}
.bootstrap-advanced-options__advanced-options-controls {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.bootstrap-advanced-options .button {
  width: -moz-fit-content;
  width: fit-content;
}

.bootstrap-package-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bootstrap-package-list-item__list-item-data {
  display: flex;
  align-items: center;
}
.bootstrap-package-list-item__list-item-info {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
}
.bootstrap-package-list-item__list-item-name {
  font-size: 0.875rem;
  font-weight: 600;
}
.bootstrap-package-list-item__list-item-uploaded {
  font-size: 0.75rem;
}
.bootstrap-package-list-item__list-item-actions {
  display: flex;
  justify-content: flex-end;
}
.bootstrap-package-list-item__list-item-button {
  width: 40px;
  height: 40px;
}
.bootstrap-package-list-item__list-item-button:not(:last-child) {
  margin-right: 1rem;
}
.bootstrap-package-list-item__list-item-button {
  align-items: center;
  justify-content: center;
}

.bootstrap-package-table {
  min-height: 191px;
}
.bootstrap-package-table .data-table-block .data-table tbody td .w250 {
  min-width: auto;
}
.bootstrap-package-table .data-table-block .data-table__wrapper {
  margin-top: 0;
}
@media (max-width: 1400px) {
  .bootstrap-package-table .view-hosts-link span {
    display: none;
  }
}

.bootstrap-package-uploader > p {
  font-size: 0.875rem;
  margin: 0 0 1.5rem;
}

.uploaded-package-view {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.uploaded-package-view > p {
  font-size: 0.875rem;
  margin: 0;
}

.end-user-authentication {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.end-user-auth-form form > p {
  font-size: 0.875rem;
  line-height: 1.75;
}

.install-software {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.add-install-software {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.add-install-software__description-container {
  line-height: 1rem;
}
.add-install-software__description {
  margin: 0;
}
.add-install-software__added-text {
  font-size: 0.875rem;
  line-height: 20px;
}
.add-install-software__added-text {
  font-weight: 600;
}
.add-install-software__manual-install-tooltip {
  text-align: center;
}
.add-install-software__macos_options_form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.add-install-software__macos_options_form button.reveal-button {
  align-self: flex-start;
}

.select-software-table .data-table.data-table__wrapper {
  max-height: 343px;
  overflow-y: auto;
}
.select-software-table__help-text {
  font-size: 0.75rem;
}

.run-script {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.run-script__description {
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.run-script__run-message {
  margin: 0 0 0.5rem;
  font-weight: 600;
}

.setup-experience-script-card {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.setup-experience-script-card__info {
  display: flex;
  flex-direction: column;
}
.setup-experience-script-card__profile-name {
  font-size: 0.875rem;
  font-weight: 600;
}
.setup-experience-script-card__uploaded-at {
  font-size: 0.75rem;
}
.setup-experience-script-card__actions {
  display: flex;
  gap: 1rem;
  flex: 1;
  justify-content: flex-end;
}
.setup-experience-script-card__download-button, .setup-experience-script-card__delete-button {
  padding: 11px;
}

.setup-assistant {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.setup-assistant__upload-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.setup-assistant__section-description {
  margin: 0;
}

.advanced-options-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.advanced-options-form__accordion-title {
  align-self: flex-start;
}

.setup-assistant-profile-card {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.setup-assistant-profile-card__info {
  display: flex;
  flex-direction: column;
}
.setup-assistant-profile-card__profile-name {
  font-size: 0.875rem;
  font-weight: 600;
}
.setup-assistant-profile-card__uploaded-at {
  font-size: 0.75rem;
}
.setup-assistant-profile-card__actions {
  display: flex;
  gap: 1rem;
  flex: 1;
  justify-content: flex-end;
}
.setup-assistant-profile-card__download-button, .setup-assistant-profile-card__delete-button {
  padding: 11px;
}

.setup-experience-content-container {
  max-width: 1600px;
}

.mdm-apple-sso-callback-page {
  height: 100vh;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdm-apple-sso-callback-page__eula-wrapper {
  width: 80vw;
  text-align: center;
}
.mdm-apple-sso-callback-page__eula-wrapper iframe {
  height: 65vh;
}
.mdm-apple-sso-callback-page__agree-btn {
  width: 80%;
}
.mdm-apple-sso-callback-page.form {
  height: auto;
}

.mdm-apple-sso-page {
  height: 100vh;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mdm-apple-sso-page.form {
  height: auto;
}
.mdm-apple-sso-page.form .mdm-apple-sso-page__sso-btn {
  width: 240px;
}
.mdm-apple-sso-page__transparency-link {
  text-align: center;
}
.mdm-apple-sso-page__transparency-link .custom-link {
  font-size: 0.625rem;
}

.mfa-page__description p {
  margin: 0;
}

.no-access-page__description p {
  margin: 0;
}

.edit-pack-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.has-sidebar > .edit-pack-page__content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

.manage-packs-page {
  font-size: 0.875rem;
}
.manage-packs-page__bulk-action-container {
  display: flex;
  align-items: center;
}
.manage-packs-page__header-wrap {
  display: flex;
  justify-content: space-between;
}
.manage-packs-page__description {
  margin: 0 0 40px;
  padding-top: 0.25rem;
}
.manage-packs-page__description h2 {
  text-transform: uppercase;
  font-size: 1rem;
}
.manage-packs-page__description p {
  color: #515774;
  margin: 0;
  font-size: 0.875rem;
  font-style: italic;
}
.manage-packs-page .button img {
  transform: scale(0.5);
}

.packs-table .data-table-block .data-table__table thead .name__header {
  width: 352px;
}
.packs-table .data-table-block .data-table__table thead .query_count__header {
  width: 0;
}
.packs-table .data-table-block .data-table__table thead .total_hosts_count__header {
  width: 0;
}
.packs-table .data-table-block .data-table__table thead .updated_at__header {
  width: 0;
}
.packs-table .data-table-block .data-table__table thead .status__header {
  width: auto;
}
.packs-table .data-table-block .data-table__table tbody .name__cell {
  width: 352px;
}
.packs-table .data-table-block .data-table__table tbody .query_count__cell {
  width: 0;
}
.packs-table .data-table-block .data-table__table tbody .total_hosts_count__cell {
  width: 0;
}
.packs-table .data-table-block .data-table__table tbody .updated_at__cell {
  width: 0;
}
.packs-table .data-table-block .data-table__table tbody .status__header {
  width: auto;
}

.pack-composer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.pack-composer__pack-form {
  background-color: #ffffff;
  border-radius: 3px;
}

.manage-policies-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.manage-policies-page__header-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.manage-policies-page__header {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.manage-policies-page__header .button-wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.manage-policies-page__manage-automations-wrapper .form-field {
  margin: 0;
}
.manage-policies-page__manage-automations-wrapper .Select {
  position: relative;
  border: 0;
  height: auto;
}
.manage-policies-page__manage-automations-wrapper .Select.is-focused, .manage-policies-page__manage-automations-wrapper .Select:hover {
  border: 0;
}
.manage-policies-page__manage-automations-wrapper .Select.is-focused:not(.is-open) .Select-control {
  background-color: initial;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-control {
  display: flex;
  background-color: initial;
  height: auto;
  justify-content: space-between;
  border: 0;
  cursor: pointer;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-control:hover {
  box-shadow: none;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-control:hover .Select-placeholder {
  color: #6a67fe;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-control .Select-placeholder {
  font-size: 14px;
  line-height: normal;
  padding-left: 0;
  margin-top: 1px;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-control .Select-input {
  height: auto;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-control .Select-input:focus-visible {
  outline: 2px solid #192147;
  outline-offset: 1px;
  border-radius: 4px;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-control .Select-arrow-zone {
  display: flex;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-placeholder {
  display: flex;
  align-items: center;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-menu-outer {
  margin-top: 0.25rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 6;
  overflow: hidden;
  border: 0;
  width: 188px;
  left: unset;
  top: unset;
  max-height: none;
  padding: 0.5rem;
  position: absolute;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-menu-outer .Select-menu {
  max-height: none;
}
.manage-policies-page__manage-automations-wrapper .Select .Select-arrow {
  transition: transform 0.25s ease;
}
.manage-policies-page__manage-automations-wrapper .Select:not(.is-open) .Select-control:hover .Select-arrow {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEUSURBVHgB7ZHNbcJAEIXf2AaknCghJaSFdJBUAByIQnKhg5AO4BCsmAtUQDqghZTC2WAPHn4kMLJ31z4gpPlO9mh23rezgKIoinJjyKap34+fGhSsyKfhT0gLmzOfA+5wyuNNun2ezZr/qCpwCs862/sDHnVNEsfw+fF3XSbhwUDDC5ancEEGS4BluNDOZqyK+o0CIL66raxWNpOvS40THl/NYJ6gaDws+HhPRmD6ypUvVpt/qrPw72nkj1BHwCQhH1XCnQTKJMD7Sc7hzgLC4C2ZE1GnvIsn019/CAucBUwSzLwII78LSyoJFEm4htcSOEikSyK8HMLxF0beKxwJUINWTL24xY/ZLdbNB+pBURTlHtkBLbeHaK/uovgAAAAASUVORK5CYII=);
}
.manage-policies-page__manage-automations-wrapper .Select.is-open .Select-control .Select-placeholder {
  color: #6a67fe;
}
.manage-policies-page__manage-automations-wrapper .Select.is-open .Select-arrow {
  transform: rotate(180deg);
}
.manage-policies-page__manage-automations-wrapper .Select-multi-value-wrapper {
  width: 146px;
}
.manage-policies-page__manage-automations-wrapper .manage-policies-page__manage-automations-dropdown.is-focused {
  outline: 2px solid #d9d9fe;
}
.manage-policies-page__manage-automations-wrapper .Select > .Select-menu-outer {
  left: -186px;
  width: 360px;
}
.manage-policies-page__manage-automations-wrapper .Select-input {
  padding: 8px;
}
.manage-policies-page__manage-automations-wrapper .Select-control {
  margin-top: 0;
  gap: 6px;
}
.manage-policies-page__manage-automations-wrapper .Select-control .Select-placeholder {
  color: #6a67fe;
  font-weight: 600;
}
.manage-policies-page__manage-automations-wrapper .Select-control .dropdown__custom-arrow .dropdown__icon svg path {
  stroke: #5d5ae7;
}
.manage-policies-page__header {
  display: flex;
  align-items: center;
}
.manage-policies-page__header .form-field {
  margin-bottom: 0;
}
.manage-policies-page__header__tooltip {
  text-align: center;
}
.manage-policies-page__text {
  margin-right: 1.5rem;
}
.manage-policies-page__title {
  font-size: 1.5rem;
}
.manage-policies-page__title .fleeticon {
  color: #3e4771;
  margin-right: 15px;
}
.manage-policies-page__title .fleeticon-success-check {
  color: #3db67b;
}
.manage-policies-page__title .fleeticon-offline {
  color: #d66c7b;
}
.manage-policies-page__action-button-container {
  display: flex;
  align-items: flex-start;
}
.manage-policies-page__advanced-button {
  margin-right: 1rem;
}
.manage-policies-page__sandbox-info {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}
.manage-policies-page__sandbox-info p {
  font-size: 0.875rem;
  margin: 0;
  margin-bottom: 1rem;
}
.manage-policies-page__sandbox-info p:last-child {
  margin-bottom: 0;
}
.manage-policies-page__add-policy-link {
  transition: color 150ms ease-in-out, background 150ms ease-in-out, top 50ms ease-in-out, box-shadow 50ms ease-in-out, border 50ms ease-in-out;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 4px;
  font-size: 0.875rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  display: inline-flex;
  height: 38px;
  top: 0;
  border: 0;
  cursor: pointer;
  background-color: #515774;
}
.manage-policies-page__add-policy-link:hover:not(.button--disabled) {
  background-color: rgb(70.5152284264, 75.7385786802, 100.9847715736);
}
.manage-policies-page__add-policy-link:hover:not(.button--disabled):active {
  background-color: rgb(60.0304568528, 64.4771573604, 85.9695431472);
}
.manage-policies-page__add-policy-link:focus-visible {
  outline-color: #192147;
  outline-offset: 2px;
  outline-style: solid;
  outline-width: 1px;
}
.manage-policies-page__details {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 0.5rem;
  margin-top: -20px;
}
.manage-policies-page__details .help-text {
  color: #192147;
}
.manage-policies-page__details .help-text--brand {
  color: #6a67fe;
}
.manage-policies-page__inherited-policies-button {
  padding-bottom: 1.5rem;
}
.manage-policies-page__inherited-policies-table th {
  border-right: 1px solid #e2e4ea !important;
}
.manage-policies-page__inherited-policies-table .table-container__header {
  display: none;
}
.manage-policies-page .critical-tooltip,
.manage-policies-page .inherited-tooltip {
  font-weight: 400;
}
.manage-policies-page .critical-policy-icon {
  margin-left: 1px;
  position: relative;
}
.manage-policies-page .policies-table .data-table-block .data-table tbody .critical-badge .critical-badge-icon,
.manage-policies-page .policies-table .data-table-block .data-table tbody .policy-has-not-run .critical-badge-icon {
  display: inline-flex;
}
.manage-policies-page .policies-table .data-table-block .data-table tbody .critical-badge .react-tooltip-arrow,
.manage-policies-page .policies-table .data-table-block .data-table tbody .policy-has-not-run .react-tooltip-arrow {
  width: 8px;
  height: 8px;
}
.manage-policies-page .policies-table .data-table-block .data-table tbody .critical-badge [class*=react-tooltip__place-top] > .styles-module_arrow__K0L3T,
.manage-policies-page .policies-table .data-table-block .data-table tbody .policy-has-not-run [class*=react-tooltip__place-top] > .styles-module_arrow__K0L3T {
  transform: rotate(45deg);
}
.manage-policies-page .policies-table .data-table-block .data-table tbody .critical-badge [class*=react-tooltip__place-right] > .styles-module_arrow__K0L3T,
.manage-policies-page .policies-table .data-table-block .data-table tbody .policy-has-not-run [class*=react-tooltip__place-right] > .styles-module_arrow__K0L3T {
  transform: rotate(135deg);
}
.manage-policies-page .policies-table .data-table-block .data-table tbody .critical-badge [class*=react-tooltip__place-bottom] > .styles-module_arrow__K0L3T,
.manage-policies-page .policies-table .data-table-block .data-table tbody .policy-has-not-run [class*=react-tooltip__place-bottom] > .styles-module_arrow__K0L3T {
  transform: rotate(225deg);
}
.manage-policies-page .policies-table .data-table-block .data-table tbody .critical-badge [class*=react-tooltip__place-left] > .styles-module_arrow__K0L3T,
.manage-policies-page .policies-table .data-table-block .data-table tbody .policy-has-not-run [class*=react-tooltip__place-left] > .styles-module_arrow__K0L3T {
  transform: rotate(315deg);
}
.manage-policies-page .policies-table .data-table-block .data-table tbody .critical-badge .react-tooltip,
.manage-policies-page .policies-table .data-table-block .data-table tbody .policy-has-not-run .react-tooltip {
  width: -moz-max-content;
  width: max-content;
  max-width: 360px;
  padding: 6px;
  color: #ffffff;
  background-color: #3e4771;
  font-weight: 400;
  font-size: 0.75rem;
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 100;
  line-height: 1.375;
  white-space: initial;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  font-style: normal;
  text-align: center;
}
.manage-policies-page .policies-table .data-table-block .data-table tbody .critical-badge .react-tooltip p,
.manage-policies-page .policies-table .data-table-block .data-table tbody .policy-has-not-run .react-tooltip p {
  margin: 0;
}
.manage-policies-page .policies-table .data-table-block .data-table tbody .inherited-badge {
  overflow: initial;
}
.manage-policies-page .automated-policies-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #e2e4ea;
  padding-left: 0;
  margin: 0;
}
.manage-policies-page .automated-policies-section .policy-row {
  display: flex;
  max-width: 100%;
  padding: 8px 12px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid #e2e4ea;
  gap: 20px;
}
.manage-policies-page .automated-policies-section .policy-row .form-field--checkbox {
  flex: 1 1 0%; /* This allows growing and shrinking */
  min-width: 0; /* This is crucial for proper shrinking */
}
.manage-policies-page .automated-policies-section .policy-row .fleet-checkbox__tick {
  flex: 0 0 auto; /* This prevents growing and shrinking */
  width: -moz-fit-content;
  width: fit-content; /* This ensures button isn't cut off */
}
.manage-policies-page .automated-policies-section .policy-row .fleet-checkbox__label {
  display: flex;
  white-space: nowrap;
  flex: 1 1 0%; /* This allows growing and shrinking */
  min-width: 0; /* This is crucial for proper shrinking */
}
.manage-policies-page .automated-policies-section .policy-row__preview-button {
  flex: 0 0 auto; /* This prevents growing and shrinking */
  width: -moz-fit-content;
  width: fit-content; /* This ensures button isn't cut off */
  visibility: hidden;
}
.manage-policies-page .automated-policies-section .policy-row:hover {
  background: #f9fafc;
  cursor: pointer;
}
.manage-policies-page .automated-policies-section .policy-row:hover label {
  cursor: pointer;
}
.manage-policies-page .automated-policies-section .policy-row:hover .policy-row__preview-button {
  visibility: visible;
}
.manage-policies-page .automated-policies-section .policy-row:first-child {
  border-radius: 4px 4px 0 0;
}
.manage-policies-page .automated-policies-section .policy-row:last-child {
  border-radius: 0 0 4px 4px;
  border-bottom: none;
}

.calendar-event-preview-modal .modal__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.calendar-event-preview-modal__preview {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid #e2e4ea;
  background: #ffffff;
}
.calendar-event-preview-modal__preview-header {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.calendar-event-preview-modal__preview-header__square-wrapper {
  display: flex;
  height: 30px;
  align-items: center;
  gap: 10px;
}
.calendar-event-preview-modal__preview-header__square {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background: rgba(106, 103, 254, 0.5);
}
.calendar-event-preview-modal__preview-header__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.calendar-event-preview-modal__preview-header__title {
  font-family: Inter;
  font-size: 1.25rem;
  line-height: 30px; /* 150% */
}
.calendar-event-preview-modal__preview-header__time {
  display: flex;
  align-items: center;
  gap: 8px;
}
.calendar-event-preview-modal__preview-info {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.calendar-event-preview-modal__preview-info__text__user-text {
  white-space: pre-wrap;
}
.calendar-event-preview-modal__preview-info__text__user-text ul {
  padding-left: 20px;
  margin-top: 0.125rem;
}
.calendar-event-preview-modal__preview-info__text__user-text a {
  color: #192147;
  font-weight: normal;
  text-decoration: underline;
}
.calendar-event-preview-modal__preview-invitee {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.calendar-event-preview-modal__footer {
  color: #515774;
  font-size: 0.75rem;
  line-height: 18px; /* 150% */
}
.calendar-event-preview-modal .modal-cta-wrap {
  margin-top: 0;
}

.modal__background:has(.calendar-event-preview-modal) {
  transition: none;
  animation: none;
}

.calendar-events-modal .placeholder {
  display: flex;
  flex-direction: column;
  gap: 24px;
  line-height: 150%;
}
.calendar-events-modal .placeholder img {
  width: 100%;
  height: 100%;
}
.calendar-events-modal .placeholder .modal-cta-wrap {
  margin-top: 0;
}
.calendar-events-modal .form-header {
  display: flex;
  justify-content: space-between;
}
.calendar-events-modal .form-header .button--text-link {
  white-space: nowrap;
}
.calendar-events-modal .form-fields--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.calendar-events-modal .form-fields--disabled:hover, .calendar-events-modal .form-fields--disabled:focus {
  cursor: default;
}
.calendar-events-modal pre {
  box-sizing: border-box;
  margin: 0;
}
.calendar-events-modal__hide-main {
  visibility: hidden;
}
.calendar-events-modal__preview-button {
  white-space: nowrap;
}

.calendar-event-preview p {
  margin: 24px 0;
}

.policy-row__preview-button {
  flex: 0 0 auto;
  /* This prevents growing and shrinking */
  width: -moz-fit-content;
  width: fit-content;
  /* This ensures button isn't cut off */
  visibility: hidden;
}
.policy-row:hover__preview-button {
  visibility: visible;
}

.modal__background:has(.calendar-events-modal.calendar-events-modal__hide-main) {
  visibility: hidden;
}

.conditional-access-modal .header {
  display: flex;
  justify-content: space-between;
}
.conditional-access-modal .header .custom-link {
  white-space: nowrap;
}

.example-payload {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.example-payload pre {
  margin: 0;
}

.example-ticket {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.example-ticket__screenshot {
  max-width: 400px;
}

.manage-policies-page .install-software-modal .form-field--dropdown {
  width: 276px;
}
.manage-policies-page .install-software-modal .form-field--dropdown .Select-placeholder {
  color: #8b8fa2;
}
.manage-policies-page .install-software-modal .form-field--dropdown .Select-menu {
  max-height: none;
  overflow: visible;
}
.manage-policies-page .install-software-modal .form-field--dropdown .Select-menu-outer {
  max-height: 165px;
  overflow-y: auto;
}
.manage-policies-page .install-software-modal__no-software {
  display: flex;
  height: 178px;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
  font-size: 1rem;
}
.manage-policies-page .install-software-modal__no-software div {
  color: #515774;
  font-size: 0.75rem;
}
.manage-policies-page .install-software-modal__no-software div a {
  font-size: inherit;
}
.manage-policies-page .install-software-modal .data-error {
  padding: 78px;
}

.other-workflows-modal pre,
.other-workflows-modal code {
  border: 1px solid #e2e4ea;
  border-radius: 4px;
  padding: 7px 1rem;
}
.other-workflows-modal__error {
  color: #d66c7b;
}
.other-workflows-modal__policy-automations__disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.other-workflows-modal__policy-automations__disabled:hover, .other-workflows-modal__policy-automations__disabled:focus {
  cursor: default;
}
.other-workflows-modal__no-integrations a {
  display: block;
}

.policies-paginated-list__header {
  font-weight: 600;
}
.policies-paginated-list .paginated-list__row {
  height: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.policies-paginated-list .gitops-mode-tooltip-wrapper {
  display: block;
}
.policies-paginated-list .form-fields--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.policies-paginated-list .form-fields--disabled:hover, .policies-paginated-list .form-fields--disabled:focus {
  cursor: default;
}

.policies-table {
  border-collapse: collapse;
}
.policies-table thead th.passing_host_count__header, .policies-table thead th.failing_host_count__header, .policies-table thead th.webhook__header {
  width: 20%;
}
@media (min-width: 1024px) {
  .policies-table thead th.passing_host_count__header, .policies-table thead th.failing_host_count__header, .policies-table thead th.webhook__header {
    width: 15%;
  }
}
.policies-table thead th.passing_host_count__header .passing-column-header, .policies-table thead th.failing_host_count__header .passing-column-header {
  gap: 10px;
}
.policies-table__action-button-container {
  display: flex;
  justify-content: center;
}

.no-team-policy {
  border: 1px solid #e2e4ea;
  box-sizing: border-box;
  border-radius: 8px;
}

.manage-policies-page .policy-run-script-modal .form-field--dropdown {
  width: 276px;
}
.manage-policies-page .policy-run-script-modal .form-field--dropdown .Select-placeholder {
  color: #8b8fa2;
}
.manage-policies-page .policy-run-script-modal .form-field--dropdown .Select-menu {
  max-height: none;
  overflow: visible;
}
.manage-policies-page .policy-run-script-modal .form-field--dropdown .Select-menu-outer {
  max-height: 165px;
  overflow-y: auto;
}
.manage-policies-page .policy-run-script-modal .paginated-list__row {
  height: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.manage-policies-page .policy-run-script-modal__no-scripts {
  display: flex;
  height: 178px;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
  font-size: 1rem;
}
.manage-policies-page .policy-run-script-modal__no-scripts div {
  color: #515774;
  font-size: 0.75rem;
}
.manage-policies-page .policy-run-script-modal__no-scripts div a {
  font-size: inherit;
}
.manage-policies-page .policy-run-script-modal .data-error {
  padding: 78px;
}

.policy-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.policy-page__form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.policy-page__results {
  display: flex;
  flex-grow: 1;
  position: relative;
  min-height: 400px;
}
.policy-page__warning {
  padding: 1rem;
  font-size: 0.875rem;
  color: #192147;
  background-color: #fff0b9;
  border: 1px solid #f2c94c;
  border-radius: 4px;
}
.policy-page__warning p {
  margin: 0;
  line-height: 20px;
}
.policy-page__observer-query-view {
  width: 90%;
  max-width: 1060px;
  margin: 0 auto;
  color: #192147;
}
.policy-page__observer-query-view h1 {
  font-size: 1.25rem;
}
.policy-page__observer-query-view p {
  font-size: 0.875rem;
}
.policy-page .ace_content {
  min-height: 500px !important;
}
.policy-page__target-selectors {
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 980px;
}
.policy-page__target-selectors h3 {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 0.875rem;
}
.policy-page__target-selectors .selector-block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.policy-page__target-selectors .input-icon-field {
  width: 600px;
}
.policy-page__target-selectors .expand-button-wrap {
  margin-top: -0.5rem;
}
.policy-page__empty-entity-search {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 21px; /* 150% */
}
.policy-page__targets-button-wrap {
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.policy-page__targets-button-wrap button:not(:first-of-type) {
  margin-left: 16px;
}
.policy-page__targets-total-count {
  margin-left: 16px;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.policy-page__targets-total-count .icon-tooltip {
  margin-left: 0.5rem;
}
.policy-page__count-spinner {
  margin-right: 0.5rem;
}
.policy-page__page-loading .loading-spinner {
  margin: 1.5rem 0 0;
}
.policy-page__page-error h4 {
  margin: 0;
  margin-top: 28px;
  margin-left: -7px;
  font-size: 1rem;
}
.policy-page__page-error h4 img {
  transform: scale(0.5);
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.policy-page__page-error p {
  margin: 0;
  margin-top: 1rem;
  font-size: 0.875rem;
}

.policy-results-table {
  border-collapse: collapse;
}
.policy-results-table__wrapper {
  border: 1px solid #e2e4ea;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 1rem;
}
.policy-results-table .table-container__header {
  display: none;
}
.policy-results-table thead {
  background-color: #f9fafc;
  border-bottom: 1px solid #e2e4ea;
}
.policy-results-table thead th {
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
  padding: 1rem 1.5rem;
}
.policy-results-table thead .host_display_name__header {
  width: 50%;
}
.policy-results-table tbody td img {
  width: 16px;
  height: 16px;
  vertical-align: sub;
  padding-right: 4px;
}
.policy-results-table__empty-table {
  text-align: center;
  font-size: 0.875rem;
  color: #192147;
}
.policy-results-table__policy-count {
  color: #192147;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 12px 0 0;
  display: inline-block;
}

.no-policies {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 5rem;
}
.no-policies h1 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #192147;
}
.no-policies h2 {
  font-size: 1rem;
  margin: 0 0 1.5rem;
  line-height: 20px;
}
.no-policies__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.no-policies__inner h1 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.no-policies__inner img {
  width: 322px;
}
.no-policies__inner p {
  color: #192147;
  font-weight: 400;
  font-size: 0.875rem;
  margin: 0;
  margin-bottom: 1.5rem;
}
.no-policies__inner-text {
  width: 500px;
  padding: 2.5rem 0;
}

.no-team-policy {
  border: 1px solid #e2e4ea;
  box-sizing: border-box;
  border-radius: 8px;
}

.policy-form {
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
}
.policy-form__platform-selector {
  padding-bottom: 0;
}
.policy-form__wrapper {
  position: relative;
  font-size: 0.875rem;
}
.policy-form__wrapper .policy-page__warning {
  margin: 0;
  margin-bottom: 1.5rem;
}
.policy-form__wrapper .form-field--input {
  margin: 0;
}
.policy-form__title-bar {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}
.policy-form__author {
  align-items: flex-end;
}
.policy-form__author img,
.policy-form__author dd {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.policy-form .input-field,
.policy-form .input-field__text-area {
  min-height: auto;
  white-space: normal;
}
.policy-form .input-field::-webkit-scrollbar {
  display: none;
}
.policy-form .input-field {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.policy-form .edit-link {
  cursor: pointer;
  height: 18px;
}
.policy-form__policy-name .button--text-icon, .policy-form__description .button--text-icon, .policy-form__resolution .button--text-icon {
  margin: 0;
}
.policy-form__policy-name-wrapper, .policy-form__policy-description-wrapper, .policy-form__policy-resolution-wrapper {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
.policy-form__policy-name-wrapper:not(.policy-form__policy-name-wrapper--editing, .policy-form__policy-description-wrapper--editing, .policy-form__policy-resolution-wrapper--editing):hover, .policy-form__policy-description-wrapper:not(.policy-form__policy-name-wrapper--editing, .policy-form__policy-description-wrapper--editing, .policy-form__policy-resolution-wrapper--editing):hover, .policy-form__policy-resolution-wrapper:not(.policy-form__policy-name-wrapper--editing, .policy-form__policy-description-wrapper--editing, .policy-form__policy-resolution-wrapper--editing):hover {
  cursor: pointer;
}
.policy-form__policy-name-wrapper:not(.policy-form__policy-name-wrapper--editing, .policy-form__policy-description-wrapper--editing, .policy-form__policy-resolution-wrapper--editing):hover *, .policy-form__policy-description-wrapper:not(.policy-form__policy-name-wrapper--editing, .policy-form__policy-description-wrapper--editing, .policy-form__policy-resolution-wrapper--editing):hover *, .policy-form__policy-resolution-wrapper:not(.policy-form__policy-name-wrapper--editing, .policy-form__policy-description-wrapper--editing, .policy-form__policy-resolution-wrapper--editing):hover * {
  color: #009a7d;
  cursor: pointer;
}
.policy-form__policy-name-wrapper--disabled-by-gitops-mode, .policy-form__policy-description-wrapper--disabled-by-gitops-mode, .policy-form__policy-resolution-wrapper--disabled-by-gitops-mode {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.policy-form__policy-name-wrapper--disabled-by-gitops-mode:hover, .policy-form__policy-name-wrapper--disabled-by-gitops-mode:focus, .policy-form__policy-description-wrapper--disabled-by-gitops-mode:hover, .policy-form__policy-description-wrapper--disabled-by-gitops-mode:focus, .policy-form__policy-resolution-wrapper--disabled-by-gitops-mode:hover, .policy-form__policy-resolution-wrapper--disabled-by-gitops-mode:focus {
  cursor: default;
}
.policy-form__policy-name-wrapper .no-value {
  min-width: 112px;
}
.policy-form__policy-description-wrapper .no-value {
  min-width: 106px;
}
.policy-form__policy-description-wrapper .edit-icon {
  position: relative;
  top: 0;
}
.policy-form__policy-resolution-wrapper .no-value {
  min-width: 106px;
}
.policy-form__edit-icon {
  opacity: 1;
  transition: opacity 0.2s;
  margin-left: 0;
  align-self: initial;
}
.policy-form__edit-icon--hide {
  opacity: 0;
}
.policy-form__policy-name, .policy-form__policy-description, .policy-form__policy-resolution {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  resize: none;
  white-space: normal;
  background-color: transparent;
  overflow: hidden;
  font-size: 0.875rem;
}
.policy-form__policy-name {
  font-size: 1.5rem;
}
.policy-form__policy-name.input-field--error {
  border: 1px solid #ff5c83;
}
.policy-form__autofill-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.policy-form__autofill-label .autofill-tooltip-wrapper {
  display: flex;
}
.policy-form__autofill-label .autofill-button-tooltip {
  font-weight: 400;
}
.policy-form__button-wrap--tooltip {
  display: flex;
}
.policy-form__button-wrap .policy-form__run {
  min-width: 64px;
}
.policy-form__sql-editor-label-actions {
  display: flex;
  gap: 1rem;
  padding-bottom: 2px;
}
.policy-form__platform-checkbox-wrapper {
  margin: 0;
}
.policy-form__platform-checkbox-wrapper + p {
  margin: 0;
  margin-top: 0.5rem;
}
.policy-form__platform-checkbox-wrapper .fleet-checkbox__label {
  transform: translateY(2px);
}
.policy-form__platform-error {
  font-size: 1rem;
  font-weight: 600;
}
.policy-form__platform-compatibility b,
.policy-form__platform-compatibility img,
.policy-form__platform-compatibility span {
  display: flex;
  align-items: center;
}
.policy-form__platform-compatibility .platforms-text {
  padding: 0 0.5rem;
}
.policy-form__platform-compatibility .platforms-select {
  display: flex;
  padding: 0 1rem;
}
.policy-form__platform-compatibility img {
  height: 16px;
  width: auto;
}
.policy-form__platform-compatibility button img {
  padding: 0px;
}
.policy-form__platform-compatibility form,
.policy-form__platform-compatibility label {
  display: inline-flex;
}
.policy-form__platform-compatibility label {
  font-weight: 400;
  margin-right: 1rem;
}
.policy-form__critical-checkbox-wrapper {
  width: auto;
}
.policy-form__critical-checkbox-wrapper .form-field--checkbox {
  margin-bottom: 0;
}

.query-results .info-banner {
  margin: 2rem auto 1.25rem;
}
.query-results .data-table__wrapper {
  overflow-x: scroll;
}
.query-results .data-table-block .data-table thead th {
  min-width: 140px;
  padding-left: 0px;
  padding-right: 1.5rem;
  border-left: 0;
}
.query-results .data-table-block .data-table thead th:first-of-type {
  padding-left: 1.5rem;
}
.query-results .data-table-block .data-table tbody td {
  padding-left: 0px;
  padding-right: 1.5rem;
}
.query-results .data-table-block .data-table tbody td:first-of-type {
  padding-left: 1.5rem;
}
.query-results__results-table-header, .query-results__errors-table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  font-size: 0.875rem;
}
.query-results__results-count, .query-results__error-count {
  font-weight: 600;
}

.policy-results-table {
  border-collapse: collapse;
}
.policy-results-table__wrapper {
  border: 1px solid #e2e4ea;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 1rem;
}
.policy-results-table .table-container {
  margin-top: 0.5rem;
}
.policy-results-table .table-container__header {
  display: none;
}
.policy-results-table thead {
  background-color: #f9fafc;
  border-bottom: 1px solid #e2e4ea;
}
.policy-results-table thead th {
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
  padding: 1rem 1.5rem;
}
.policy-results-table thead .display-name__header {
  width: 70%;
}
.policy-results-table tbody td img {
  width: 16px;
  height: 16px;
  vertical-align: sub;
  padding-right: 4px;
}
.policy-results-table tbody .query_results__cell .status-header-text {
  margin-left: 10px;
}
.policy-results-table__empty-table {
  text-align: center;
  font-size: 0.875rem;
  color: #192147;
}
.policy-results-table__policy-count {
  color: #192147;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 12px 0 0;
  display: inline-block;
}

.no-policies {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 5rem;
}
.no-policies h1 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: #192147;
}
.no-policies h2 {
  font-size: 1rem;
  margin: 0 0 1.5rem;
  line-height: 20px;
  color: #192147;
}
.no-policies__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.no-policies__inner h1 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.no-policies__inner img {
  width: 322px;
}
.no-policies__inner p {
  color: #192147;
  font-weight: 400;
  font-size: 0.875rem;
  margin: 0;
  margin-bottom: 1.5rem;
}
.no-policies__inner-text {
  width: 500px;
  padding: 2.5rem 0;
}
.no-policies__bullet-text {
  text-align: center;
}

.no-team-policy {
  border: 1px solid #e2e4ea;
  box-sizing: border-box;
  border-radius: 8px;
}

.no-results .component__tooltip-wrapper__tip-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.query-report__wrapper .host_id__header {
  width: 95px;
}
.query-report__wrapper .last_fetched__header .column-header {
  margin-bottom: 36px;
}
.query-report__wrapper .data-table__wrapper {
  overflow-x: scroll;
}
.query-report__results-cta {
  display: flex;
  gap: 1rem;
}

.query-details-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.query-details-page__title-bar {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.query-details-page__action-button-container {
  display: flex;
  justify-content: flex-end;
  min-width: -moz-max-content;
  min-width: max-content;
  gap: 1rem;
}
.query-details-page__query-name {
  margin-top: 0;
  font-size: 1.5rem;
}
.query-details-page__settings {
  display: flex;
  gap: 1.5rem;
  font-size: 0.875rem;
}
.query-details-page__settings .component__tooltip-wrapper__underline {
  top: 0px;
}
.query-details-page__automations, .query-details-page__log-destination {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.query-details-page__automations .component__tooltip-wrapper__element, .query-details-page__log-destination .component__tooltip-wrapper__element {
  font-weight: 600;
}
.query-details-page .empty-table__inner .component__tooltip-wrapper__tip-text {
  text-align: left;
  width: 320px;
}
.query-details-page .empty-table__inner ul {
  color: #ffffff;
}
.query-details-page .empty-table__inner ul li::before {
  content: "•";
  color: #ffffff;
}
.query-details-page .data-error {
  padding-top: 5rem;
}

.edit-query-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.edit-query-page .ace_content {
  min-height: 500px !important;
}
.edit-query-page__count-spinner {
  margin-right: 0.5rem;
}
.edit-query-page__page-loading .loading-spinner {
  margin: 1.5rem 0 0;
}
.edit-query-page__page-error h4 {
  margin: 0;
  margin-top: 28px;
  margin-left: -7px;
  font-size: 1rem;
}
.edit-query-page__page-error h4 img {
  transform: scale(0.5);
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.edit-query-page__page-error p {
  margin: 0;
  margin-top: 1rem;
  font-size: 0.875rem;
}

.discard-data-option .info-banner {
  margin-bottom: 1.5rem;
}
.discard-data-option .info-banner__info {
  line-height: 21px;
}
.discard-data-option__disabled-discard-data-checkbox > .fleet-checkbox {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.discard-data-option__disabled-discard-data-checkbox > .fleet-checkbox:hover, .discard-data-option__disabled-discard-data-checkbox > .fleet-checkbox:focus {
  cursor: default;
}
.discard-data-option__edit-anyway {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-weight: inherit;
  font-size: inherit;
}

.edit-query-form {
  position: relative;
  font-size: 0.875rem;
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* Hide scrollbar for IE, Edge and Firefox */
}
.edit-query-form .form-field--input {
  margin: 0;
}
.edit-query-form__title-bar {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}
.edit-query-form .form-field {
  margin-bottom: 0px;
}
.edit-query-form .input-field,
.edit-query-form .input-field__text-area {
  min-height: auto;
  line-height: normal;
  white-space: normal;
}
.edit-query-form .input-field::-webkit-scrollbar {
  display: none;
}
.edit-query-form .input-field {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.edit-query-form__query-name-wrapper, .edit-query-form__query-description-wrapper {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  width: -moz-fit-content;
  width: fit-content;
}
.edit-query-form__query-name-wrapper:not(.edit-query-form--editing):hover, .edit-query-form__query-description-wrapper:not(.edit-query-form--editing):hover {
  cursor: pointer;
}
.edit-query-form__query-name-wrapper:not(.edit-query-form--editing):hover *, .edit-query-form__query-description-wrapper:not(.edit-query-form--editing):hover * {
  color: #009a7d;
  cursor: pointer;
}
.edit-query-form__query-name-wrapper--disabled-by-gitops-mode, .edit-query-form__query-description-wrapper--disabled-by-gitops-mode {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.edit-query-form__query-name-wrapper--disabled-by-gitops-mode:hover, .edit-query-form__query-name-wrapper--disabled-by-gitops-mode:focus, .edit-query-form__query-description-wrapper--disabled-by-gitops-mode:hover, .edit-query-form__query-description-wrapper--disabled-by-gitops-mode:focus {
  cursor: default;
}
.edit-query-form__query-name-wrapper .no-value {
  min-width: 168px;
}
.edit-query-form__query-description-wrapper .no-value {
  min-width: 144px;
}
.edit-query-form .edit-icon {
  align-self: initial;
  opacity: 1;
  transition: opacity 0.2s;
}
.edit-query-form .edit-icon.hide {
  opacity: 0;
}
.edit-query-form__author {
  align-items: flex-end;
}
.edit-query-form__author img,
.edit-query-form__author dd {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.edit-query-form__query-name, .edit-query-form__query-description {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  resize: none;
  white-space: normal;
  background-color: transparent;
  overflow: hidden;
}
.edit-query-form__query-name.focus-visible, .edit-query-form__query-description.focus-visible {
  outline: 0;
}
.edit-query-form__query-name-wrapper {
  color: #192147;
  font-size: 1.5rem;
  line-height: 1.75;
}
.edit-query-form__query-name-wrapper .no-value {
  min-width: 168px;
}
.edit-query-form__query-name-wrapper .edit-query-form__query-name,
.edit-query-form__query-name-wrapper .input-sizer::after {
  font-size: 1.5rem;
  line-height: 1.75;
}
.edit-query-form__query-name-wrapper .component__auto-size-input-field {
  font-size: 1.5rem;
  line-height: 1.75;
}
.edit-query-form__query-name-wrapper.input-field--error {
  border: 1px solid #ff5c83;
}
.edit-query-form__query-description {
  color: #515774;
}
.edit-query-form__button-wrap--new-query {
  display: flex;
  align-items: center;
}
.edit-query-form__title {
  color: #192147;
  display: inline-block;
  font-size: 1.5rem;
}
.edit-query-form__loading-overlay {
  display: flex;
  flex-grow: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
  align-items: center;
}
.edit-query-form .disabled-by-gitops-mode {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.edit-query-form .disabled-by-gitops-mode:hover, .edit-query-form .disabled-by-gitops-mode:focus {
  cursor: default;
}

.query-results__results-cta {
  display: flex;
}
.query-results__results-cta > *:not(:last-child), .query-results__errors-cta > *:not(:last-child) {
  margin-right: 1rem;
}
.query-results .data-table__wrapper {
  overflow-x: scroll;
}
.query-results .data-table-block .data-table thead th {
  min-width: 140px;
  padding-left: 0px;
  padding-right: 1.5rem;
  border-left: 0;
}
.query-results .data-table-block .data-table thead th:first-of-type {
  padding-left: 1.5rem;
}
.query-results .data-table-block .data-table tbody td {
  padding-left: 0px;
  padding-right: 1.5rem;
}
.query-results .data-table-block .data-table tbody td:first-of-type {
  padding-left: 1.5rem;
}
.query-results__results-table-container, .query-results__error-table-container {
  margin-top: 32px;
}
.query-results .error__cell {
  white-space: pre-wrap;
}

.run-query-page__results {
  display: flex;
  flex-grow: 1;
  position: relative;
  min-height: 400px;
}
.run-query-page .ace_content {
  min-height: 500px !important;
}
.run-query-page__target-selectors {
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 980px;
}
.run-query-page__target-selectors h3 {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 0.875rem;
}
.run-query-page__target-selectors .selector-block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.run-query-page__target-selectors .input-icon-field {
  width: 600px;
}
.run-query-page__target-selectors .expand-button-wrap {
  margin-top: -0.5rem;
}
.run-query-page__empty-entity-search {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 21px; /* 150% */
}
.run-query-page__targets-button-wrap {
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.run-query-page__targets-button-wrap button:not(:first-of-type) {
  margin-left: 16px;
}
.run-query-page__targets-total-count {
  margin-left: 16px;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}
.run-query-page__targets-total-count .icon-tooltip {
  margin-left: 0.5rem;
}
.run-query-page__count-spinner {
  margin-right: 0.5rem;
}
.run-query-page__page-loading .loading-spinner {
  margin: 1.5rem 0 0;
}
.run-query-page__page-error h4 {
  margin: 0;
  margin-top: 28px;
  margin-left: -7px;
  font-size: 1rem;
}
.run-query-page__page-error h4 img {
  transform: scale(0.5);
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.run-query-page__page-error p {
  margin: 0;
  margin-top: 1rem;
  font-size: 0.875rem;
}

.manage-queries-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.manage-queries-page__header-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.manage-queries-page__header {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.manage-queries-page__manage-automations {
  white-space: nowrap;
}
.manage-queries-page__text {
  margin-right: 1.5rem;
}
.manage-queries-page__title {
  font-size: 1.5rem;
}
.manage-queries-page__title .fleeticon {
  color: #3e4771;
  margin-right: 15px;
}
.manage-queries-page__title .fleeticon-success-check {
  color: #3db67b;
}
.manage-queries-page__title .fleeticon-offline {
  color: #d66c7b;
}
.manage-queries-page__action-button-container {
  display: flex;
  gap: 0.5rem;
}
.manage-queries-page .queries-table__platform-dropdown {
  width: 200px;
}
.manage-queries-page .queries-table .data-table-block .data-table__wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}
.manage-queries-page .queries-table .data-table-block .data-table__table thead .name__header {
  width: auto;
}
.manage-queries-page .queries-table .data-table-block .data-table__table thead .platform__header {
  width: 102px;
}
.manage-queries-page .queries-table .data-table-block .data-table__table thead .interval__header {
  max-width: 85px;
}
.manage-queries-page .queries-table .data-table-block .data-table__table thead .updated_at__header {
  display: none;
  width: 0;
}
.manage-queries-page .queries-table .data-table-block .data-table__table thead .performance__header {
  display: none;
  width: 0;
}
@media (min-width: 990px) {
  .manage-queries-page .queries-table .data-table-block .data-table__table thead .performance__header {
    display: table-cell;
  }
}
.manage-queries-page .queries-table .data-table-block .data-table__table thead .automations_enabled__header {
  max-width: 85px;
}
@media (min-width: 1400px) {
  .manage-queries-page .queries-table .data-table-block .data-table__table thead .author_name__header {
    width: 252px;
  }
  .manage-queries-page .queries-table .data-table-block .data-table__table thead .updated_at__header {
    display: table-cell;
    width: auto;
    max-width: 252px;
  }
}
.manage-queries-page .queries-table .data-table-block .data-table__table tbody .name__cell {
  width: auto;
}
.manage-queries-page .queries-table .data-table-block .data-table__table tbody .name__cell .inherited-badge {
  overflow: initial;
}
@media (max-width: 990px) {
  .manage-queries-page .queries-table .data-table-block .data-table__table tbody .name__cell .w400 {
    max-width: 319px;
  }
}
.manage-queries-page .queries-table .data-table-block .data-table__table tbody .platform__cell {
  max-width: 102px;
}
.manage-queries-page .queries-table .data-table-block .data-table__table tbody .interval__cell {
  max-width: 85px;
}
.manage-queries-page .queries-table .data-table-block .data-table__table tbody .updated_at__cell {
  display: none;
  max-width: 252px;
}
.manage-queries-page .queries-table .data-table-block .data-table__table tbody .performance__cell {
  display: none;
}
@media (min-width: 990px) {
  .manage-queries-page .queries-table .data-table-block .data-table__table tbody .performance__cell {
    display: table-cell;
    max-width: 102px;
  }
}
.manage-queries-page .queries-table .data-table-block .data-table__table tbody .automations_enabled__cell {
  max-width: 85px;
}
@media (min-width: 1400px) {
  .manage-queries-page .queries-table .data-table-block .data-table__table tbody .updated_at__cell {
    display: table-cell;
  }
}
.manage-queries-page .queries-table .empty-table__additional-info * {
  font-size: 0.75rem;
}
.manage-queries-page .reveal-button .component__tooltip-wrapper__underline {
  position: initial;
}

.manage-query-automations-modal__checkboxes {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #e2e4ea;
}
.manage-query-automations-modal__query-item {
  width: 100%;
  padding: 8px 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.manage-query-automations-modal__query-item:not(:last-child) {
  border-bottom: 1px solid #e2e4ea;
}
.manage-query-automations-modal__query-item .form-field--checkbox {
  width: auto;
}
.manage-query-automations-modal__configure {
  color: #515774;
}
.manage-query-automations-modal .info-banner__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.manage-query-automations-modal .info-banner__info p {
  margin: 0;
}
.manage-query-automations-modal .fleet-checkbox {
  height: 20px;
  display: flex;
  align-items: center;
}
.manage-query-automations-modal .fleet-checkbox__label {
  width: 490px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.status-indicator--query-automations-on:before {
  background-color: #3db67b;
}
.status-indicator--query-automations-off:before {
  background-color: #8b8fa2;
}
.status-indicator--query-automations-paused .status-tooltip {
  text-transform: none;
}
.status-indicator--query-automations-paused:before {
  background-color: #8b8fa2;
}

.registration-page {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.registration-page .registration-breadcrumbs {
  flex-shrink: 0;
}
.registration-page__logo {
  width: 120px;
}
@media (max-width: 1024px) {
  .registration-page__logo {
    width: 125px;
    position: static;
    display: block;
    margin: 15px 0 0 15px;
  }
}
.registration-page__flash-message {
  top: 180px;
}

.registration-breadcrumbs {
  background-color: #eff6fa;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 125px;
}
.registration-breadcrumbs__wrapper {
  display: flex;
  justify-content: center;
  height: 125px;
  padding-top: 1rem;
}
@media (max-width: 1024px) {
  .registration-breadcrumbs__wrapper {
    height: 75px;
  }
}
.registration-breadcrumbs__page {
  text-align: center;
  min-width: 156px;
  font-size: 1rem;
  font-weight: 400;
  color: #515774;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.registration-breadcrumbs__page::before {
  content: "";
  position: absolute;
  width: 84.5%;
  height: 2px;
  background-color: #c5c7d1;
  bottom: 36%;
  left: 90px;
}
@-moz-document url-prefix() {
  .registration-breadcrumbs__page::before {
    bottom: 38.2%;
  }
}
@media (max-width: 1024px) {
  .registration-breadcrumbs__page::before {
    bottom: 26.5%;
  }
  @-moz-document url-prefix() {
    .registration-breadcrumbs__page::before {
      bottom: 30%;
    }
  }
}
.registration-breadcrumbs__page::after {
  height: 24px;
  width: 24px;
  background-color: transparent;
  display: block;
  border-radius: 50%;
  content: "";
  font-size: 1.5rem;
  margin-top: 12px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .registration-breadcrumbs__page::after {
    margin-top: 0.25rem;
  }
}
.registration-breadcrumbs__page:focus {
  outline: 1px dashed #515774;
  border-radius: 4px;
}
.registration-breadcrumbs__page--active {
  font-weight: 600;
}
.registration-breadcrumbs__page--1::after {
  border: 2px solid #515774;
  margin-top: 11px;
}
.registration-breadcrumbs__page--1.registration-breadcrumbs__page--active::before {
  background: linear-gradient(to right, #515774 50%, #c5c7d1 50%);
}
.registration-breadcrumbs__page--1.registration-breadcrumbs__page--active::after {
  background-color: transparent;
  border: 2px solid #515774;
}
.registration-breadcrumbs__page--1.registration-breadcrumbs__page--complete::before {
  background: #515774;
  background-size: auto;
  z-index: 2;
}
.registration-breadcrumbs__page--1.registration-breadcrumbs__page--complete::after {
  height: 28px;
  width: 28px;
  content: "\f035";
  color: #515774;
  border: 0;
}
.registration-breadcrumbs__page--2::after {
  border: solid 1px #c5c7d1;
  margin-top: 11px;
}
.registration-breadcrumbs__page--2.registration-breadcrumbs__page--active::before {
  background: linear-gradient(to right, #515774 50%, #c5c7d1 50%);
}
.registration-breadcrumbs__page--2.registration-breadcrumbs__page--active::after {
  background-color: transparent;
  border: 2px solid #515774;
}
.registration-breadcrumbs__page--2.registration-breadcrumbs__page--complete::before {
  background: #515774;
  z-index: 2;
}
.registration-breadcrumbs__page--2.registration-breadcrumbs__page--complete::after {
  height: 28px;
  width: 28px;
  content: "\f035";
  color: #515774;
  border: 0;
}
.registration-breadcrumbs__page--3::before {
  display: none;
}
.registration-breadcrumbs__page--3::after {
  border: solid 1px #c5c7d1;
  margin-top: 11px;
}
.registration-breadcrumbs__page--3.registration-breadcrumbs__page--active::before {
  background: linear-gradient(to right, #515774 50%, #c5c7d1 50%);
}
.registration-breadcrumbs__page--3.registration-breadcrumbs__page--active::after {
  background-color: transparent;
  border: 2px solid #515774;
}
.registration-breadcrumbs__page--3.registration-breadcrumbs__page--complete::after {
  height: 28px;
  width: 28px;
  content: "\f035";
  color: #515774;
  border: 0;
}

.reset-password-page__description p {
  margin: 0;
}

.software-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-page__header-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-page__header {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.software-page__header .button-wrap {
  display: flex;
  justify-content: flex-end;
  min-width: 266px;
}
.software-page__header {
  display: flex;
  align-items: center;
}
.software-page__header .form-field {
  margin-bottom: 0;
}
.software-page__action-buttons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.software-page__text {
  margin-right: 1.5rem;
}
.software-page__title {
  font-size: 1.5rem;
}
.software-page__wrapper .page-description {
  margin-bottom: 1.875rem;
  max-width: 75%;
}
@media (min-width: 990px) {
  .software-page__wrapper .page-description {
    max-width: none;
  }
}
.software-page__wrapper .tab-nav {
  margin-bottom: 2.5rem;
}

.details-no-hosts {
  padding: 2.5rem;
  gap: 0;
  text-align: center;
}
.details-no-hosts * {
  font-size: 0.875rem;
  line-height: 21px;
  margin: 0;
}

.software-details-summary {
  display: flex;
  gap: 1rem;
}
.software-details-summary .software-icon {
  width: 96px;
  height: 96px;
}
.software-details-summary__info {
  flex-grow: 1;
  align-self: center;
  min-width: 0;
}
.software-details-summary__info .truncated-tooltip {
  font-weight: 400;
}
.software-details-summary__title-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.software-details-summary h1 {
  font-size: 1.5rem;
  font-weight: bold;
  overflow: hidden;
}
.software-details-summary__description-list {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
}

.advanced-options-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.package-advanced-options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.package-advanced-options__input-fields {
  width: 100%;
}
.package-advanced-options__table-link {
  font-size: 0.75rem;
}

.package-form {
  container-type: inline-size;
}
.package-form__form-frame {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
}
.package-form__form-frame .card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
}
@container (min-width: 926px) {
  .package-form__form-frame {
    flex-direction: row;
  }
}
.package-form__uploading-message {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.5rem;
}
.package-form__uploading-message p {
  margin: 0;
}
.package-form__form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.package-form__form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.package-form__form fieldset legend {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.package-form__file-uploader {
  box-sizing: border-box;
}
.package-form .info-banner {
  margin-top: 0.5rem;
}
.package-form__form-fields--gitops-disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.package-form__form-fields--gitops-disabled:hover, .package-form__form-fields--gitops-disabled:focus {
  cursor: default;
}
.package-form__action-buttons {
  display: flex;
  flex-direction: row-reverse;
  gap: 1.5rem;
}

.software-android-form {
  position: relative;
}
.software-android-form__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1000;
}
.software-android-form__content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-android-form__content-disabled {
  transition: opacity 150ms ease-in-out;
  opacity: 0.5;
}
.software-android-form__form-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-android-form__form-content--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.software-android-form__form-content--disabled:hover, .software-android-form__form-content--disabled:focus {
  cursor: default;
}
.software-android-form__form-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.software-android-form__form-frame {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
}
.software-android-form__form-frame .card {
  display: flex;
  align-items: flex-start;
  flex: 1;
  align-self: stretch;
}
.software-android-form__target {
  width: 100%;
}
@media (min-width: 990px) {
  .software-android-form__form-frame {
    flex-direction: row;
  }
}
.software-android-form__list-container {
  border: 1px solid #e2e4ea;
  border-radius: 6px;
}
.software-android-form__list {
  max-height: 280px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.software-android-form__list-item {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #e2e4ea;
}
.software-android-form__list-item .app-platform {
  font-size: 0.875rem;
  color: #8b8fa2;
}
.software-android-form__list-item:last-child {
  border-bottom: none;
}
.software-android-form__app-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.software-android-form__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.software-android-form__help-text .custom-link,
.software-android-form__help-text button {
  font-size: inherit;
}
.software-android-form__help-text .custom-link {
  font-size: 0.75rem;
}
.software-android-form__action-buttons {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
}

.software-options-selector__categories-selector {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #e2e4ea;
  overflow-y: auto;
}
.software-options-selector__label {
  width: 100%;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.software-options-selector__label:not(:last-child) {
  border-bottom: 1px solid #e2e4ea;
}
.software-options-selector__label .form-field--checkbox {
  width: auto;
}
.software-options-selector__label-name {
  font-size: 0.875rem;
}
.software-options-selector__self-service {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.software-options-selector__preview-button {
  align-self: start;
  margin-bottom: 1rem;
}

.software-vpp-form {
  position: relative;
}
.software-vpp-form__overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1000;
}
.software-vpp-form__content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.software-vpp-form__content-disabled {
  transition: opacity 150ms ease-in-out;
  opacity: 0.5;
}
.software-vpp-form__form-content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.software-vpp-form__form-content--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.software-vpp-form__form-content--disabled:hover, .software-vpp-form__form-content--disabled:focus {
  cursor: default;
}
.software-vpp-form__form-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.software-vpp-form__form-frame {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
}
.software-vpp-form__form-frame .card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
}
.software-vpp-form__target {
  width: 100%;
}
@media (min-width: 990px) {
  .software-vpp-form__form-frame {
    flex-direction: row;
  }
}
.software-vpp-form__list-container {
  border: 1px solid #e2e4ea;
  border-radius: 6px;
}
.software-vpp-form__list {
  max-height: 280px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
}
.software-vpp-form__list-item {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #e2e4ea;
}
.software-vpp-form__list-item .app-platform {
  font-size: 0.875rem;
  color: #8b8fa2;
}
.software-vpp-form__list-item:last-child {
  border-bottom: none;
}
.software-vpp-form__app-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.software-vpp-form__help-text {
  font-size: 0.75rem;
  font-weight: 400;
  color: #8b8fa2;
}
.software-vpp-form__help-text .custom-link,
.software-vpp-form__help-text button {
  font-size: inherit;
}
.software-vpp-form__help-text .custom-link {
  font-size: 0.75rem;
}
.software-vpp-form__action-buttons {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
}

/** Styles are repetitive with .software-icon
* Future iteration: Better way to combine styling */
.os-icon {
  flex-shrink: 0;
}
.os-icon__small {
  border-radius: 4px;
}
.os-icon__medium {
  border-radius: 10px;
}
.os-icon__large {
  border-radius: 16px;
}
.os-icon__xlarge {
  border-radius: 16px;
}
.os-icon__os-img {
  display: block;
}
.os-icon > img.software-icon__software-img-small {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  margin-left: 0;
}
.os-icon > img.software-icon__software-img-medium {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin-left: 0;
}
.os-icon > img.software-icon__software-img-large {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  margin-left: 0;
}
.os-icon > img.software-icon__software-img-xlarge {
  width: 96px;
  height: 96px;
  border-radius: 16px;
  margin-left: 0;
}

/** Styles are repetitive with .os-icon
* Future iteration: Better way to combine styling */
.software-icon {
  flex-shrink: 0;
}
.software-icon__xsmall {
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
.software-icon__small {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.software-icon__medium {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
.software-icon__large {
  width: 64px;
  height: 64px;
  border-radius: 16px;
}
.software-icon__xlarge {
  width: 96px;
  height: 96px;
  border-radius: 16px;
}
.software-icon__software-img {
  display: block;
}
.software-icon > img.software-icon__software-img-xsmall {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin-left: 0;
}
.software-icon > img.software-icon__software-img-small {
  width: 24px;
  height: 24px;
  border-radius: 3px;
  margin-left: 0;
}
.software-icon > img.software-icon__software-img-medium {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin-left: 0;
}
.software-icon > img.software-icon__software-img-large {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  margin-left: 0;
}
.software-icon > img.software-icon__software-img-xlarge {
  width: 96px;
  height: 96px;
  border-radius: 16px;
  margin-left: 0;
}

.add-software-modal .tab-nav {
  margin-bottom: 0;
}

.categories-end-user-experience-preview-modal .modal__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.categories-end-user-experience-preview-modal__preview img {
  width: 100%;
}
.categories-end-user-experience-preview-modal .modal-cta-wrap {
  margin-top: 0;
}
.categories-end-user-experience-preview-modal__preview-card {
  max-height: 300px;
  overflow: hidden;
}
.categories-end-user-experience-preview-modal__preview-card .card-header__header {
  font-size: initial;
}
.categories-end-user-experience-preview-modal__preview-card__self-service {
  width: 515px;
  height: 310px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.categories-end-user-experience-preview-modal__preview-card .categories-menu {
  top: 0;
  width: 200px;
}
.categories-end-user-experience-preview-modal__preview-card .data-table__table {
  width: 325px;
}
.categories-end-user-experience-preview-modal__table {
  display: flex;
  flex-direction: row;
}
.categories-end-user-experience-preview-modal__disabled-overlay {
  position: absolute;
  width: 540px;
  height: 335px;
  z-index: 1000;
}

.modal__background:has(.categories-end-user-experience-preview-modal) {
  transition: none;
  animation: none;
}

.manage-software-automations-modal pre,
.manage-software-automations-modal code {
  background-color: #f9fafc;
  color: #3e4771;
  border: 1px solid #e2e4ea;
  border-radius: 4px;
  padding: 7px 1rem;
  margin: 1.5rem 0 0 44px;
}
.manage-software-automations-modal__error {
  color: #d66c7b;
}
.manage-software-automations-modal__software-automations__disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.manage-software-automations-modal__software-automations__disabled:hover, .manage-software-automations-modal__software-automations__disabled:focus {
  cursor: default;
}
.manage-software-automations-modal__no-integrations a {
  display: block;
}
.manage-software-automations-modal .component__tooltip-wrapper__tip-text {
  text-align: center;
}

.preview-payload-modal__sandbox-info {
  margin-top: 1rem;
}
.preview-payload-modal__sandbox-info p {
  margin: 0;
  margin-bottom: 1rem;
}
.preview-payload-modal__sandbox-info p:last-child {
  margin-bottom: 0;
}

.preview-ticket-modal__example {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.preview-ticket-modal__jira-screenshot, .preview-ticket-modal__zendesk-screenshot {
  width: 400px;
  height: auto;
  border-radius: 8px;
  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1));
}
.preview-ticket-modal .automations-learn-more {
  text-align: center;
}

.software-filters-modal .select-menu-outer {
  min-height: 500px;
}
.software-filters-modal .modal__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.software-filters-modal .Select-menu {
  padding-bottom: 1rem;
}
.software-filters-modal__cvss-range {
  display: flex;
  gap: 1rem;
}

.hash-cell {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
.hash-cell__sha256 {
  display: flex;
  align-items: center;
  width: 70px;
}
.hash-cell__copy-overlay {
  display: flex;
  position: relative;
  left: -100px;
  height: 25px;
  align-self: center;
}
.hash-cell__sha-copy-button {
  display: flex;
  align-items: center;
}
.hash-cell__copy-message {
  font-weight: 400;
  font-size: 0.875rem;
  vertical-align: top;
  background-color: #fafafa;
  border: solid 1px #e2e4ea;
  border-radius: 10px;
  padding: 2px 6px;
  margin: -4px 0;
}

.icon-cell {
  text-align: center;
}

.software-vulnerabilities-table .data-table__wrapper {
  overflow-x: auto;
}

.software-vulnerabilities-table .data-table__wrapper {
  overflow-x: auto;
}
.software-vulnerabilities-table .column-header {
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 990px) {
  .software-vulnerabilities-table .linkToFilteredHosts__header {
    width: 40px;
  }
  .software-vulnerabilities-table .view-all-hosts-link span {
    display: none;
  }
  .software-vulnerabilities-table .epss_probability__cell,
  .software-vulnerabilities-table .epss_probability__header,
  .software-vulnerabilities-table .cve_published__cell,
  .software-vulnerabilities-table .cve_published__header {
    display: none;
  }
}

.version-cell__version-text-with-tooltip {
  display: inline-block;
}
.version-cell__versions {
  margin: 0;
}

.vulnerabilities-cell__vulnerability-text-with-tooltip {
  display: inline-block;
}
.vulnerabilities-cell__vulnerability-list {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.software-add-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.software-app-store {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-app-store__content {
  display: flex;
  flex-direction: column;
}

.software-app-store-android__content {
  display: flex;
  flex-direction: column;
}
.software-app-store-android__premium-message, .software-app-store-android__error {
  margin-top: 5rem;
}
.software-app-store-android__enable-vpp-message, .software-app-store-android__no-vpp-message {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.software-app-store-android__enable-vpp-title, .software-app-store-android__no-vpp-title {
  font-weight: 600;
  margin: 0;
}
.software-app-store-android__enable-vpp-description, .software-app-store-android__no-vpp-description {
  margin: 0;
  color: #515774;
  text-align: center;
}

.software-app-store-vpp__content {
  display: flex;
  flex-direction: column;
}
.software-app-store-vpp__premium-message, .software-app-store-vpp__error {
  margin-top: 5rem;
}
.software-app-store-vpp__enable-vpp-message, .software-app-store-vpp__no-vpp-message {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}
.software-app-store-vpp__enable-vpp-title, .software-app-store-vpp__no-vpp-title {
  font-weight: 600;
  margin: 0;
}
.software-app-store-vpp__enable-vpp-description, .software-app-store-vpp__no-vpp-description {
  margin: 0;
  color: #515774;
  text-align: center;
}

.software-custom-package__premium-message {
  margin-top: 5rem;
}

.software-fleet-maintained__premium-message {
  margin-top: 5rem;
}

.fleet-maintained-app-details-page__back-to-add-software {
  margin-bottom: 1rem;
}
.fleet-maintained-app-details-page h1 {
  margin-bottom: 1.5rem;
}
.fleet-maintained-app-details-page__page-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.fleet-maintained-app-details-page__fleet-app-summary {
  display: flex;
  justify-content: space-between;
}
.fleet-maintained-app-details-page__fleet-app-summary--left {
  display: flex;
  gap: 1rem;
}
.fleet-maintained-app-details-page__fleet-app-summary--title {
  font-weight: 600;
  font-size: 1rem;
}
.fleet-maintained-app-details-page__fleet-app-summary--info {
  font-size: 0.875rem;
  display: flex;
  gap: 0.25rem;
}

.add-fleet-app-software-modal {
  margin-top: 215px;
  text-align: center;
}
.add-fleet-app-software-modal__spinner {
  margin: 0 auto;
}

.fleet-app-details-form {
  container-type: inline-size;
}
.fleet-app-details-form__form-frame {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
}
.fleet-app-details-form__form-frame .card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
}
@container (min-width: 926px) {
  .fleet-app-details-form__form-frame {
    flex-direction: row;
  }
}
.fleet-app-details-form__advanced-options-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
}
.fleet-app-details-form__advanced-options-fields {
  width: 100%;
}
.fleet-app-details-form__action-buttons {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
}
.fleet-app-details-form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.fleet-app-details-form fieldset legend {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.fleet-app-details-form__radio-input {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fleet-app-details-form .info-banner {
  margin-top: 0.5rem;
}
.fleet-app-details-form .form-fields--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.fleet-app-details-form .form-fields--disabled:hover, .fleet-app-details-form .form-fields--disabled:focus {
  cursor: default;
}

.fleet-app-details-modal__modal-content {
  display: grid;
  grid-template-columns: 2fr 1fr; /* Left column takes 2/3, right column takes 1/3 */
  grid-template-rows: auto auto; /* Two rows with automatic height */
  gap: 2rem; /* Space between rows and columns */
}
.fleet-app-details-modal__modal-content > *:last-child {
  grid-column: 1/-1; /* Make the URL all columns */
}
.fleet-app-details-modal dd {
  gap: 0.25rem;
}
.fleet-app-details-modal__copy-message {
  font-weight: 400;
  font-size: 0.875rem;
  vertical-align: top;
  background-color: #fafafa;
  border: solid 1px #e2e4ea;
  border-radius: 10px;
  padding: 2px 6px;
  margin: -4px 0;
}
.fleet-app-details-modal__action-overlay {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  width: 0;
  height: 16px;
}
.fleet-app-details-modal__action-overlay span {
  font-weight: 400;
}
.fleet-app-details-modal .react-tooltip {
  min-width: 120px;
}
.fleet-app-details-modal .data-set {
  max-width: -moz-min-content;
  max-width: min-content;
  overflow: hidden;
}

.fleet-maintained-apps-table .macos__header .column-header,
.fleet-maintained-apps-table .windows__header .column-header {
  display: flex;
  justify-content: center;
}

.software-os {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.software-os-table__platform-dropdown {
  width: 200px;
}
.software-os-table__platform-dropdown .Select-menu-outer {
  width: 160px;
  max-height: -moz-min-content;
  max-height: min-content;
}
.software-os-table__platform-dropdown .Select-menu-outer .Select-menu {
  max-height: none;
}
.software-os-table .hosts-cell__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.software-os-table .os-hosts-link {
  opacity: 0;
  transition: 250ms;
}
.software-os-table tr:hover .os-hosts-link {
  opacity: 1;
}
.software-os-table .table-container__data-table-block .data-table-block .data-table__wrapper {
  overflow-x: auto;
}
.software-os-table .table-container__data-table-block .data-table-block .data-table__table tbody .name_only__cell {
  max-width: 252px;
}
.software-os-table .table-container__data-table-block .data-table-block .data-table__table tbody .name_only__cell .children-wrapper {
  overflow: initial;
}
.software-os-table .table-container__data-table-block .data-table-block .data-table__table tbody .link-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.software-os-details-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-os-details-page .team-dropdown-wrapper {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.software-os-details-page h2 {
  font-size: 1rem;
}
.software-os-details-page__vulnerabilities-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.software-title-details-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-title-details-page .team-dropdown-wrapper {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.software-title-details-page h2 {
  font-size: 1rem;
}

.software-summary-and-versions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.delete-software-modal {
  overflow-wrap: anywhere;
}

.edit-auto-update-config-modal .modal__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.edit-auto-update-config-modal .modal-footer__content-wrapper {
  padding-top: 1.5rem;
}
.edit-auto-update-config-modal .edit-auto-update-config-form--disabled {
  opacity: 0.5;
  filter: grayscale(0.5);
  pointer-events: none;
  cursor: default;
}
.edit-auto-update-config-modal .edit-auto-update-config-form--disabled:hover, .edit-auto-update-config-modal .edit-auto-update-config-form--disabled:focus {
  cursor: default;
}
.edit-auto-update-config-modal .edit-auto-update-config-form__form-frame {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
}
.edit-auto-update-config-modal .edit-auto-update-config-form__form-frame .card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex: 1 0 0;
  align-self: stretch;
}
.edit-auto-update-config-modal .edit-auto-update-config-form__auto-update-config {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.edit-auto-update-config-modal .edit-auto-update-config-form__auto-update-config .form-field {
  gap: 0.5rem;
}
.edit-auto-update-config-modal .edit-auto-update-config-form__auto-update-schedule-form .date-time-inputs {
  display: flex;
  gap: 1rem;
}
.edit-auto-update-config-modal .edit-auto-update-config-form__auto-update-schedule-form .date-time-inputs .form-field {
  gap: 0.5rem;
}

.edit-configuration-modal .modal__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.edit-configuration-modal .modal-footer__content-wrapper {
  padding-top: 1.5rem;
}

.edit-icon-modal h2 {
  font-size: 1.25rem;
}
.edit-icon-modal .modal__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.edit-icon-modal__preview-card {
  max-height: 203px;
  overflow: hidden;
}
.edit-icon-modal__preview-card__fleet, .edit-icon-modal__preview-card__self-service {
  width: 500px;
}
.edit-icon-modal__preview-card__fleet h1 {
  width: 400px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-icon-modal__preview-card__fleet img {
  border-radius: 16px;
}
.edit-icon-modal__preview-card__self-service {
  height: 350px;
}
.edit-icon-modal__preview-img-container img {
  width: 124%;
}
.edit-icon-modal__preview-img-container--mobile img {
  width: 100%;
}
.edit-icon-modal__preview-results-count {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 40px;
}
.edit-icon-modal__preview-results-count > span:first-child {
  font-weight: 600;
}
.edit-icon-modal__preview-table {
  width: 520px;
  height: 100px;
  border-top-right-radius: 0;
}
.edit-icon-modal__self-service-preview {
  position: relative;
  top: -79px;
  left: 188px;
  display: flex;
  gap: 0.25rem;
  font-size: 12px;
  align-items: center;
  max-width: 210px;
}
.edit-icon-modal__self-service-preview .software-icon__xsmall {
  border-radius: 3px;
}
.edit-icon-modal__self-service-preview--mobile {
  position: relative;
  top: -88px;
  left: 156px;
  display: flex;
  gap: 0.5rem;
  font-size: 12px;
  align-items: center;
  max-width: 210px;
}
.edit-icon-modal__self-service-preview--mobile .software-icon__xsmall {
  border-radius: 3px;
}
.edit-icon-modal__self-service-preview-name {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.edit-icon-modal__self-service-preview-name-version--mobile {
  display: flex;
  flex-direction: column;
  font-size: 0.625rem;
}
.edit-icon-modal__self-service-preview-name--mobile {
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-weight: 600;
}
.edit-icon-modal__mask-overlay {
  position: relative;
  width: 550px;
  background: linear-gradient(180deg, rgba(249, 250, 252, 0) 0%, rgba(249, 250, 252, 0.75) 29.33%, #f9fafc 83.17%);
}
.edit-icon-modal__mask-overlay--fleet {
  bottom: 156px;
  height: 135px;
}
.edit-icon-modal__mask-overlay--self-service {
  bottom: 200px;
  height: 75px;
}
.edit-icon-modal .modal-footer__content-wrapper {
  padding-top: 1.5rem;
}

.edit-software-modal__form-inputs {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.edit-software-modal__input-field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.edit-software-modal--hidden {
  display: none;
}
.edit-software-modal .software-vpp-form__form-frame {
  flex-direction: column;
}

.software-installer-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: space-between;
  align-items: center;
}
.software-installer-card__actions {
  display: flex;
  align-items: center;
}
.software-installer-card__actions .component__tooltip-wrapper__element {
  display: flex;
}
.software-installer-card__installer-status-table, .software-installer-card__installer-policies-table {
  width: 100%;
}
.software-installer-card__installer-header, .software-installer-card__row-1 {
  display: flex;
  width: 100%;
  gap: 1rem;
}
.software-installer-card__row-1--responsive-wrap {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.software-installer-card__auto-updates-tooltip {
  text-align: center;
}
@media (max-width: 1180px) {
  .software-installer-card .installer-details-widget__details {
    flex-wrap: wrap;
  }
  .software-installer-card__row-1--responsive-wrap {
    flex-direction: column;
    gap: 1rem;
  }
  .software-installer-card__actions .children-wrapper {
    align-self: start;
  }
  .software-installer-card__installer-header {
    flex-direction: column;
    gap: 1rem;
  }
}
.software-installer-card__tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 1rem;
}
.software-installer-card__installer-statuses {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid #e2e4ea;
  font-size: 0.875rem;
}
.software-installer-card__actions-wrapper {
  display: flex;
  gap: 1rem;
}
.software-installer-card__download-icon {
  display: flex;
  justify-content: center;
  width: 44px;
}
@media (max-width: 990px) {
  .software-installer-card {
    align-items: flex-start;
  }
  .software-installer-card__main-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

.installer-details-widget {
  display: flex;
  gap: 1rem;
}
.installer-details-widget__title {
  font-size: 0.875rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: auto;
  max-width: 48vw;
}
.installer-details-widget__info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
}
.installer-details-widget__details {
  display: flex;
  gap: 0.25rem;
  font-size: 0.75rem;
  align-items: center;
}
.installer-details-widget__sha256 {
  display: flex;
  align-items: center;
  margin: -0.5rem 0;
}
.installer-details-widget__copy-overlay {
  display: flex;
  position: relative;
  left: -95px;
}
.installer-details-widget__sha-copy-button {
  display: flex;
  align-items: center;
}
.installer-details-widget__copy-message {
  font-weight: 400;
  font-size: 0.875rem;
  vertical-align: top;
  background-color: #fafafa;
  border: solid 1px #e2e4ea;
  border-radius: 10px;
  padding: 2px 6px;
  margin: -4px 0;
}

.installer-status-table__status-title {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.installer-status-table__status-title {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.software-summary-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.software-title-versions-table .empty-table__container {
  margin: 0.5rem auto;
}

.view-yaml-modal {
  overflow-wrap: anywhere;
}
.view-yaml-modal .info-banner__info p {
  margin: 0;
}
.view-yaml-modal__form-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.software-titles {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.software-table__software-filter {
  min-width: 240px;
}
.software-table__filter-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.software-table__filters .component__tooltip-wrapper__element {
  display: flex;
  align-items: center;
}
.software-table__filters .children-wrapper {
  gap: 0.5rem;
}
.software-table .table-container__results-count .form-field--slider {
  align-self: center;
}
.software-table .table-container__search-input, .software-table .table-container__search {
  width: 100%;
}
.software-table .table-container__search-input .input-icon-field__input, .software-table .table-container__search .input-icon-field__input {
  min-width: 213px;
  height: 36px;
}
@media (min-width: 1180px) {
  .software-table .table-container__search-input, .software-table .table-container__search {
    width: auto;
  }
  .software-table .table-container__search-input .input-icon-field__input, .software-table .table-container__search .input-icon-field__input {
    width: 310px;
  }
}
.software-table .table-container__data-table-block .data-table-block .data-table__table thead .name__header {
  width: 252px;
}
@media (min-width: 1400px) {
  .software-table .table-container__data-table-block .data-table-block .data-table__table thead .versions__header {
    width: 252px;
  }
}
.software-table .table-container__data-table-block .data-table-block .data-table__table tbody .name__cell {
  max-width: 252px;
}
.software-table .table-container__data-table-block .data-table-block .data-table__table tbody .name__cell .children-wrapper {
  overflow: initial;
}
.software-table .table-container__data-table-block .data-table-block .data-table__table tbody .name__cell .software-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.software-table .table-container__data-table-block .data-table-block .data-table__table tbody .hosts_count__cell .hosts-cell__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.software-table .table-container__data-table-block .data-table-block .data-table__table tbody .hosts_count__cell .hosts-cell__wrapper .hosts-cell__link {
  display: flex;
  white-space: nowrap;
}
@media (min-width: 880px) {
  .software-table .table-container__data-table-block .data-table-block .data-table__table tbody .name__cell {
    max-width: 352px;
  }
}
@media (min-width: 1400px) {
  .software-table .table-container__data-table-block .data-table-block .data-table__table tbody .versions__cell {
    width: 252px;
  }
}
.software-table .data-table__wrapper {
  overflow-x: auto;
}
.software-table .view-all-hosts__cell {
  display: flex;
  justify-content: flex-end;
}

.software-version-details-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-version-details-page .team-dropdown-wrapper {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.software-version-details-page h2 {
  font-size: 1rem;
}
.software-version-details-page__vulnerabilities-section {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.software-vulnerabilities {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.software-vulnerabilities-table__exploited-vulnerabilities-filter {
  min-width: 255px;
}
.software-vulnerabilities-table__count {
  display: flex;
  gap: 12px;
  align-items: center;
}
.software-vulnerabilities-table .hosts-cell__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.software-vulnerabilities-table .vulnerabilities-hosts-link {
  opacity: 0;
  transition: 250ms;
}
.software-vulnerabilities-table tr:hover .os-hosts-link {
  opacity: 1;
}
.software-vulnerabilities-table .table-container__data-table-block .data-table-block .data-table__table tbody .link-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.software-vulnerability-details-page {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-vulnerability-details-page .team-dropdown-wrapper {
  display: flex;
  align-items: center;
  height: 38px;
  justify-content: space-between;
}
.software-vulnerability-details-page * > h1,
.software-vulnerability-details-page h1 {
  font-size: 1.5rem;
}
.software-vulnerability-details-page h2 {
  font-size: 1.25rem;
}
.software-vulnerability-details-page .resolved-suffix {
  display: inline;
}
@media (max-width: 990px) {
  .software-vulnerability-details-page .resolved-suffix {
    display: none;
  }
}
.software-vulnerability-details-page .table-container__results-count,
.software-vulnerability-details-page .table-container .results-count {
  height: initial;
}
.software-vulnerability-details-page .table-container .data-table-block .data-table tbody tr .hosts_count__cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.software-vulnerability-details-page .table-container .data-table-block .data-table tbody tr .hosts_count__cell .w250 {
  min-width: initial;
  height: -moz-min-content;
  height: min-content;
}
.software-vulnerability-details-page .table-container .data-table-block .data-table tbody td .link-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.software-vuln-os-versions {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.software-vuln-software-versions {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.software-vuln-summary {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.software-vuln-summary__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.software-vuln-summary__header__links {
  display: flex;
  gap: 1.2rem;
}
.software-vuln-summary__header__links .component__tooltip-wrapper__underline {
  top: 0;
}
.software-vuln-summary__description {
  font-size: 0.875rem;
  line-height: 21px;
}
.software-vuln-summary__description-list {
  flex-direction: row;
  gap: 24px 40px;
  flex-wrap: wrap;
}
.software-vuln-summary__description-list .data-set {
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.software-vuln-summary__description-list .data-set .component__tooltip-wrapper__underline {
  top: 0;
}
.software-vuln-summary__description-list .tooltip__tooltip-text {
  white-space: pre-wrap;
}