/**
 * 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 {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  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 {
  -webkit-animation: Select-animation-fadeIn 200ms;
  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;
}
@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@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);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

.rc-pagination {
  font-size: 12px;
  font-family: 'Arial';
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0;
}
.rc-pagination > li {
  list-style: none;
}
.rc-pagination-total-text {
  float: left;
  height: 30px;
  line-height: 30px;
  list-style: none;
  padding: 0;
  margin: 0 8px 0 0;
}
.rc-pagination:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.rc-pagination-item {
  cursor: pointer;
  border-radius: 6px;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  list-style: none;
  float: left;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  margin-right: 8px;
}
.rc-pagination-item a {
  text-decoration: none;
  color: #666;
}
.rc-pagination-item:hover {
  border-color: #2db7f5;
}
.rc-pagination-item:hover a {
  color: #2db7f5;
}
.rc-pagination-item-active {
  background-color: #2db7f5;
  border-color: #2db7f5;
}
.rc-pagination-item-active a {
  color: #fff;
}
.rc-pagination-item-active:hover a {
  color: #fff;
}
.rc-pagination-jump-prev:after,
.rc-pagination-jump-next:after {
  content: "\2022\2022\2022";
  display: block;
  letter-spacing: 2px;
  color: #ccc;
  font-size: 12px;
  margin-top: 1px;
}
.rc-pagination-jump-prev:hover:after,
.rc-pagination-jump-next:hover:after {
  color: #2db7f5;
}
.rc-pagination-jump-prev:hover:after {
  content: "\AB";
}
.rc-pagination-jump-next:hover:after {
  content: "\BB";
}
.rc-pagination-prev,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  margin-right: 8px;
}
.rc-pagination-prev,
.rc-pagination-next,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  cursor: pointer;
  color: #666;
  font-size: 10px;
  border-radius: 6px;
  list-style: none;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  float: left;
  text-align: center;
}
.rc-pagination-prev a:after {
  content: "\2039";
  display: block;
}
.rc-pagination-next a:after {
  content: "\203A";
  display: block;
}
.rc-pagination-prev,
.rc-pagination-next {
  border: 1px solid #d9d9d9;
  font-size: 18px;
}
.rc-pagination-prev a,
.rc-pagination-next a {
  color: #666;
}
.rc-pagination-prev a:after,
.rc-pagination-next a:after {
  margin-top: -1px;
}
.rc-pagination-disabled {
  cursor: not-allowed;
}
.rc-pagination-disabled a {
  color: #ccc;
}
.rc-pagination-options {
  float: left;
  margin-left: 15px;
}
.rc-pagination-options-size-changer {
  float: left;
  width: 80px;
}
.rc-pagination-options-quick-jumper {
  float: left;
  margin-left: 16px;
  height: 28px;
  line-height: 28px;
}
.rc-pagination-options-quick-jumper input {
  margin: 0 8px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 3px 12px;
  width: 50px;
  height: 28px;
}
.rc-pagination-options-quick-jumper input:hover {
  border-color: #2db7f5;
}
.rc-pagination-options-quick-jumper button {
  display: inline-block;
  margin: 0 8px;
  font-weight: 500;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0 15px;
  font-size: 12px;
  border-radius: 6px;
  height: 28px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.rc-pagination-options-quick-jumper button:hover,
.rc-pagination-options-quick-jumper button:active,
.rc-pagination-options-quick-jumper button:focus {
  color: #2db7f5;
  background-color: #fff;
  border-color: #2db7f5;
}
.rc-pagination-simple .rc-pagination-prev,
.rc-pagination-simple .rc-pagination-next {
  border: none;
  height: 24px;
  line-height: 24px;
  margin: 0;
  font-size: 18px;
}
.rc-pagination-simple .rc-pagination-simple-pager {
  float: left;
  margin-right: 8px;
  list-style: none;
}
.rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash {
  margin: 0 10px;
}
.rc-pagination-simple .rc-pagination-simple-pager input {
  margin: 0 8px;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  outline: none;
  padding: 5px 8px;
  min-height: 20px;
}
.rc-pagination-simple .rc-pagination-simple-pager input:hover {
  border-color: #2db7f5;
}
.rc-pagination-simple .rc-pagination-simple-pager button {
  display: inline-block;
  margin: 0 8px;
  font-weight: 500;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 0 8px;
  font-size: 12px;
  border-radius: 6px;
  height: 26px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
}
.rc-pagination-simple .rc-pagination-simple-pager button:hover,
.rc-pagination-simple .rc-pagination-simple-pager button:active,
.rc-pagination-simple .rc-pagination-simple-pager button:focus {
  color: #2db7f5;
  background-color: #fff;
  border-color: #2db7f5;
}
@media only screen and (max-width: 1024px) {
  .rc-pagination-item-after-jump-prev,
  .rc-pagination-item-before-jump-next {
    display: none;
  }
}

.ace_editor.ace-kolide {
  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-kolide.ace_focus {
  box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.16);
  background: transparent;
}

.ace_editor.ace-kolide.ace_focus .ace_gutter {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.ace_editor.ace-kolide.ace_focus .ace_scroller {
  border-bottom: solid 1px #c38dec;
}

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

.ace-kolide .ace_content {
  padding-left: 6px;
  height: 100% !important;
}

.ace-kolide .ace_gutter {
  background: #fff;
  color: #c38dec;
  z-index: 1;
  border-right: solid 1px #E3E3E3;
}

.ace-kolide .ace_gutter-active-line {
  background-color: rgba(174, 109, 223, 0.15);
  border-radius: 2px;
  left: 4px;
  right: 4px;
  height: 18px !important;
  margin-top: 3px;
}

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

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

.ace-kolide .ace_cursor {
  color: #aeafad
}

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

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

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

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

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

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

.ace-kolide .ace_invisible {
  color: #d1d1d1
}

.ace-kolide .ace_keyword {
  color: #ae6ddf;
  font-weight: 600;
}

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

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

.ace-kolide .ace_string {
  color: #4fd061;
}

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

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

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

.ace-kolide .ace_constant.ace_other {
  color: #666969
}

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

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

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

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

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

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

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

.ace-kolide .ace_comment {
  color: #8e908c
}

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

@charset "UTF-8";
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url(./Nunito-Sans-Bold@42a0afadbb8fc1b7b0003af01fe73412.eot);
  src: local(""), url(./Nunito-Sans-Regular@1321ef46f9cc5d9b17568c20dc3106bf.eot?#iefix) format("embedded-opentype"), url(./Nunito-Sans-Regular@8ace450709844437a579d4f4c7c37b42.woff) format("woff"), url(./Nunito-Sans-Regular@49ffe17ecbcd39ee72e4646616db3d80.ttf) format("truetype"); }

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url(./Nunito-Sans-Bold@42a0afadbb8fc1b7b0003af01fe73412.eot);
  src: local(""), url(./Nunito-Sans-Bold@42a0afadbb8fc1b7b0003af01fe73412.eot?#iefix) format("embedded-opentype"), url(./Nunito-Sans-Bold@1aa5d63eca4940fbbb5181895e9bc008.woff) format("woff"), url(./Nunito-Sans-Bold@39273678b9c1075df2e148a6ba31e42f.ttf) format("truetype"); }

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: url(./Nunito-Sans-Regular-Italic@772e1e0efa466d5042b6fb1bbb994a43.eot);
  src: local(""), url(./Nunito-Sans-Regular-Italic@772e1e0efa466d5042b6fb1bbb994a43.eot?#iefix) format("embedded-opentype"), url(./Nunito-Sans-Regular-Italic@e14ffefb3a60e5d5a9a47519882f92e8.woff) format("woff"), url(./Nunito-Sans-Regular-Italic@6367479ed7e30ff2dae8883470d52a27.ttf) format("truetype"); }

@font-face {
  font-family: 'kolidecons';
  src: url(./kolidecons@4959f6a6f76ce3d39fc83b0f1b1d4894.woff2) format("woff2"), url(./kolidecons@1a543b8d9f51de6682fba5fe895c0985.woff) format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'SourceCodePro';
  src: url(./Source-Code-Pro-Regular@921466c1ca8f6f59cdfa4069e8109312.eot);
  src: url(./Source-Code-Pro-Regular@921466c1ca8f6f59cdfa4069e8109312.eot?#iefix) format("embedded-opentype"), url(./Source-Code-Pro-Regular.ttf@f664ea9345f4567f31cc06a33ac24b46.woff) format("woff"), url(./Source-Code-Pro-Regular@210a559cec954416d145f31ad50efb63.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'SourceCodePro';
  src: url(./Source-Code-Pro-Bold@a61823844069598e6979024b62bd0681.eot);
  src: url(./Source-Code-Pro-Bold@a61823844069598e6979024b62bd0681.eot?#iefix) format("embedded-opentype"), url(./Source-Code-Pro-Bold@5a085db27a43c3351e2983f7a755dc5e.woff) format("woff"), url(./Source-Code-Pro-Bold@5f4f2ffc1f9adbb434bb780993add331.ttf) format("truetype");
  font-weight: 600;
  font-style: normal; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.input-with-icon ::-webkit-input-placeholder {
  color: #506e92;
  opacity: 1; }

.input-with-icon ::-moz-placeholder {
  color: #506e92;
  opacity: 1; }

.input-with-icon :-ms-input-placeholder {
  color: #506e92;
  opacity: 1; }

.input-with-icon ::-ms-input-placeholder {
  color: #506e92;
  opacity: 1; }

.input-with-icon ::placeholder {
  color: #506e92;
  opacity: 1; }

html {
  position: relative;
  min-width: 768px;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  color: #192147;
  padding: 0;
  margin: 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.25rem;
  min-width: 1024px;
  height: 100%; }

html,
body {
  height: 100%; }

.wrapper,
.wrapper > div {
  min-height: 100vh; }

h1,
h2,
h3 {
  line-height: 1.2; }

h1 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: #192147;
  margin: 0; }

a {
  color: #ae6ddf; }

.wrapper {
  background: linear-gradient(360deg, #201e43 0%, #353d62 100%);
  margin: 0; }

.body-wrap {
  padding: 50px 30px 0;
  border-radius: 3px;
  background-color: #fff;
  border: solid 1px #fff;
  min-width: 910px;
  max-width: calc(100vw - 217px - 1.125rem); }
  .core-wrapper--small .body-wrap {
    max-width: calc(100vw - 55px - 1.125rem); }
  .has-sidebar .body-wrap {
    margin-right: 0;
    min-width: 610px;
    max-width: calc(100vw - 217px - 1.875rem - 1.875rem - 0.125rem - 335px); }
    .core-wrapper--small .has-sidebar .body-wrap {
      max-width: calc(100vw - 55px - 1.875rem - 1.875rem - 0.125rem - 300px); }
    @media (max-width: 1185px) {
      .has-sidebar .body-wrap {
        max-width: calc(100vw - 55px - 1.875rem - 1.875rem - 0.125rem - 300px); } }
  @media (max-width: 1185px) {
    .body-wrap {
      max-width: calc(100vw - 55px - 1.125rem); } }

.has-sidebar {
  display: flex;
  height: 100%; }
  .has-sidebar > *:first-child {
    flex-grow: 1;
    align-self: flex-start;
    margin-right: 0; }

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

input,
textarea,
button {
  font-family: 'Nunito Sans', sans-serif; }
  input:-webkit-autofill,
  textarea:-webkit-autofill,
  button:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #3e4771 !important; }

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

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

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

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

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

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

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

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

.kolidecon-kolide-logo-flat:before {
  content: '\F000'; }

.kolidecon-chevrondown:before {
  content: '\F004'; }

.kolidecon-chevronleft:before {
  content: '\F006'; }

.kolidecon-chevronright:before {
  content: '\F008'; }

.kolidecon-chevronup:before {
  content: '\F00A'; }

.kolidecon-cpu:before {
  content: '\F00C'; }

.kolidecon-downcarat:before {
  content: '\F00D'; }

.kolidecon-filter:before {
  content: '\F00F'; }

.kolidecon-mac:before {
  content: '\F012'; }

.kolidecon-memory:before {
  content: '\F013'; }

.kolidecon-storage:before {
  content: '\F019'; }

.kolidecon-upcarat:before {
  content: '\F01B'; }

.kolidecon-uptime:before {
  content: '\F01C'; }

.kolidecon-world:before {
  content: '\F01D'; }

.kolidecon-osquery:before {
  content: '\F021'; }

.kolidecon-join:before {
  content: '\F022'; }

.kolidecon-add-button:before {
  content: '\F029'; }

.kolidecon-packs:before {
  content: '\F02F'; }

.kolidecon-help:before {
  content: '\F030'; }

.kolidecon-admin:before {
  content: '\F031'; }

.kolidecon-config:before {
  content: '\F032'; }

.kolidecon-mia:before {
  content: '\F034'; }

.kolidecon-success-check:before {
  content: '\F035'; }

.kolidecon-offline:before {
  content: '\F036'; }

.kolidecon-windows-original:before {
  content: '\F037'; }

.kolidecon-centos-original:before {
  content: '\F038'; }

.kolidecon-ubuntu-original:before {
  content: '\F039'; }

.kolidecon-apple-original:before {
  content: '\F03A'; }

.kolidecon-search:before {
  content: '\F03B'; }

.kolidecon-all-hosts:before {
  content: '\F03C'; }

.kolidecon-alerts:before {
  content: '\F03E'; }

.kolidecon-logout:before {
  content: '\F03F'; }

.kolidecon-user-settings:before {
  content: '\F040'; }

.kolidecon-clipboard:before {
  content: '\F043'; }

.kolidecon-list-select:before {
  content: '\F044'; }

.kolidecon-grid-select:before {
  content: '\F045'; }

.kolidecon-label:before {
  content: '\F033'; }

.kolidecon-docker:before {
  content: '\F046'; }

.kolidecon-cloud:before {
  content: '\F047'; }

.kolidecon-self-hosted:before {
  content: '\F048'; }

.kolidecon-help-solid:before {
  content: '\F049'; }

.kolidecon-help-stroke:before {
  content: '\F04A'; }

.kolidecon-warning-filled:before {
  content: '\F04B'; }

.kolidecon-delete-cloud:before {
  content: '\F04C'; }

.kolidecon-pdf:before {
  content: '\F04D'; }

.kolidecon-credit-card-small:before {
  content: '\F04E'; }

.kolidecon-billing-card:before {
  content: '\F04F'; }

.kolidecon-lock-big:before {
  content: '\F050'; }

.kolidecon-link-big:before {
  content: '\F051'; }

.kolidecon-briefcase:before {
  content: '\F052'; }

.kolidecon-name-card:before {
  content: '\F053'; }

.kolidecon-kolide-logo:before {
  content: '\F054'; }

.kolidecon-business:before {
  content: '\F055'; }

.kolidecon-clock:before {
  content: '\F056'; }

.kolidecon-host-large:before {
  content: '\F057'; }

.kolidecon-single-host:before {
  content: '\F03D'; }

.kolidecon-username:before {
  content: '\F02A'; }

.kolidecon-password:before {
  content: '\F02B'; }

.kolidecon-email:before {
  content: '\F02C'; }

.kolidecon-hosts:before {
  content: '\F02E'; }

.kolidecon-query:before {
  content: '\F02D'; }

.kolidecon-import:before {
  content: '\F058'; }

.kolidecon-pencil:before {
  content: '\F059'; }

.kolidecon-add-plus:before {
  content: '\F05A'; }

.kolidecon-x:before {
  content: '\F05B'; }

.kolidecon-kill-kolide:before {
  content: '\F05C'; }

.kolidecon-right-arrow:before {
  content: '\F05D'; }

.kolidecon-camera:before {
  content: '\F05E'; }

.kolidecon-plus-minus:before {
  content: '\F05F'; }

.kolidecon-bold-plus:before {
  content: '\F060'; }

.kolidecon-linux-original:before {
  content: '\F061'; }

.kolidecon-clock2:before {
  content: '\F063'; }

.kolidecon-trash:before {
  content: '\F064'; }

.kolidecon-laptop-plus:before {
  content: '\F066'; }

.kolidecon-wrench-hand:before {
  content: '\F067'; }

.kolidecon-external-link:before {
  content: '\F068'; }

.kolidecon-fullscreen:before {
  content: '\F069'; }

.kolidecon-windowed:before {
  content: '\F06A'; }

.kolidecon-heroku:before {
  content: '\F06B'; }

.kolidecon-ubuntu:before {
  content: '\F06C'; }

.kolidecon-windows:before {
  content: '\F06D'; }

.kolidecon-centos:before {
  content: '\F06E'; }

.kolidecon-apple:before {
  content: '\F06F'; }

.kolidecon-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 #fff transparent transparent;
  border-width: 15px;
  right: 99%;
  top: 23px; }

.container-triangle.left::before {
  border-color: transparent #3e4771 transparent transparent;
  border-width: 16px;
  right: 99%;
  top: 22px;
  z-index: -1; }

.container-triangle.right::after {
  border-color: transparent transparent transparent #fff;
  border-width: 15px;
  left: 99%;
  top: 23px; }

.container-triangle.right::before {
  border-color: transparent transparent transparent #3e4771;
  border-width: 16px;
  left: 99%;
  top: 22px;
  z-index: -1; }

.auth-form-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  padding: 1.125rem 0; }
  .auth-form-wrapper__logo {
    width: 120px;
    margin: 0 auto; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .auth-form-wrapper {
      height: 100vh; } }

.avatar {
  background: #fff url(./avatar-default@23086def317630fcdd4fddddd5ca37f5.png) center 100% no-repeat;
  background-size: cover;
  border-radius: 50%; }
  .avatar--small {
    height: 20px;
    width: 20px; }

.button {
  background-color: #6a67fe;
  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: #fff;
  text-decoration: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 1rem;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  display: inline-flex;
  height: 38px;
  top: 0;
  border: 0;
  cursor: pointer; }
  .button.button--disabled:hover {
    background-color: #6a67fe; }
  .button:focus {
    outline: none; }
  .button--brand {
    background-color: #6a67fe; }
    .button--brand.button--disabled:hover {
      background-color: #6a67fe; }
    .button--brand:hover {
      background-color: #5855eb; }
    .button--brand:active {
      background-color: #3f3cd4; }
  .button--success {
    background-color: #27d77e; }
    .button--success.button--disabled:hover {
      background-color: #27d77e; }
  .button--alert {
    background-color: #ff5c83; }
    .button--alert.button--disabled:hover {
      background-color: #ff5c83; }
    .button--alert:hover {
      background-color: #e93661; }
    .button--alert:active {
      background-color: #cb3559; }
  .button--blue-green {
    background-color: #25c3ba; }
    .button--blue-green.button--disabled:hover {
      background-color: #25c3ba; }
  .button--grey {
    background-color: #506e92; }
    .button--grey.button--disabled:hover {
      background-color: #506e92; }
    .button--grey:hover {
      background-color: #426186; }
    .button--grey:active {
      background-color: #345073; }
  .button--warning {
    background-color: #f2c94c; }
    .button--warning.button--disabled:hover {
      background-color: #f2c94c; }
  .button--link {
    background-color: #ae6ddf; }
    .button--link.button--disabled:hover {
      background-color: #ae6ddf; }
  .button--inverse {
    background-color: #fff;
    color: #6a67fe;
    border: 2px solid #6a67fe;
    box-sizing: border-box; }
    .button--inverse:hover {
      border: 2px solid #5855eb;
      color: #5855eb; }
    .button--inverse:active {
      border: 2px solid #3f3cd4;
      color: #3f3cd4; }
  .button--inverse-alert {
    background-color: #fff;
    color: #ff5c83;
    border: 2px solid #ff5c83;
    box-sizing: border-box; }
    .button--inverse-alert:hover {
      border: 2px solid #e93661;
      color: #e93661; }
    .button--inverse-alert:active {
      border: 2px solid #cb3559;
      color: #cb3559; }
  .button--block {
    display: block;
    width: 100%; }
  .button--disabled {
    opacity: 0.4;
    cursor: default; }
    .button--disabled:hover {
      cursor: default; }
  .button--unstyled {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: #3e4771;
    cursor: pointer;
    margin: 0;
    padding: 0;
    height: auto;
    line-height: normal; }
    .button--unstyled.button--disabled:hover {
      background-color: transparent; }
    .button--unstyled:active {
      box-shadow: none;
      top: 0; }
    .button--unstyled:focus {
      outline: none; }
    .button--unstyled:hover {
      background-color: transparent;
      box-shadow: none; }
  .button--contextual-nav-item {
    background-color: transparent;
    display: flex;
    justify-content: space-between; }
    .button--contextual-nav-item.button--disabled:hover {
      background-color: transparent; }
    .button--contextual-nav-item:hover {
      background-color: rgba(106, 103, 254, 0.1); }

.dropdown-button__wrapper {
  display: inline-block;
  position: relative; }

.dropdown-button__carat {
  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: 2;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(52, 59, 96, 0.15); }
  .dropdown-button__options--opened {
    display: inline-block; }

.dropdown-button__option {
  display: block; }
  .dropdown-button__option .button {
    color: #3e4771;
    text-transform: none;
    text-align: left;
    font-weight: 400;
    margin: 0;
    border-radius: 0;
    padding: 0 10px;
    white-space: nowrap;
    width: 100%;
    font-size: 15px;
    height: 38px;
    letter-spacing: -0.5px; }
    .dropdown-button__option .button:hover {
      background-color: #6a67fe;
      color: #fff; }

.ellipsis-menu {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  position: absolute; }
  .ellipsis-menu__btn {
    color: #3e4771;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -1px; }
  .ellipsis-menu__triangle {
    position: absolute;
    top: -22px;
    z-index: 1; }
    .ellipsis-menu__triangle--left {
      left: -218px; }
    .ellipsis-menu__triangle--right {
      right: -218px; }

.enroll-secrets {
  max-height: 10em;
  overflow: auto; }
  .enroll-secrets__secret-input .form-field__label {
    position: relative;
    font-size: 0.875rem;
    font-weight: 700;
    margin-top: 8px; }
  .enroll-secrets__secret-input .input-field--disabled {
    letter-spacing: 0; }
  .enroll-secrets__secret-input .input-field--password {
    letter-spacing: 4px; }
  .enroll-secrets__secret-copy-icon {
    color: #6a67fe;
    margin-right: 16px; }
  .enroll-secrets .buttons {
    display: flex;
    align-items: center;
    position: absolute;
    right: 16px;
    transform: translateY(100%);
    height: 16px; }
    .enroll-secrets .buttons span {
      font-weight: 400; }
    .enroll-secrets .buttons a {
      display: flex;
      align-items: center; }
    .enroll-secrets .buttons img {
      width: 16px;
      height: 16px; }
  .enroll-secrets__secret-download-icon {
    display: block;
    font-size: 0.875rem;
    color: #6a67fe;
    font-weight: 700; }
    .enroll-secrets__secret-download-icon a {
      display: flex;
      align-items: center; }
    .enroll-secrets__secret-download-icon img {
      width: 12px;
      height: 12px;
      margin-left: 7px; }
  .enroll-secrets--multiple-secrets:before {
    content: '';
    position: -webkit-sticky;
    position: sticky;
    display: block;
    z-index: 1;
    top: -2px;
    left: 0;
    width: 100%;
    height: 17px;
    background-image: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0)); }
  .enroll-secrets--multiple-secrets:after {
    content: '';
    position: -webkit-sticky;
    position: sticky;
    display: block;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 17px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); }
  .enroll-secrets--multiple-secrets .form-field__label {
    margin-top: 0; }
  .enroll-secrets--multiple-secrets .enroll-secrets__secret-download-icon {
    margin-bottom: 16px; }

.wrapper > div.flash-message {
  height: 50px;
  min-height: 50px;
  max-height: 50px; }

.flash-message {
  position: fixed;
  top: 0;
  right: 0;
  left: 217px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0.5625rem;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  background-color: #3d4758;
  min-width: 768px; }
  @media (max-width: 1185px) {
    .flash-message {
      left: 55px; } }
  .flash-message--full-width {
    left: 0; }
  .flash-message--success .kolidecon {
    color: #27d77e; }
  .flash-message--error .kolidecon {
    color: #ff5c83; }
  .flash-message__content {
    flex-grow: 1;
    text-align: center; }
    .flash-message__content span {
      margin-left: 15px;
      margin-right: 15px; }
    .flash-message__content .kolidecon {
      font-size: 24px; }
  .flash-message__undo {
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    text-decoration: underline;
    text-transform: uppercase; }
  .flash-message__remove {
    height: 30px;
    width: 30px;
    cursor: pointer;
    text-align: center;
    margin-left: 15px; }
    .flash-message__remove .kolidecon {
      transition: color 150ms ease-in-out;
      color: #506e92;
      font-size: 24px; }
      .flash-message__remove .kolidecon:hover {
        color: #fff; }

.wrapper > div.persistent-flash {
  height: 50px;
  min-height: 50px;
  max-height: 50px; }

.persistent-flash {
  position: fixed;
  top: 0;
  right: 0;
  left: 217px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0.5625rem;
  z-index: 2;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  background-color: #3d4758;
  min-width: 768px; }
  @media (max-width: 1185px) {
    .persistent-flash {
      left: 55px; } }
  .persistent-flash__content {
    flex-grow: 1;
    text-align: center; }
    .persistent-flash__content i {
      color: #ff5c83;
      font-size: 24px; }
    .persistent-flash__content span {
      margin-left: 15px;
      margin-right: 15px; }

.form__base-error {
  background-color: #ff5c83;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  margin-top: 10px;
  padding: 5px 0;
  text-align: center;
  width: 100%; }

.app-config-form__enroll-secret-label {
  font-size: 15px; }
  .app-config-form__enroll-secret-label button {
    color: #ae6ddf;
    font-size: 15px;
    font-weight: 400;
    float: right;
    height: 23px;
    text-transform: none; }
  .app-config-form__enroll-secret-label input {
    color: #ae6ddf; }

.app-config-form .form-field__label {
  font-weight: 700;
  margin-bottom: 4px; }

.app-config-form .form-field__hint {
  font-size: 0.875rem;
  font-style: italic; }

.app-config-form__section {
  margin: 0 0 30px; }
  .app-config-form__section::after {
    clear: both;
    content: "";
    display: table; }
  .app-config-form__section .smtp-options {
    font-size: 15px;
    font-weight: 700;
    color: #3e4771;
    padding-left: 15px; }
    .app-config-form__section .smtp-options em {
      font-style: normal; }
    .app-config-form__section .smtp-options--configured em {
      color: #27d77e; }
    .app-config-form__section .smtp-options--notconfigured em {
      color: #ff5c83; }

.app-config-form__inputs {
  width: 60%;
  float: left;
  padding: 0 40px 0 0;
  box-sizing: border-box; }
  .app-config-form__inputs .input-field {
    width: 100%; }
  .app-config-form__inputs--smtp {
    margin: 0 0 1.125rem; }
    .app-config-form__inputs--smtp .form-field {
      width: 18%;
      float: right; }
      .app-config-form__inputs--smtp .form-field:first-child {
        float: left;
        width: 78%; }
      .app-config-form__inputs--smtp .form-field--checkbox {
        clear: both;
        width: 100%;
        float: none; }

.app-config-form__details {
  float: right;
  width: 40%; }
  .app-config-form__details p {
    font-size: 0.875rem;
    font-style: italic;
    margin: 32px 0; }
  .app-config-form__details .hint {
    color: #3e4771; }
    .app-config-form__details .hint--brand {
      color: #6a67fe; }

.app-config-form__avatar-preview {
  text-align: center; }
  .app-config-form__avatar-preview img {
    border-radius: 20%;
    height: 120px;
    width: 120px;
    border: 1px solid #dbe3e5;
    background-color: #fafafa;
    transform: translate(-100px, 20px); }
  .app-config-form__avatar-preview p {
    color: #ae6ddf;
    font-size: 18px;
    font-weight: 700;
    margin-top: 0; }

.app-config-form__smtp-section::after {
  clear: both;
  content: "";
  display: table; }

.app-config-form__smtp-section .slide-wrapper .slider-option {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  vertical-align: text-bottom; }
  .app-config-form__smtp-section .slide-wrapper .slider-option--off {
    color: #506e92; }
  .app-config-form__smtp-section .slide-wrapper .slider-option--on {
    color: #6a67fe; }

.app-config-form__smtp-section .slide-wrapper .button {
  margin: 0 10px; }

.edit-user-form {
  box-sizing: border-box;
  height: 100%;
  position: relative;
  margin-top: 24px; }
  .edit-user-form__btn-wrap {
    display: flex;
    justify-content: flex-end; }
  .edit-user-form .form-field {
    margin-bottom: 24px; }
  form .edit-user-form__input {
    font-size: 1rem;
    width: 100%;
    padding: 0.4375rem 0.5625rem; }
  form .edit-user-form__label {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 700; }
  .edit-user-form__form-btn--cancel {
    margin-right: 14px; }

.osquery-options-form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%; }
  .osquery-options-form__button-wrap {
    text-align: right; }
    .osquery-options-form__button-wrap .query-form__run-query-btn,
    .osquery-options-form__button-wrap .query-form__stop-query-btn {
      margin-left: 0.4375rem; }
    .osquery-options-form__button-wrap .kolide-timer {
      display: block; }
  .osquery-options-form__text-editor-wrapper {
    width: 100%;
    margin-bottom: 16px; }

.change-email-form__btn-wrap {
  display: flex;
  flex-direction: row-reverse; }

.change-email-form__btn {
  font-size: 1rem;
  height: 38px;
  margin-bottom: 5px;
  margin-left: 15px;
  padding: 0;
  width: 120px; }

.change-password-form__btn-wrap {
  display: flex;
  flex-direction: row-reverse; }

.change-password-form__btn:last-child {
  margin-right: 16px; }

.configure-pack-query-form__form-field--interval {
  position: relative; }
  .configure-pack-query-form__form-field--interval .input-field {
    width: 100%;
    padding-right: 70px; }
  .configure-pack-query-form__form-field--interval .form-field__hint {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-transform: lowercase;
    font-size: 0.875rem; }

.configure-pack-query-form__title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #3e4771;
  border-bottom: 1px solid #eaeefb;
  padding: 0 0 9px;
  margin: 0 0 9px; }

.configure-pack-query-form__fields .kolidecon {
  margin-right: 6px;
  margin-left: 6px; }

.configure-pack-query-form__btn-wrapper {
  padding-top: 20px; }
  .configure-pack-query-form__btn-wrapper .button {
    display: block;
    width: 100%;
    margin-bottom: 20px; }

.kolide-checkbox {
  position: relative;
  display: inline-block; }
  .kolide-checkbox::after {
    clear: both;
    content: "";
    display: table; }
  .kolide-checkbox__input {
    visibility: hidden;
    margin: 0;
    position: absolute;
    z-index: -1; }
    .kolide-checkbox__input:checked + .kolide-checkbox__tick::after {
      background-color: #6a67fe;
      border: solid 1px #6a67fe; }
    .kolide-checkbox__input:checked + .kolide-checkbox__tick::before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: rotate(45deg);
      box-sizing: border-box;
      display: block;
      width: 7px;
      height: 13px;
      margin: -8px 0 0 -3px;
      border: 2px solid #fff;
      border-top: 0;
      border-left: 0;
      content: ''; }
  .kolide-checkbox__tick {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-10px);
    display: inline-block; }
    .kolide-checkbox__tick::after {
      height: 20px;
      width: 20px;
      transition: border 75ms ease-in-out, background 75ms ease-in-out;
      border-radius: 2px;
      border: solid 1px #dbe3e5;
      content: '';
      box-sizing: border-box;
      display: block;
      background-color: #fff;
      visibility: visible; }
    .kolide-checkbox__tick--disabled::after {
      background-color: #dbe3e5; }
  .kolide-checkbox__label {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #3e4771;
    padding-left: 25px; }

.dropdown__label {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #3e4771;
  margin-bottom: 0.4375rem; }
  .dropdown__label--error {
    color: #ff5c83; }

.dropdown__select--error.Select .Select-control {
  border-color: #ff5c83;
  background-color: #ffb5b2; }

.dropdown__select--error.Select .Select-arrow {
  border-top-color: #ff5c83; }

.dropdown__option {
  display: flex;
  flex-direction: column; }

.dropdown__help-text {
  margin-top: 4px;
  font-size: 0.75rem;
  white-space: normal;
  color: #506e92;
  font-style: italic; }

.Select .Select-control {
  border: 1px solid #dbe3e5;
  background-color: #fafafa;
  border-radius: 4px;
  height: 40px; }
  .Select .Select-control .Select-value {
    border: 0; }

.Select .Select-value {
  font-size: 1rem;
  border-radius: 4px;
  background-color: #fafafa;
  border: solid 1px #dbe3e5; }
  .Select .Select-value .Select-value-icon {
    border: 0;
    float: right;
    position: relative;
    line-height: 28px;
    width: 25px;
    padding: 0;
    margin: 0 5px;
    text-indent: -999em; }
    .Select .Select-value .Select-value-icon::after {
      transition: color 150ms ease-in-out;
      transform: translate(-50%, -50%);
      content: '\F036';
      position: absolute;
      top: 50%;
      left: 50%;
      visibility: visible;
      font-size: 16px;
      color: #e3e3e3;
      text-indent: 0; }
    .Select .Select-value .Select-value-icon:hover::after {
      color: #506e92; }
  .Select .Select-value .Select-value-label {
    font-size: 16px;
    font-weight: 400;
    color: #3e4771;
    line-height: 28px; }

.Select--single > .Select-control .Select-value {
  line-height: 38px; }

.Select .Select-arrow {
  border-top-color: #3e4771; }

.Select.is-focused .Select-control {
  border: 1px solid #6a67fe; }

.Select.is-focused:not(.is-open) .Select-control {
  box-shadow: none; }

.Select.has-value > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused > .Select-control .Select-value .Select-value-label {
  color: #3e4771;
  font-size: 16px; }

.Select .Select-menu-outer {
  margin-top: 4px;
  box-shadow: 0 4px 10px rgba(52, 59, 96, 0.15);
  border-radius: 4px;
  z-index: 6;
  overflow: hidden;
  border: 0; }

.Select .Select-noresults {
  font-size: 0.875rem; }

.Select .Select-option {
  color: #3e4771;
  font-size: 0.875rem;
  margin: 6px 0;
  padding: 6px 16px;
  display: block; }
  .Select .Select-option.is-focused {
    background-color: rgba(106, 103, 254, 0.1); }
    .Select .Select-option.is-focused .Select-icon {
      color: rgba(106, 103, 254, 0.1); }
  .Select .Select-option.is-disabled {
    color: #e3e3e3; }
    .Select .Select-option.is-disabled .Select-icon {
      visibility: hidden;
      opacity: 0; }

.Select .Select-icon {
  color: #e3e3e3; }

.Select .Select-placeholder {
  color: #506e92;
  font-size: 1rem;
  line-height: 40px;
  padding: 0 12px;
  box-sizing: border-box; }

.Select.Select--multi .Select-control {
  display: flex;
  align-items: center;
  height: auto;
  min-height: 40px; }

.Select.Select--multi .Select-multi-value-wrapper {
  flex-grow: 1; }

.Select.Select--multi .Select-arrow-zone {
  display: block; }

.Select.Select--multi .Select-option.is-disabled {
  color: #3e4771;
  cursor: default; }
  .Select.Select--multi .Select-option.is-disabled.is-focused {
    background-color: rgba(106, 103, 254, 0.2);
    color: #fff; }

.Select.Select--multi .Select-value {
  margin-top: 3px;
  margin-bottom: 3px; }

.Select.Select--multi .Select-value-label {
  padding: 0 0 0 1rem; }

.input-field {
  line-height: 34px;
  background-color: #fafafa;
  border: solid 1px #dbe3e5;
  border-radius: 4px;
  font-size: 1rem;
  padding: 0.4375rem 12px;
  color: #506e92;
  font-family: 'Nunito Sans', sans-serif;
  box-sizing: border-box;
  height: 40px; }
  .input-field ::-webkit-input-placeholder {
    color: #506e92; }
  .input-field ::-moz-placeholder {
    color: #506e92; }
  .input-field :-ms-input-placeholder {
    color: #506e92; }
  .input-field ::-ms-input-placeholder {
    color: #506e92; }
  .input-field ::placeholder {
    color: #506e92; }
  .input-field:focus {
    outline: none;
    border-color: #6a67fe; }
  .input-field--disabled {
    background-color: #f9f9f9; }
  .input-field--error {
    transition: background 150ms ease-in-out, color 150ms ease-in-out;
    border-color: #ff5c83;
    background-color: #ffb5b2;
    color: #fff; }
    .input-field--error:focus {
      border-bottom-color: #ff5c83;
      background-color: #fff;
      color: #3e4771; }
  .input-field--password {
    letter-spacing: 7px; }
  .input-field__textarea {
    min-height: 100px;
    max-width: 100%;
    display: block; }
  .input-field__label {
    display: block;
    font-size: 1.25rem;
    font-weight: 400;
    color: #3e4771;
    margin-bottom: 0.4375rem; }
    .input-field__label--error {
      color: #ff5c83; }
  .input-field__wrapper {
    margin-bottom: 1.125rem; }
  .input-field__hint {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
    letter-spacing: 1px;
    color: #506e92; }
    .input-field__hint code {
      color: #6a67fe;
      background-color: #e3e3e3;
      padding: 2px;
      font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace; }

.input-icon-field {
  margin-top: 16px;
  position: relative;
  width: 100%; }
  .input-icon-field__icon {
    position: absolute;
    right: 6px;
    top: 28px;
    font-size: 18px;
    color: #506e92; }
    .input-icon-field__icon--active {
      color: #6a67fe; }
    .input-icon-field__icon--error {
      color: #ff5c83; }
  .input-icon-field__input {
    border: 1px solid #dbe3e5;
    background-color: #fafafa;
    border-radius: 4px;
    padding: 9px 30px 9px 16px;
    font-size: 1rem;
    text-indent: 1px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    color: #3e4771;
    font-weight: 400; }
    .input-icon-field__input ::-webkit-input-placeholder {
      color: #506e92; }
    .input-icon-field__input ::-moz-placeholder {
      color: #506e92; }
    .input-icon-field__input :-ms-input-placeholder {
      color: #506e92; }
    .input-icon-field__input ::-ms-input-placeholder {
      color: #506e92; }
    .input-icon-field__input ::placeholder {
      color: #506e92; }
    .input-icon-field__input:focus {
      outline: none; }
    .input-icon-field__input--error {
      border-bottom-color: #ff5c83; }
  .input-icon-field__label {
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 4px; }
  .input-icon-field__errors {
    font-size: 0.875rem; }
  .input-icon-field__hint {
    font-size: 0.875rem;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    margin-top: 8px; }
    .input-icon-field__hint code {
      color: #6a67fe;
      background-color: #fafafa;
      padding: 2px;
      font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace; }

.target-select {
  margin-bottom: 0.8125rem; }
  .target-select__label {
    font-size: 0.875rem;
    color: #192147;
    display: block;
    margin: 40px 0 4px;
    text-align: right; }
    .target-select__label--error .target-select__select-targets {
      color: #ff5c83; }
  .target-select__select-targets {
    float: left; }
  .target-select__targets-count {
    font-size: 1rem;
    font-weight: 400;
    color: #6a67fe; }
  .target-select.Select .Select-control {
    min-height: 48px; }
  .target-select.Select .Select-arrow {
    border-width: 8px 8px 2.5px; }
  .target-select.Select.is-open .Select-arrow {
    border-width: 2.5px 8px 8px; }
  .target-select.Select.is-open .Select-arrow-zone:hover .Select-arrow {
    border-top-color: transparent; }
  .target-select.Select .Select-input {
    height: 46px;
    margin: 0 0 0 1.125rem; }
    .target-select.Select .Select-input > input {
      line-height: 30px;
      padding: 8px 0;
      color: #192147;
      font-size: 16px; }
  .target-select.Select .Select-placeholder {
    line-height: 46px;
    font-size: 16px;
    padding: 0 1.125rem; }
  .target-select.Select .Select-arrow-zone {
    padding-right: 19px; }
  .target-select.Select.Select--multi .Select-option {
    padding: 0; }
    .target-select.Select.Select--multi .Select-option.is-disabled.is-focused {
      background-color: rgba(106, 103, 254, 0.2);
      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.Select--multi .Select-value {
    line-height: 1.9; }
  .target-select.Select.is-focused .Select-control {
    border: 1px solid #6a67fe; }
  .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: 2px;
    background-color: #fff;
    border: solid 1px #dbe3e5; }
    .target-select .Select-value .Select-value-icon {
      border: 0;
      float: right;
      position: relative;
      line-height: 34px;
      width: 25px;
      padding: 0;
      margin: 0 5px;
      text-indent: -999em; }
      .target-select .Select-value .Select-value-icon::after {
        transition: color 150ms ease-in-out;
        transform: translate(-50%, -50%);
        content: '\F036';
        position: absolute;
        top: 50%;
        left: 50%;
        visibility: visible;
        font-size: 20px;
        color: #e3e3e3;
        display: block;
        text-indent: 0; }
      .target-select .Select-value .Select-value-icon:hover::after {
        color: #506e92; }
    .target-select .Select-value .Select-value-label {
      font-size: 16px;
      font-weight: 400;
      color: #3e4771;
      padding: 0 0 0 1rem;
      line-height: 34px; }
  .target-select .Select-clear {
    font-size: 28px;
    margin-right: 10px;
    color: #3e4771; }
    .target-select .Select-clear:hover {
      color: #ff5c83; }
  .target-select .Select-loading-zone {
    padding-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; }
  @media (max-width: 1279px) {
    .target-select .Select-menu-outer .Select-menu {
      min-width: 665px; }
      .target-select .Select-menu-outer .Select-menu::after {
        display: none; }
    .target-select.show-preview .Select-menu-outer .Select-menu {
      left: auto;
      right: 0; }
    .target-select.show-preview .Select-menu {
      left: 0;
      right: auto;
      position: absolute; } }

.target-list__type {
  padding: 0 8px 4px;
  margin: 40px 0 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  color: #3e4771;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #dbe3e5; }
  .target-list__type:first-child {
    margin: 0; }

.target-list__options {
  width: 50%;
  float: left;
  overflow-y: auto;
  min-height: 500px;
  position: relative;
  z-index: 2;
  padding: 24px 16px;
  border-right: 1px solid #dbe3e5;
  background-color: #fff; }

.target-list__spotlight {
  width: 50%;
  float: right;
  overflow-y: auto;
  background-color: #fff;
  min-height: 500px;
  position: relative;
  z-index: 1; }

.target-list__not-found {
  font-size: 0.875rem;
  padding: 0 4px 4px; }

.host-target,
.label-target {
  padding: 1.5rem; }
  .host-target__back,
  .label-target__back {
    color: #3e4771;
    font-size: 0.75rem;
    display: none; }
    @media (max-width: 1279px) {
      .host-target__back,
      .label-target__back {
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 10px;
        padding: 10px; }
        .host-target__back:active,
        .label-target__back:active {
          top: 10px; } }
  @media (max-width: 1279px) {
    .host-target,
    .label-target {
      padding-top: 2.5rem; } }

.host-target__display-text {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #192147;
  margin: 0; }

.host-target__icon {
  color: #506e92;
  margin-right: 0.8125rem;
  width: 21px; }
  .host-target__icon--online {
    color: #3e4771; }
  .host-target__icon--offline {
    color: #3e4771; }

.host-target__status {
  margin: 0.4375rem 0;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase; }
  .host-target__status--is-online {
    color: #27d77e; }
  .host-target__status--is-offline {
    color: #ff5c83; }

.host-target__labels-wrapper {
  position: absolute;
  bottom: 1.5rem; }

.host-target__labels-header {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.9px;
  color: #3e4771;
  text-transform: uppercase;
  margin: 0; }

.host-target__labels-list {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.85;
  letter-spacing: 0.5px;
  color: #3e4771;
  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: 700;
  letter-spacing: 0.6px;
  color: #192147;
  margin: 0; }

.label-target__icon {
  color: #506e92;
  margin-right: 0.8125rem;
  width: 21px; }

.label-target__hosts {
  margin: 0.4375rem 0;
  letter-spacing: 0.4px;
  font-size: 1rem;
  font-weight: 400; }

.label-target__hosts-count {
  font-weight: 700;
  color: #3e4771; }
  .label-target__hosts-count strong {
    min-width: 21px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    margin-right: 0.8125rem; }

.label-target__hosts-online {
  color: #27d77e; }

.label-target__description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.71;
  color: #3e4771;
  margin: 0 0 0.8125rem; }

.target-details__table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 1rem;
  width: 100%;
  margin-bottom: 1rem; }
  .target-details__table th {
    font-weight: 700;
    line-height: 2.3;
    color: #3e4771;
    padding-right: 0.5625rem; }

.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: 4px 8px; }

.target-option__target-content, .target-option__add-btn {
  line-height: 34px;
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
  padding: 0; }

.target-option__add-btn {
  transition: color 0ms;
  color: #6a67fe;
  font-size: 1.25rem; }

.target-option__target-content {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.target-option__count {
  background-color: #3e4771;
  border-radius: 4px;
  color: #fff;
  font-size: 0.75rem;
  line-height: 16px;
  font-weight: bold;
  padding: 2px 10px;
  margin-right: 12px; }

.target-option__icon {
  color: #3e4771;
  font-size: 1rem; }
  .target-option__icon--online {
    color: #3e4771; }
  .target-option__icon--offline {
    color: #3e4771; }
  .target-option__icon--mia {
    color: #3e4771; }

.target-option__ip {
  color: #3e4771;
  font-size: 1rem; }

.target-option__label-host {
  color: #ae6ddf;
  font-size: 1.25rem;
  margin-left: 0.5625rem; }

.target-option__label-label {
  color: #3e4771;
  font-size: 14px;
  margin-left: 0.5625rem; }
  .target-option__label-label .all-hosts {
    font-weight: 700; }

.target-option__more-info {
  color: #6a67fe;
  cursor: pointer;
  float: right;
  margin-right: 1.125rem; }

.target-option__target-icon {
  font-size: 1.25rem;
  color: #3e4771;
  margin-right: 0.4375rem; }

.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: 700;
  margin-right: 8px; }

.kolide-slider {
  transition: background-color 150ms ease-in-out;
  background-color: #3e4771;
  border-radius: 12px;
  border: 1px solid #eaeaea;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  min-width: 40px;
  position: relative;
  width: 40px;
  box-shadow: inset 0 1px 6px 0 rgba(0, 0, 0, 0.2); }
  .kolide-slider:hover {
    background-color: #3e4771;
    box-shadow: inset 0 1px 6px 0 rgba(0, 0, 0, 0.2); }
  .kolide-slider--active {
    background-color: #6a67fe; }
    .kolide-slider--active:hover {
      background-color: #6a67fe; }
  .kolide-slider__wrapper {
    display: flex;
    align-items: center;
    height: 40px; }
  .kolide-slider__dot {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 0;
    left: 5px;
    transition: left 150ms ease-in-out;
    margin-top: 3px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); }
    .kolide-slider__dot--active {
      left: 21px; }
  .kolide-slider__label {
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    vertical-align: text-bottom;
    margin-right: 10px;
    color: #506e92; }
    .kolide-slider__label--active {
      color: #6a67fe;
      margin-right: 0;
      margin-left: 10px; }

.forgot-password-form {
  width: 100%; }
  .forgot-password-form__button-wrap {
    margin-top: 40px;
    display: flex;
    justify-content: center; }
  .forgot-password-form__submit-btn {
    width: 160px; }

.form-field {
  margin-bottom: 24px; }
  .form-field__label {
    font-size: 0.875rem;
    font-weight: 400;
    color: #192147;
    display: block;
    margin-bottom: 4px; }
    .form-field__label--error {
      color: #ff5c83; }
  .form-field__hint {
    font-weight: 400;
    color: #506e92; }
    .form-field__hint code {
      color: #6a67fe;
      background-color: #fafafa;
      padding: 2px;
      font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace; }

.invite-user-form {
  margin-top: 24px; }
  .invite-user-form__radio {
    margin-top: 22px; }
    .invite-user-form__radio .kolide-checkbox {
      margin-top: 5px; }
      .invite-user-form__radio .kolide-checkbox__label {
        font-size: 16px;
        font-weight: 400;
        color: #3e4771;
        padding-left: 32px; }
  .invite-user-form__role {
    color: #192147;
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0; }
  .invite-user-form__btn-wrap {
    display: flex;
    flex-direction: row-reverse; }
  .invite-user-form__btn {
    font-size: 1rem;
    height: 38px;
    margin-bottom: 5px;
    margin-left: 15px;
    padding: 0;
    width: 120px; }

.label-form__label-title, .label-form__label-description {
  width: 100%; }

.label-form__button-wrap {
  display: flex;
  justify-content: flex-end; }
  .label-form__button-wrap .query-form__run-query-btn,
  .label-form__button-wrap .query-form__stop-query-btn {
    margin-left: 0.4375rem; }
  .label-form__button-wrap .kolide-timer {
    display: block; }

.label-form__cancel-btn {
  margin-right: 14px; }

.label-form__save-btn {
  padding: 7px 28px; }

.label-form__text-editor-wrapper {
  margin: 24px 0; }

.login-form {
  transition: opacity 300ms ease-in;
  transform: translateY(-150px);
  opacity: 1;
  width: 500px;
  align-self: center;
  border-radius: 10px;
  overflow: hidden; }
  .login-form--hidden {
    opacity: 0; }
  .login-form__container {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-sizing: border-box;
    flex-direction: column;
    padding: 40px;
    font-weight: 400; }
  .login-form__submit-btn {
    margin-top: 40px;
    width: 160px; }
  .login-form__sso-btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 1.125rem;
    height: 72px; }
  .login-form__forgot-wrap {
    margin-top: 4px;
    text-align: right;
    width: 100%; }
  .login-form__forgot-link {
    font-size: 0.875rem;
    text-decoration: none;
    color: #6a67fe; }
  .login-form__sso-image {
    vertical-align: middle;
    height: 45px;
    width: 45px;
    padding-right: 10px; }
  .login-form__sso-legend {
    vertical-align: middle; }

.logout-form {
  align-self: center;
  width: 460px; }
  .logout-form__container {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px;
    width: 460px;
    min-height: 350px; }
  .logout-form__avatar {
    border: 1px solid #6a67fe;
    border-radius: 50%; }
  .logout-form__username {
    color: #6a67fe;
    font-size: 1.5rem;
    margin: 0.5625rem 0;
    text-transform: uppercase; }
  .logout-form__subtext {
    color: #506e92;
    font-size: 1.25rem;
    margin-top: 0.5625rem; }
  .logout-form__submit-btn {
    width: 460px; }

.edit-pack-form h1 {
  margin: 0 0 20px; }

.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 {
  margin: 25px 0;
  text-align: right; }
  .edit-pack-form__pack-buttons .button {
    margin-left: 15px; }

.pack-form h1 {
  margin: 0 0 20px; }

.pack-form__pack-title .input-field {
  width: 50%; }

.pack-form__pack-description .input-field {
  width: 75%; }

.pack-form__pack-buttons {
  margin: 25px 0;
  text-align: right; }

.query-form__wrapper h1 {
  margin-bottom: 24px; }

.query-form__query-title, .query-form__query-description {
  width: 100%; }

.query-form__button-wrap {
  text-align: right; }
  .query-form__button-wrap .query-form__run-query-btn,
  .query-form__button-wrap .query-form__stop-query-btn {
    margin-left: 0.4375rem; }
  .query-form__button-wrap .kolide-timer {
    display: block; }

.query-form__save-query-btn, .query-form__cancel-btn {
  margin-right: 0.4375rem; }

.query-form__text-editor-wrapper {
  margin: 1.125rem 0; }

.query-form__title {
  color: #3e4771;
  display: inline-block;
  font-size: 1.5rem; }

.user-registration {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-grow: 1;
  margin-top: 24px; }
  .user-registration__container {
    height: auto;
    width: 500px;
    position: absolute;
    top: 49%;
    right: 0;
    transition: left 300ms ease, opacity 300ms ease;
    border-radius: 10px;
    background-color: #f9fafc;
    box-sizing: border-box;
    padding: 40px;
    z-index: 1;
    transform: translateY(-50%); }
    .user-registration__container h2 {
      font-size: 1.5rem;
      font-weight: 400;
      text-align: center;
      padding: 0 0 16px;
      margin: 0;
      margin-bottom: 40px;
      border-bottom: 1px solid #dbe3e5; }
    .user-registration__container p {
      font-size: 1rem;
      margin: 0 0 8px; }
    .user-registration__container--admin {
      left: 0;
      top: max(56%, 480px);
      margin: auto; }
    .user-registration__container--org {
      left: calc(100% + 220px);
      top: max(56%, 480px);
      opacity: 0; }
    .user-registration__container--kolide {
      left: calc(150% + 220px);
      top: max(56%, 480px);
      opacity: 0; }
    .user-registration__container--confirmation {
      left: calc(200% + 220px);
      top: max(56%, 480px);
      opacity: 0; }
    .user-registration__container--complete {
      padding: 0; }
      .user-registration__container--complete .user-registration__title {
        font-size: 24px;
        font-weight: 700;
        color: #3e4771;
        padding: 25px 35px; }
  .user-registration__form {
    display: flex;
    width: 100%;
    box-sizing: border-box; }
    @media (max-width: 1024px) {
      .user-registration__form {
        transform: translateY(-100px); } }
    .user-registration__form--step1-complete .user-registration__container--admin {
      left: -600px;
      opacity: 0; }
    .user-registration__form--step1-complete .user-registration__container--org {
      left: 0;
      margin: auto;
      opacity: 1; }
    .user-registration__form--step1-complete .user-registration__container--kolide {
      left: calc(100% + 220px);
      opacity: 0; }
    .user-registration__form--step1-complete .user-registration__container--confirmation {
      left: calc(150% + 220px);
      opacity: 0; }
    .user-registration__form--step2-complete .user-registration__container--admin {
      left: calc(-50% - 600px);
      opacity: 0; }
    .user-registration__form--step2-complete .user-registration__container--org {
      left: -600px;
      opacity: 0; }
    .user-registration__form--step2-complete .user-registration__container--kolide {
      left: 0;
      margin: auto;
      opacity: 1; }
    .user-registration__form--step2-complete .user-registration__container--confirmation {
      left: calc(100% + 220px);
      opacity: 0; }
    .user-registration__form--step3-complete .user-registration__container--admin {
      left: calc(-100% - 600px);
      opacity: 0; }
    .user-registration__form--step3-complete .user-registration__container--org {
      left: calc(-50% - 600px);
      opacity: 0; }
    .user-registration__form--step3-complete .user-registration__container--kolide {
      left: -600px;
      opacity: 0; }
    .user-registration__form--step3-complete .user-registration__container--confirmation {
      left: 0;
      margin: auto;
      opacity: 1; }
    .user-registration__form::before {
      left: auto;
      right: 50%; }
    .user-registration__form--step1-active::before {
      display: none; }
  .user-registration__description {
    font-size: 14px;
    font-weight: 400;
    color: #3e4771; }
  .user-registration__title {
    font-size: 18px;
    font-weight: 700;
    color: #3e4771;
    margin: 0;
    padding: 0; }
  .user-registration__field-wrapper {
    background-color: #f9fafc;
    box-sizing: border-box;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .user-registration__field-wrapper .button {
      width: 160px;
      margin-top: 40px; }
    .user-registration__field-wrapper .registration-fields {
      box-sizing: border-box;
      width: 100%; }

.confirm-user-reg {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .confirm-user-reg h2 {
    text-align: center; }
  .confirm-user-reg__icon {
    color: #27d77e;
    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%; }
    .confirm-user-reg__table caption {
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 24px;
      text-align: left; }
    .confirm-user-reg__table tr {
      vertical-align: bottom; }
    .confirm-user-reg__table th {
      font-size: 1rem;
      font-weight: 700;
      text-align: left;
      padding-right: 108px; }
    .confirm-user-reg__table td {
      font-size: 1rem;
      font-weight: 400; }
  .confirm-user-reg__table-url {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    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;
        -ms-user-select: none;
            user-select: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #3e4771;
    margin: 30px 0 0; }
    .confirm-user-reg__import .kolide-checkbox {
      display: block; }
      .confirm-user-reg__import .kolide-checkbox__label {
        padding: 0; }
    .confirm-user-reg__import p {
      margin: 0;
      padding-left: 40px; }
    .confirm-user-reg__import .kolide-checkbox__input {
      position: absolute;
      left: 0;
      top: 0; }
  .confirm-user-reg .button {
    width: 160px;
    margin-top: 40px; }

.reset-password-form {
  width: 100%; }
  .reset-password-form__button-wrap {
    display: flex;
    justify-content: center; }
  .reset-password-form__input {
    width: 100%; }
  .reset-password-form__btn {
    margin-top: 40px;
    width: 160px;
    margin-bottom: 20px; }

.manage-user .input-field {
  width: 100%; }

.manage-user .form-field__label {
  font-size: 0.875rem;
  font-weight: 700; }

.manage-user__email-hint {
  display: block; }

.manage-user__button-wrap {
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: flex-end; }
  .manage-user__button-wrap .button:last-child {
    margin-left: 16px; }

.add-host-modal__manual-install-header {
  position: relative;
  z-index: 2; }
  .add-host-modal__manual-install-header h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: -0.6px;
    color: #48c586;
    margin: 0; }
  .add-host-modal__manual-install-header h3 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: normal;
    color: rgba(32, 37, 50, 0.48);
    margin: 0; }
  .add-host-modal__manual-install-header .kolidecon {
    float: left;
    font-size: 44px;
    color: #48c586;
    margin-right: 15px; }

.add-host-modal__manual-install-content h4 {
  font-size: 1rem;
  font-weight: 700;
  margin: 34px 0 0; }
  .add-host-modal__manual-install-content h4 .kolidecon {
    margin-left: 5px;
    font-size: 18px; }

.add-host-modal__manual-install-content p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: normal;
  color: #000;
  margin: 8px 0 0 44px; }

.add-host-modal__manual-install-content a {
  font-size: 0.875rem;
  color: #6a67fe;
  font-weight: 700;
  text-decoration: none; }
  .add-host-modal__manual-install-content a img {
    width: 12px;
    height: 12px;
    margin-left: 7px; }

.add-host-modal__documentation-link h4 {
  margin: 0; }

.add-host-modal__install-steps {
  margin: 0;
  padding: 0;
  list-style: none; }

.add-host-modal__step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  border: 2px solid #6a67fe;
  color: #6a67fe;
  font-weight: 700;
  text-align: center;
  margin-right: 16px; }

.add-host-modal__button-wrap {
  display: flex;
  justify-content: flex-end;
  margin: 24px 0 0; }

.add-host-modal__download-cert {
  text-align: center;
  padding-top: 15px; }
  .add-host-modal__download-cert span {
    display: block; }

.add-host-modal__reveal-secret {
  float: right;
  text-decoration: none; }

.add-host-modal__secret-wrapper {
  position: relative;
  margin: 0 0 0 44px; }

.add-host-modal pre,
.add-host-modal code {
  background-color: #f9fafc;
  color: #506e92;
  border: 1px solid #dbe3e5;
  border-radius: 4px;
  padding: 7px 16px;
  margin: 24px 0 0 44px; }

.add-host-modal__error {
  color: #ff5c83; }

.host-container--no-hosts {
  display: flex;
  justify-content: center;
  padding-top: 35px;
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: normal;
  color: rgba(32, 37, 50, 0.66);
  border-top: 1px solid #dbe3e5; }
  .host-container--no-hosts h1 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    color: #192147; }
  .host-container--no-hosts h2 {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0 0 24px;
    line-height: 20px;
    color: #192147; }
  .host-container--no-hosts ul {
    margin: 0;
    padding: 0;
    color: #192147;
    list-style: none; }
    .host-container--no-hosts ul li::before {
      content: '\2022';
      color: #6a67fe;
      margin-right: 16px; }
  .host-container--no-hosts__inner {
    display: flex;
    align-items: center; }
    .host-container--no-hosts__inner img {
      width: 176px;
      margin-right: 34px; }
    .host-container--no-hosts__inner p {
      color: #192147;
      font-weight: 400;
      font-size: 0.875rem;
      margin: 0; }

.host-container__no-hosts-contact {
  text-align: left;
  margin-top: 24px; }
  .host-container__no-hosts-contact p {
    color: #192147;
    font-weight: 700;
    font-size: 0.875rem;
    margin: 0; }
  .host-container__no-hosts-contact a {
    color: #6a67fe;
    font-weight: 400;
    font-size: 0.875rem;
    text-decoration: none; }

.host-pagination__pager-wrap {
  flex-basis: 100%;
  margin: 16px 0 39px;
  display: flex;
  flex-wrap: wrap; }

.host-pagination__pagination {
  margin: 0 25px 0 0;
  padding: 0;
  font-family: 'Nunito Sans', sans-serif; }
  .host-pagination__pagination .rc-pagination-prev,
  .host-pagination__pagination .rc-pagination-next,
  .host-pagination__pagination .rc-pagination-item {
    border: 0;
    font-size: 0.875rem;
    margin-right: 16px;
    box-sizing: border-box;
    border-radius: 4px; }
    .host-pagination__pagination .rc-pagination-prev a,
    .host-pagination__pagination .rc-pagination-next a,
    .host-pagination__pagination .rc-pagination-item a {
      color: #506e92;
      font-weight: bold; }
  .host-pagination__pagination .rc-pagination-prev a::after {
    content: 'Prev'; }
  .host-pagination__pagination .rc-pagination-next a::after {
    content: 'Next'; }
  .host-pagination__pagination .rc-pagination-item {
    border: 0; }
    .host-pagination__pagination .rc-pagination-item:hover {
      background-color: #506e92; }
      .host-pagination__pagination .rc-pagination-item:hover a {
        color: #fff; }
  .host-pagination__pagination .rc-pagination-jump-prev::after,
  .host-pagination__pagination .rc-pagination-jump-next::after {
    color: #506e92; }
  .host-pagination__pagination .rc-pagination-jump-prev:hover::after,
  .host-pagination__pagination .rc-pagination-jump-next:hover::after {
    font-size: 22px;
    line-height: 20px; }
  .host-pagination__pagination .rc-pagination-disabled {
    opacity: 0.25; }
  .host-pagination__pagination .rc-pagination-item-active {
    background-color: #506e92; }
    .host-pagination__pagination .rc-pagination-item-active a {
      color: #fff; }

.host-pagination__pager-count {
  flex-basis: 100%;
  margin: 15px 0 0;
  display: flex; }

.host-pagination__count-select {
  width: 90px;
  margin-right: 15px; }
  .host-pagination__count-select .Select-control {
    border-color: #506e92;
    border-radius: 3px;
    height: 30px; }
    .Select.is-focused.host-pagination__count-select .Select-control {
      border-color: #506e92; }
  .host-pagination__count-select .Select-value {
    box-shadow: none; }
  .host-pagination__count-select.Select--single > .Select-control .Select-value {
    line-height: 30px;
    border: 0; }
  .host-pagination__count-select .Select-input {
    height: 30px; }
  .host-pagination__count-select .Select-option.is-focused {
    background-color: #506e92; }

.host-pagination__pager-range {
  margin: 0; }

.hosts-table__wrapper {
  border: solid 1px #dbe3e5;
  border-radius: 6px;
  margin-top: 1.125rem;
  overflow: scroll;
  box-shadow: inset -8px 0 17px -10px #e8edf4; }

.hosts-table__table {
  width: 100%;
  border-collapse: collapse;
  color: #192147;
  font-size: 0.875rem; }

.hosts-table tr {
  border-bottom: 1px solid #dbe3e5; }
  .hosts-table tr:last-child {
    border-bottom: 0; }

.hosts-table thead {
  background-color: #f9fafc;
  color: #192147;
  text-align: left;
  border-bottom: 1px solid #dbe3e5; }
  .hosts-table thead th {
    padding: 18px 27px;
    white-space: nowrap; }

.hosts-table tbody td {
  padding: 12px 27px;
  white-space: nowrap; }

.hosts-table__hostname {
  color: #192147; }

.hosts-table__status {
  color: #3e4771;
  text-transform: capitalize; }
  .hosts-table__status--online:before {
    background-color: #27d77e;
    border-radius: 100%;
    content: ' ';
    display: inline-block;
    height: 8px;
    margin-right: 8px;
    width: 8px; }
  .hosts-table__status--offline:before {
    background-color: #ff5c83;
    border-radius: 100%;
    content: ' ';
    display: inline-block;
    height: 8px;
    margin-right: 8px;
    width: 8px; }

.icon-24 {
  width: 24px;
  height: 24px; }

.icon-20 {
  width: 20px;
  height: 20px; }

.kolide-ace__label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #192147;
  display: block;
  margin-bottom: 4px;
  min-height: 25px; }
  .kolide-ace__label--error {
    color: #ff5c83; }

.kolide-ace__wrapper--error .ace-kolide {
  border: 1px solid #ff5c83; }

.kolide-ace__hint {
  font-size: 0.875rem;
  font-weight: 400;
  color: #506e92; }
  .kolide-ace__hint code {
    color: #6a67fe;
    background-color: #fafafa;
    padding: 2px;
    font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace; }

.kolide-circle-loader {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 5px solid rgba(72, 197, 134, 0.2);
  border-left-color: #48c586;
  transform: rotate(0deg);
  -webkit-animation: spin-circle 1s linear infinite;
          animation: spin-circle 1s linear infinite; }

@-webkit-keyframes spin-circle {
  100% {
    transform: rotate(360deg); } }

@keyframes spin-circle {
  100% {
    transform: rotate(360deg); } }

.progress-bar {
  display: flex;
  background-color: #e3e3e3;
  height: 10px;
  overflow: hidden; }
  .progress-bar__progress {
    height: 100%;
    overflow: hidden;
    transition: width 300ms ease-in; }
    .progress-bar__progress--error {
      background-color: #ff5c83; }
    .progress-bar__progress--success {
      background-color: #27d77e; }

.kolide-spinner {
  height: 64px;
  width: 64px;
  -webkit-animation: sk-rotateplane 2.4s infinite ease-in-out;
          animation: sk-rotateplane 2.4s infinite ease-in-out;
  background-color: #ae6ddf;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  margin: 30px auto; }

@-webkit-keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  20% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    background: #ff5850; }
  40% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    background: #ffad00; }
  60% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    background: #4fd061; }
  80% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    background: #4a90e2; }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    background: #ae6ddf; } }

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  20% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    background: #ff5850; }
  40% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    background: #ffad00; }
  60% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    background: #4fd061; }
  80% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    background: #4a90e2; }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    background: #ae6ddf; } }

.kolide-timer {
  font-size: 14px;
  color: #3e4771; }

.login-routes {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-height: 100vh;
  background-color: linear-gradient(360deg, #201e43 0%, #353d62 100%); }

.modal__background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(32, 30, 67, 0.4);
  z-index: 101;
  overflow: scroll;
  display: flex;
  justify-content: center; }

.modal__content {
  margin-top: 10px;
  font-size: 0.875rem; }
  .modal__content .input-field {
    width: 100%; }

.modal__ex {
  text-decoration: none; }
  .modal__ex .button {
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: #3e4771;
    font-size: 1.75rem; }
    .modal__ex .button:hover {
      color: #ffb5b2; }

.modal__header {
  font-size: 1.5rem;
  font-weight: 400;
  text-align: left;
  padding-bottom: 15px;
  border-bottom: 1px solid #dbe3e5;
  display: flex;
  justify-content: space-between; }

.modal__modal_container {
  position: absolute;
  top: 22px;
  background-color: #fff;
  width: 658px;
  padding: 40px;
  border-radius: 8px; }

.number-pill {
  background-color: #6a67fe;
  border-radius: 14px;
  color: #fff;
  display: inline-block;
  line-height: 26px;
  height: 26px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.5px;
  padding: 0 14px;
  vertical-align: text-bottom; }

.edit-pack-form__edit-btn {
  float: right; }

.edit-pack-form__title {
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; }
  .edit-pack-form__title .kolidecon {
    color: #e3e3e3; }

.edit-pack-form__description {
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  color: #3e4771;
  max-width: 800px;
  word-wrap: break-word; }

.packs-list {
  border-collapse: collapse;
  overflow: scroll; }
  .packs-list__wrapper {
    border: 1px solid #dbe3e5;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 16px; }
  .packs-list thead {
    background-color: #f9fafc;
    border-bottom: 1px solid #dbe3e5; }
  .packs-list__th {
    font-size: 0.875rem;
    padding: 14px;
    text-align: center; }
    .packs-list__th:first-child {
      text-align: left; }
    .packs-list__th:last-child {
      padding-right: 25px;
      text-align: right; }
  .packs-list__th-pack-name {
    padding-left: 0;
    text-align: left; }
  .packs-list__select-all {
    margin-bottom: 0; }
  .packs-list__empty-table {
    text-align: center;
    font-size: 0.875rem;
    color: #192147; }

.packs-list-row {
  border-bottom: 1px solid #dbe3e5;
  cursor: pointer; }
  .packs-list-row--selected {
    background-color: rgba(106, 103, 254, 0.2); }
  .packs-list-row:focus {
    outline: none; }
  .packs-list-row:hover {
    background-color: rgba(106, 103, 254, 0.1); }
  .packs-list-row:last-child {
    border-bottom: 0; }
  .packs-list-row__td {
    color: #192147;
    font-weight: 400;
    font-size: 0.875rem;
    padding: 7px 0;
    text-align: center; }
    .packs-list-row__td:first-child {
      padding-left: 14px;
      text-align: left; }
    .packs-list-row__td:last-child {
      padding-right: 25px;
      text-align: right; }
  .packs-list-row__td-pack-name {
    display: inline-block;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: table-cell;
    text-align: left; }
  .packs-list-row__checkbox {
    margin-bottom: 0; }
  .packs-list-row__status-icon--enabled {
    color: #27d77e; }
  .packs-list-row__status-icon--disabled {
    color: #ff5c83; }
  .packs-list-row__status-text {
    color: #192147;
    font-weight: 400;
    margin-left: 10px; }
    @media (max-width: 1185px) {
      .packs-list-row__status-text {
        display: none; } }

.queries-list {
  background-color: #fff;
  border: 1px solid #dbe3e5;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 16px;
  overflow: scroll; }
  .queries-list__table {
    border-collapse: collapse;
    width: 100%; }
    .queries-list__table thead {
      background-color: #f9fafc;
      border-bottom: 1px solid #dbe3e5; }
      .queries-list__table thead .form-field {
        margin: 0; }
      .queries-list__table thead th {
        font-size: 0.875rem;
        font-weight: 700;
        text-align: left;
        padding: 15px 10px; }
        .queries-list__table thead th:nth-child(1) {
          width: 20px; }
    .queries-list__table tbody td {
      padding: 0 10px;
      margin: 0;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .queries-list__table tbody td p {
        font-size: 0.875rem; }
      .queries-list__table tbody td:nth-child(1) {
        text-align: center;
        vertical-align: middle; }

.queries-list-row {
  line-height: 38px;
  border-bottom: 1px solid #dbe3e5; }
  .queries-list-row__description {
    max-width: 280px; }
  .queries-list-row:last-child {
    border-bottom: 0; }
  .queries-list-row--selected {
    background-color: rgba(106, 103, 254, 0.2); }
  .queries-list-row:hover {
    cursor: pointer;
    background-color: rgba(106, 103, 254, 0.1); }
  .queries-list-row:active, .queries-list-row:focus {
    outline: none; }
  .queries-list-row td {
    font-size: 0.875rem; }
    .queries-list-row td .form-field {
      margin: 0; }
  .queries-list-row__name {
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: table-cell; }

.query-page-select-targets__wrapper {
  padding: 0 30px; }

.query-progress-details {
  margin-top: 24px; }
  .query-progress-details.query-results-table__full-screen {
    float: left; }
  .query-progress-details__wrapper {
    display: inline-block;
    max-width: 420px; }
    .query-progress-details__wrapper em {
      color: #506e92;
      font-size: 0.8em; }
  .query-progress-details__btn-wrapper {
    float: right; }
    .query-progress-details__btn-wrapper .button {
      width: 80px; }

.query-results-table {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 1.125rem;
  width: 100%;
  min-height: calc(500px + (1.125rem * 2));
  box-sizing: border-box;
  max-height: 75vh; }
  .query-results-table__button-wrap::after {
    clear: both;
    content: "";
    display: table; }
  .query-results-table__export-btn {
    float: right; }
  .query-results-table__filter-icon--is-active {
    color: #6a67fe; }
  .query-results-table__progress-details {
    display: inline-block;
    width: 378px; }
  .query-results-table__table-wrapper {
    display: flex;
    flex-grow: 1;
    border: solid 1px #dbe3e5;
    border-radius: 3px;
    box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, 0.12);
    overflow: scroll;
    margin-top: 30px;
    min-height: 400px;
    width: 100%; }
    .query-results-table__table-wrapper .kolide-spinner {
      align-self: center; }
    .query-results-table__table-wrapper .no-results-message {
      flex-grow: 1;
      align-self: center;
      text-align: center; }
  .query-results-table__table {
    border-collapse: collapse;
    color: #3e4771;
    font-size: 1rem;
    width: 100%; }
  .query-results-table thead {
    background-color: #f9fafc;
    color: #192147;
    text-align: left; }
    .query-results-table thead th {
      padding: 0.8125rem 0.4375rem;
      min-width: 125px; }
      .query-results-table thead th span {
        white-space: nowrap; }
        .query-results-table thead th span .kolidecon {
          margin-right: 5px; }
    .query-results-table thead .input-field {
      width: 100%; }
  .query-results-table tbody {
    background-color: #fff; }
    .query-results-table tbody td {
      padding: 0.4375rem; }
    .query-results-table tbody tr:nth-child(even) {
      background-color: #f9fafc; }
  .query-results-table--full-screen {
    -webkit-animation: growFullScreen 500ms;
            animation: growFullScreen 500ms;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    border-radius: 3px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #dbe3e5;
    z-index: 99; }
    .query-results-table--full-screen .query-progress-details__run-btn {
      display: none; }
  .query-results-table--shrinking {
    -webkit-animation: shrinkFullScreen 500ms;
            animation: shrinkFullScreen 500ms;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    z-index: 99; }
  .query-results-table__fullscreen-btn {
    float: right;
    margin-left: 15px; }

@-webkit-keyframes growFullScreen {
  100% {
    top: 0.5625rem;
    right: 0.5625rem;
    bottom: 0.5625rem;
    left: calc(55px + 0.5625rem);
    max-width: calc(100vw - 55px - 0.5625rem - 0.5625rem);
    max-height: 100vh; } }

@keyframes growFullScreen {
  100% {
    top: 0.5625rem;
    right: 0.5625rem;
    bottom: 0.5625rem;
    left: calc(55px + 0.5625rem);
    max-width: calc(100vw - 55px - 0.5625rem - 0.5625rem);
    max-height: 100vh; } }

@-webkit-keyframes shrinkFullScreen {
  0% {
    top: 0.5625rem;
    right: auto;
    bottom: auto;
    left: 0.5625rem;
    max-width: 100vw;
    max-height: 100vh; } }

@keyframes shrinkFullScreen {
  0% {
    top: 0.5625rem;
    right: auto;
    bottom: auto;
    left: 0.5625rem;
    max-width: 100vw;
    max-height: 100vh; } }

.scheduled-queries-list {
  background-color: #fff;
  border: 1px solid #dbe3e5;
  border-radius: 4px;
  box-sizing: border-box; }
  .scheduled-queries-list__table {
    border-collapse: collapse;
    width: 100%;
    border-radius: 3px; }
    .scheduled-queries-list__table thead {
      height: 50px;
      background-color: #f9fafc;
      border-bottom: 1px solid #dbe3e5; }
      .scheduled-queries-list__table thead th {
        font-size: 0.875rem;
        font-weight: 700;
        text-align: left;
        padding: 15px 10px; }
        .scheduled-queries-list__table thead th .form-field {
          margin: 0; }
        .scheduled-queries-list__table thead th:nth-child(1) {
          border-top-left-radius: 3px;
          width: 20px; }
        .scheduled-queries-list__table thead th:nth-child(2) {
          width: calc(46% - 20px); }
        .scheduled-queries-list__table thead th:nth-child(3) {
          width: 18%; }
        .scheduled-queries-list__table thead th:nth-child(4) {
          width: 18%;
          text-align: center; }
        .scheduled-queries-list__table thead th:nth-child(5) {
          width: 18%;
          text-align: center; }
        .scheduled-queries-list__table thead th:last-child {
          border-top-right-radius: 3px;
          text-align: center; }
    .scheduled-queries-list__table tbody td {
      padding: 0 10px;
      margin: 0; }
      .scheduled-queries-list__table tbody td .form-field {
        margin: 0; }
      .scheduled-queries-list__table tbody td:nth-child(1) {
        text-align: center;
        vertical-align: middle; }
      .scheduled-queries-list__table tbody td:nth-child(2) {
        font-size: 14px;
        font-weight: 700;
        line-height: 2.71;
        letter-spacing: -0.5px;
        text-align: left;
        color: #192147; }
      .scheduled-queries-list__table tbody td:nth-child(3) {
        font-size: 14px;
        font-weight: 400;
        line-height: 2.71;
        letter-spacing: -0.5px;
        color: #192147; }
      .scheduled-queries-list__table tbody td:nth-child(4), .scheduled-queries-list__table tbody td:nth-child(5), .scheduled-queries-list__table tbody td:nth-child(6) {
        font-size: 14px;
        font-weight: 400;
        line-height: 2.71;
        letter-spacing: -0.5px;
        text-align: center;
        color: #192147; }
        .scheduled-queries-list__table tbody td:nth-child(4) .kolidecon, .scheduled-queries-list__table tbody td:nth-child(5) .kolidecon, .scheduled-queries-list__table tbody td:nth-child(6) .kolidecon {
          font-size: 18px; }
      .scheduled-queries-list__table tbody td:nth-child(7) {
        text-align: center;
        font-size: 18px;
        color: #192147; }
    .scheduled-queries-list__table tbody .scheduled-query-list-item__icon {
      margin: 0 3px; }
  .scheduled-queries-list__first-query {
    padding: 30px 15px 100px;
    text-align: left; }
    .scheduled-queries-list__first-query h1 {
      color: #3e4771;
      font-size: 24px;
      font-weight: 400;
      line-height: 1.96;
      letter-spacing: -0.5px;
      margin: 0; }
    .scheduled-queries-list__first-query h2 {
      font-size: 20px;
      line-height: 2;
      letter-spacing: -0.4px;
      color: #3e4771;
      font-weight: 400;
      margin: 0; }
    .scheduled-queries-list__first-query p {
      font-size: 16px;
      font-weight: 400;
      line-height: 2.5;
      color: #3e4771;
      margin: 0; }
    .scheduled-queries-list__first-query ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .scheduled-queries-list__first-query li {
      margin-left: 15px;
      font-size: 16px;
      font-weight: 400;
      line-height: 2.5;
      color: #3e4771; }
  .scheduled-queries-list__query-name {
    display: inline-block;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: table-cell; }

.scheduled-query-list-item {
  outline: none;
  cursor: pointer;
  border-bottom: 1px solid #dbe3e5; }
  .scheduled-query-list-item:last-child {
    border-bottom: 0; }
  .scheduled-query-list-item--selected {
    background-color: rgba(106, 103, 254, 0.2); }

.scheduled-queries-list-wrapper {
  flex-grow: 1;
  padding: 50px 30px;
  margin-bottom: 1.125rem; }
  .scheduled-queries-list-wrapper__query-count {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 24px 0; }
  .scheduled-queries-list-wrapper__queries-list-wrapper {
    margin-top: 1.125rem;
    clear: both; }
  .scheduled-queries-list-wrapper__search-queries-input {
    display: inline-block;
    width: 100%; }
    .scheduled-queries-list-wrapper__search-queries-input input {
      width: 100%; }
  .scheduled-queries-list-wrapper__query-btn {
    float: right;
    margin-top: 14px; }
  .scheduled-queries-list-wrapper__search-queries {
    float: left; }

.host-side-panel {
  color: #3e4771;
  padding: 14px 20px 22px; }
  .host-side-panel .input-icon-field {
    margin-top: 0; }
    .host-side-panel .input-icon-field__label {
      display: none; }
    .host-side-panel .input-icon-field__icon {
      top: 6px; }
  .host-side-panel h3 {
    font-size: 0.875rem;
    font-weight: 700;
    color: #3e4771;
    margin: 24px 0 10px 8px; }
  .host-side-panel__add-label-btn {
    width: 100%;
    margin-top: 24px; }
  .host-side-panel__panel-group-item {
    color: #3e4771;
    width: 100%; }
    .host-side-panel__panel-group-item--filter {
      position: relative; }
      .host-side-panel__panel-group-item--filter .kolidecon {
        position: absolute;
        top: 10px;
        left: 12px;
        font-size: 20px;
        color: #506e92; }
    .host-side-panel__panel-group-item .title {
      padding-left: 20px;
      font-size: 16px; }
  .host-side-panel__filter-labels {
    margin-bottom: 16px; }
    .host-side-panel__filter-labels .input-field {
      padding-left: 42px;
      width: 100%; }

.panel-group__label {
  max-height: 280px;
  overflow-y: scroll;
  position: relative; }
  .panel-group__label--scroll-labels:before {
    content: '';
    position: -webkit-sticky;
    position: sticky;
    display: block;
    z-index: 1;
    top: -2px;
    left: 0;
    width: 100%;
    height: 17px;
    background-image: linear-gradient(to bottom, #f9fafc, rgba(255, 255, 255, 0)); }
  .panel-group__label--scroll-labels:after {
    content: '';
    position: -webkit-sticky;
    position: sticky;
    display: block;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 17px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f9fafc); }

.panel-group-item {
  transition: color 75ms ease-in-out, background 75ms ease-in-out;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  color: #3e4771;
  text-align: left;
  padding: 10px 0;
  margin: 2px 0;
  border-radius: 8px; }
  .panel-group-item.panel-group-item--selected {
    font-weight: 700;
    background-color: rgba(106, 103, 254, 0.2); }
    .panel-group-item.panel-group-item--selected .panel-group-item__count {
      font-weight: 700; }
  .panel-group-item__flexy {
    width: 100%;
    display: flex;
    align-items: center; }
  .panel-group-item__icon {
    transition: color 75ms ease-in-out;
    padding: 0 16px 0 8px;
    font-size: 18px; }
  .panel-group-item__name {
    display: inline-block;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    flex-grow: 1; }
  .panel-group-item__description {
    font-size: 13px;
    margin-left: 4px;
    text-transform: lowercase; }
  .panel-group-item__count {
    transition: color 75ms ease-in-out;
    font-weight: 400;
    text-align: right;
    padding-right: 12px;
    font-size: 14px; }

.pack-details-side-panel {
  padding: 16px 20px 0; }
  .pack-details-side-panel__description {
    color: #3e4771;
    font-size: 14px;
    word-wrap: break-word; }
  .pack-details-side-panel__section-label {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 24px 0 16px; }
  .pack-details-side-panel__edit-pack-link {
    width: 100%; }
  .pack-details-side-panel__pack-icon {
    color: #506e92;
    margin-right: 11px; }
  .pack-details-side-panel__pack-name {
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #3e4771;
    font-size: 1rem;
    font-weight: 400;
    margin: 0; }
  .pack-details-side-panel__query-icon {
    color: #506e92;
    font-size: 16px;
    margin-right: 15px; }
  .pack-details-side-panel__queries-list {
    list-style: none;
    margin: 0 0 16px;
    padding: 0; }
  .pack-details-side-panel__query-name {
    display: inline-block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 1rem;
    color: #6a67fe;
    text-decoration: none; }

.pack-info-side-panel {
  background-color: #fff;
  bottom: 0;
  border-left: 1px solid #dbe3e5;
  box-sizing: border-box;
  overflow: scroll;
  padding: 30px; }
  .pack-info-side-panel__title {
    font-size: 1.25rem;
    font-weight: 400;
    color: #3e4771;
    border-bottom: 1px solid #dbe3e5;
    padding-bottom: 8px;
    margin: 0 0 4px; }
  .pack-info-side-panel__subtitle {
    font-size: 1rem;
    font-weight: 400;
    color: #3e4771;
    margin: 0 0 10px;
    padding-top: 15px; }
  .pack-info-side-panel p,
  .pack-info-side-panel ul {
    font-size: 0.875rem;
    color: #3e4771; }
  .pack-info-side-panel dl dt {
    font-weight: 700;
    font-size: 0.875rem;
    color: #3e4771; }
    .pack-info-side-panel dl dt .kolidecon {
      font-size: 20px;
      margin-right: 5px; }
    .pack-info-side-panel dl dt span {
      vertical-align: 2px; }
  .pack-info-side-panel dl dd {
    font-size: 13px;
    color: #3e4771;
    margin-left: 30px; }

.query-details-side-panel {
  padding: 20px; }
  .query-details-side-panel h1 {
    display: inline-block;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    margin: 0;
    font-size: 1rem; }
    .query-details-side-panel h1 .kolidecon {
      color: #506e92;
      margin-right: 6px; }
  .query-details-side-panel__label {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 24px 0 16px; }
  .query-details-side-panel__description {
    font-size: 1rem;
    font-weight: 400;
    color: #3e4771;
    word-wrap: break-word; }
  .query-details-side-panel__query-preview {
    margin-bottom: 12px; }
    .query-details-side-panel__query-preview .kolide-ace__label {
      display: none; }
  .query-details-side-panel .button {
    width: 100%; }
  .query-details-side-panel__packs {
    margin-bottom: 24px;
    padding: 0;
    list-style: none; }
  .query-details-side-panel__pack-name {
    display: inline-block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    text-decoration: none;
    font-size: 1rem;
    vertical-align: middle;
    color: #6a67fe; }

.query-side-panel {
  padding: 0 28px; }
  .query-side-panel__header {
    margin: 0 0 16px;
    font-size: 0.875rem;
    font-weight: 700;
    color: #353d62; }
  .query-side-panel__choose-table {
    margin: 40px 0 16px; }
    .query-side-panel__choose-table .form-field {
      margin-bottom: 16px; }
    .query-side-panel__choose-table .Select {
      margin: 0 0 0.5625rem; }
  .query-side-panel__description {
    font-size: 0.875rem;
    font-style: italic;
    color: #506e92;
    margin: 0; }
  .query-side-panel__platforms {
    font-size: 14px;
    color: #506e92;
    list-style: none;
    margin: 0 0 24px;
    padding: 0; }
    .query-side-panel__platforms .kolidecon {
      font-size: 18px;
      margin-right: 16px; }
    .query-side-panel__platforms .icon {
      margin-right: 16px; }
    .query-side-panel__platforms li {
      height: 20px;
      display: flex;
      align-items: center;
      padding-bottom: 16px; }
      .query-side-panel__platforms li:last-child {
        padding-bottom: 0; }
  .query-side-panel__columns, .query-side-panel__suggested-queries {
    margin: 0 0 24px; }
  .query-side-panel__column-list {
    margin: 0;
    padding: 0;
    list-style: none; }
  .query-side-panel__column-wrapper {
    display: flex;
    margin: 0 0 15px;
    padding-top: 0.5625rem;
    border-top: 1px solid #dbe3e5; }
  .query-side-panel__suggestion {
    flex-grow: 1;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    text-align: left;
    color: #506e92; }
  .query-side-panel__load-suggestion {
    align-self: center;
    padding: 1px 5px;
    margin: 0 0 0 10px; }

.query-column-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dbe3e5;
  color: #3e4771;
  font-size: 0.875rem;
  padding: 12px 0; }
  .query-column-list__item:first-of-type {
    border: 0; }

.query-column-list__name {
  border-radius: 4px;
  border: solid 1px #3e4771;
  padding: 4px 10px;
  box-sizing: border-box;
  font-size: 0.75rem;
  font-weight: 700;
  color: #3e4771; }

.query-column-list__description {
  flex-grow: 1;
  text-align: right; }

.query-column-list__type {
  font-size: 0.875rem;
  color: #3e4771; }

.query-column-list__help {
  margin-left: 12px;
  vertical-align: text-bottom;
  font-size: 20px;
  color: #3e4771; }

.schedule-query-side-panel {
  padding: 20px; }

.search-pack-query__title {
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #3e4771;
  margin: 0 0 10px; }

.search-pack-query .form-field--dropdown {
  margin-bottom: 20px; }

.search-pack-query .ace-kolide {
  margin-bottom: 20px; }

.search-pack-query__description {
  margin: 0 0 30px;
  word-wrap: break-word; }
  .search-pack-query__description h2 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #3e4771;
    border-bottom: 1px solid #eaeefb;
    padding: 0 0 9px;
    margin: 0 0 9px; }
  .search-pack-query__description p {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    color: #3e4771; }

.secondary-side-panel-container {
  align-self: stretch;
  background-color: #f9fafc;
  box-sizing: border-box;
  border-left: 1px solid #e3e3e3;
  overflow: auto;
  width: 335px; }
  @media (max-width: 1185px) {
    .secondary-side-panel-container {
      width: 300px; } }

.site-nav-header {
  position: relative;
  padding: 14px 20px;
  background: #3e4771;
  margin-bottom: 16px; }
  @media (max-width: 1185px) {
    .site-nav-header {
      padding: 14px 10px; } }
  .site-nav-header__inner {
    display: flex;
    align-items: center; }
  .site-nav-header__logo {
    height: 24px;
    width: 24px;
    margin-right: 24px;
    border-radius: 20%; }
    .site-nav--small .site-nav-header__logo {
      margin: 24px 5px 10px; }
    @media (max-width: 1185px) {
      .site-nav-header__logo {
        margin: 10px 5px; } }
  .site-nav-header__username {
    display: inline-block;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    position: relative; }
    .site-nav--small .site-nav-header__username {
      display: none; }
    @media (max-width: 1185px) {
      .site-nav-header__username {
        display: none; } }

.site-nav-item {
  position: relative;
  transition: color 200ms ease-in-out;
  cursor: pointer; }
  .site-nav-item:hover {
    background-color: rgba(25, 33, 71, 0.5); }
  @media (max-width: 1185px) {
    .site-nav-item {
      justify-content: center; } }
  .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--multiple.site-nav-item--active .site-nav-item__link {
      border-right: 3px solid #6a67fe;
      background-color: #192147; }
  .site-nav-item__icon {
    position: relative;
    font-size: 1.5rem;
    margin-right: 24px;
    vertical-align: sub; }
    .site-nav--small .site-nav-item__icon {
      margin-right: 0; }
    @media (max-width: 1185px) {
      .site-nav-item__icon {
        margin-right: 0; } }
  .site-nav-item__name {
    text-decoration: none;
    vertical-align: middle;
    font-weight: 400;
    font-size: 0.875rem; }
    .site-nav--small .site-nav-item__name {
      display: none; }
    @media (max-width: 1185px) {
      .site-nav-item__name {
        display: none; } }
  .site-nav-item a {
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 14px 20px; }
    @media (max-width: 1185px) {
      .site-nav-item a {
        padding: 11px 14px; } }
  .site-nav-item--active {
    border-right: 3px solid #6a67fe;
    background-color: #192147; }
    .site-nav-item--active:hover {
      background-color: #192147; }
    .site-nav--small .site-nav-item--active {
      border-right: 3px solid #6a67fe; }
    @media (max-width: 1185px) {
      .site-nav-item--active {
        border-right: 3px solid #6a67fe; } }
    .site-nav-item--active .site-nav-item__name {
      font-weight: 700; }
    .site-nav-item--active .site-sub-item a {
      padding: 0; }
      .site-nav--small .site-nav-item--active .site-sub-item a {
        padding: 5px 14px; }
      @media (max-width: 1185px) {
        .site-nav-item--active .site-sub-item a {
          padding: 5px 14px; } }
    .site-nav--small .site-nav-item--active .site-sub-item {
      margin-right: 0;
      display: flex;
      justify-content: center; }
    @media (max-width: 1185px) {
      .site-nav-item--active .site-sub-item {
        margin-right: 0;
        display: flex;
        justify-content: center; } }
  .site-nav--small .site-nav-item:last-child {
    margin-right: 0; }
  @media (max-width: 1185px) {
    .site-nav-item:last-child {
      margin-right: 0; } }

.site-nav-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.site-nav-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.site-sub-item {
  position: relative;
  cursor: pointer;
  margin: 0;
  text-transform: none;
  padding: 6px 0; }
  .site-sub-item a {
    padding: 0; }
  .site-sub-item i {
    color: #e3e3e3; }
  .site-sub-item--active .site-sub-item__link {
    color: #fff;
    font-size: 0.875rem;
    font-weight: 700; }
    .site-sub-item--active .site-sub-item__link:hover {
      color: #fff; }
    .site-sub-item--active .site-sub-item__link i {
      color: #fff; }
  .site-sub-item--active::before {
    height: 7px;
    width: 7px;
    content: '';
    display: block;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: -8px;
    top: 50%;
    margin: -3px 0 0 -8px; }
    .site-nav--small .site-sub-item--active::before {
      display: none; }
    @media (max-width: 1185px) {
      .site-sub-item--active::before {
        display: none; } }
  .site-nav--small .site-sub-item__name {
    display: none; }
  @media (min-width: 1025px) {
    .site-sub-item__name {
      display: inline-block; } }
  @media (max-width: 1185px) {
    .site-sub-item__name {
      display: none; } }
  .site-nav--small .site-sub-item__icon {
    display: inline-block;
    font-size: 25px; }
    .site-nav--small .site-sub-item__icon .kolidecon {
      vertical-align: 1px; }
  @media (min-width: 1025px) {
    .site-sub-item__icon {
      display: none; } }
  @media (max-width: 1185px) {
    .site-sub-item__icon {
      display: inline-block;
      font-size: 25px; }
      .site-sub-item__icon .kolidecon {
        vertical-align: 1px; } }
  .site-nav--small .site-sub-item:first-child {
    display: none; }
  @media (max-width: 1185px) {
    .site-sub-item:first-child {
      display: none; } }

.site-sub-items {
  transition: width 100ms ease-in-out;
  font-size: 13px;
  margin: 0;
  padding: 0;
  position: relative; }
  .site-nav--small .site-sub-items {
    background-color: #6a67fe 18%;
    background-image: linear-gradient(to bottom, #6a67fe 18%, #6a67fe 82%);
    box-shadow: none; }
  .site-sub-items__list {
    padding: 12px 0 0 64px;
    margin: 0;
    list-style: none; }
    .site-nav--small .site-sub-items__list {
      padding: 0;
      text-align: center; }
    @media (max-width: 1185px) {
      .site-sub-items__list {
        padding: 0;
        text-align: center; } }
    .site-nav--small .site-sub-items__list--expanded {
      display: inline-block; }
    @media (max-width: 1185px) {
      .site-sub-items__list--expanded {
        display: inline-block; } }

.collapse-sub-item {
  bottom: 0;
  color: #fff;
  cursor: pointer;
  line-height: 95px;
  position: absolute;
  right: 4px;
  top: 0;
  display: none; }

.user-menu {
  padding: 0; }
  .user-menu__nav-list {
    list-style: none;
    margin: 0;
    padding: 0; }
  .user-menu__nav-item {
    font-size: 0.875rem;
    font-weight: 400;
    cursor: pointer; }
    .user-menu__nav-item:hover {
      background-color: rgba(25, 33, 71, 0.5); }
    .user-menu__nav-item--active {
      background-color: #192147;
      border-right: 3px solid #6a67fe;
      font-weight: 700; }
      .user-menu__nav-item--active:hover {
        background-color: #192147; }
    .user-menu__nav-item a {
      transition: opacity 75ms cubic-bezier(0.55, 0.085, 0.68, 0.53), background 75ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
      color: #fff;
      display: flex;
      align-items: center;
      text-decoration: none;
      text-transform: none;
      padding: 11px 20px; }
    .user-menu__nav-item .icon {
      margin-right: 24px; }
    @media (max-width: 1185px) {
      .user-menu__nav-item a {
        padding: 11px 14px; }
        .user-menu__nav-item a span {
          display: none; } }
    .user-menu__nav-item:last-child {
      margin-bottom: 11px; }

.stacked-white-boxes {
  position: absolute;
  left: 50%;
  transition: opacity 300ms ease-in;
  margin: 40px 0 0 -262px;
  width: 516px; }
  .stacked-white-boxes--loading {
    opacity: 0; }
  .stacked-white-boxes--loaded {
    opacity: 1; }
  .stacked-white-boxes--leaving {
    opacity: 0; }
  .stacked-white-boxes__box {
    background-color: #fff;
    border-radius: 10px;
    min-height: 360px;
    box-sizing: border-box;
    padding: 40px;
    font-weight: 300; }
    .stacked-white-boxes__box-text {
      color: #192147;
      font-size: 1rem;
      margin: 40px 0 24px; }
  .stacked-white-boxes__header {
    width: 100%; }
    .stacked-white-boxes__header-text {
      font-size: 1.5rem;
      font-weight: 300;
      color: #192147;
      line-height: 32px;
      margin-top: 0;
      margin-bottom: 0; }
  .stacked-white-boxes__back {
    text-align: right;
    width: 100%; }
    .stacked-white-boxes__back-link {
      transition: color 150ms ease-in-out;
      color: #506e92;
      text-decoration: none;
      position: absolute;
      top: 10px;
      right: 15px;
      cursor: pointer;
      font-weight: bold;
      font-size: 30px; }
      .stacked-white-boxes__back-link:hover {
        color: #6a67fe; }

.user-row__actions .form-field--dropdown {
  margin-bottom: 0; }
  .user-row__actions .form-field--dropdown .Select-placeholder {
    font-size: 0.875rem; }
  .user-row__actions .form-field--dropdown .Select-input {
    font-size: 0.875rem; }
  .user-row__actions .form-field--dropdown .Select-menu {
    max-height: 220px; }
    .user-row__actions .form-field--dropdown .Select-menu-outer {
      width: 186px;
      transform: translateX(-33%);
      max-height: 220px; }

@media (max-width: 1185px) {
  .user-row__position {
    display: none; } }

.user-row__status--active:before {
  background-color: #27d77e;
  border-radius: 100%;
  content: ' ';
  display: inline-block;
  height: 8px;
  margin-right: 8px;
  width: 8px; }

.user-row__status--invited:before {
  background-color: #f2c94c;
  border-radius: 100%;
  content: ' ';
  display: inline-block;
  height: 8px;
  margin-right: 8px;
  width: 8px; }

.user-row__status--disabled:before {
  background-color: #ff5c83;
  border-radius: 100%;
  content: ' ';
  display: inline-block;
  height: 8px;
  margin-right: 8px;
  width: 8px; }

.warning-banner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #f2c94c;
  color: #000;
  padding: 15px 20px;
  border-radius: 2px;
  font-size: 15px;
  margin: 0 0 25px; }
  .warning-banner__icon-wrap {
    min-width: 130px;
    line-height: 20px; }
  .warning-banner__label {
    font-weight: 700;
    margin-left: 15px; }
  .warning-banner__text {
    flex-grow: 1;
    line-height: 20px; }
  .warning-banner .button {
    color: #000;
    font-size: 15px;
    text-decoration: underline;
    font-weight: 400;
    letter-spacing: 0.6px;
    margin-left: 15px; }

.yaml-ace {
  min-height: 408px; }
  .yaml-ace__label {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.5px;
    color: #3e4771;
    display: block;
    margin: 0 0 4px;
    min-height: 25px; }
    .yaml-ace__label--error {
      color: #ff5c83; }
  .yaml-ace__wrapper--error .ace-kolide {
    border: 1px solid #ff5c83; }
  .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;
  min-height: 100vh; }

.core-wrapper {
  flex-grow: 1;
  margin: 0;
  padding: 0;
  max-width: calc(100% - 217px);
  position: relative;
  background-color: #fff; }
  .core-wrapper--small {
    max-width: calc(100% - 55px); }
  @media (max-width: 1185px) {
    .core-wrapper {
      max-width: calc(100% - 55px); } }

.site-nav {
  background: linear-gradient(360deg, #201e43 0%, #353d62 100%);
  box-sizing: border-box;
  width: 217px;
  display: flex;
  flex-direction: column;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
  max-height: 100vh;
  min-height: 560px; }
  .site-nav--small {
    padding-left: 0;
    width: 55px; }
  @media (max-width: 1185px) {
    .site-nav {
      padding-left: 0;
      width: 55px; } }

.app-settings {
  padding: 50px 30px; }
  .app-settings h1 {
    margin: 0 0 22px; }
  .app-settings h2 {
    font-size: 20px;
    font-weight: 400;
    color: #192147;
    border-bottom: solid 1px #dbe3e5;
    margin: 0 0 15px;
    padding: 0 0 8px; }
    .app-settings h2 a {
      text-decoration: none; }
    .app-settings h2 .kolidecon {
      font-size: 8px;
      margin: 0 20px;
      vertical-align: 4px; }
    .app-settings h2 small {
      font-size: 0.875rem;
      font-weight: 400;
      color: #3e4771; }

.osquery-options {
  padding: 50px 30px;
  flex-grow: 1; }
  .osquery-options__page-wrap {
    display: flex;
    min-height: 100vh; }
  .osquery-options h1 {
    margin: 0 0 24px; }
  .osquery-options a {
    margin: 0 0 20px; }
  .osquery-options__form-wrapper {
    display: flex; }
  .osquery-options__form-details {
    margin-top: 133px;
    width: 1000%; }
    .osquery-options__form-details p {
      font-size: 15px;
      font-weight: 400;
      line-height: 1.6;
      letter-spacing: 0.5px;
      color: #3e4771; }
  .osquery-options i {
    margin-left: 8px; }
  .osquery-options__side-panel {
    padding: 40px 28px; }
    .osquery-options__side-panel h2 {
      font-size: 0.875rem;
      font-weight: 700; }
    .osquery-options__side-panel p {
      font-size: 0.875rem;
      font-style: italic;
      color: #3e4771; }
    .osquery-options__side-panel a {
      color: #6a67fe;
      font-size: 0.875rem;
      font-weight: 700;
      text-decoration: none; }
    .osquery-options__side-panel img {
      width: 12px;
      height: 12px;
      margin-left: 6px; }

.user-management {
  min-height: 90vh;
  padding: 30px; }
  .user-management__wrapper {
    border: solid 1px #dbe3e5;
    border-radius: 6px;
    margin-top: 1.125rem; }
  .user-management__header {
    font-size: 1.5rem; }
  .user-management__table {
    border-collapse: collapse;
    color: #192147;
    font-size: 0.875rem;
    width: 100%; }
  .user-management tr {
    border-bottom: 1px solid #dbe3e5; }
    .user-management tr:last-child {
      border-bottom: 0; }
  .user-management thead {
    background-color: #f9fafc;
    color: #192147;
    text-align: left;
    border-bottom: 1px solid #dbe3e5; }
    .user-management thead th {
      padding: 18px 30px;
      white-space: nowrap;
      border-radius: 6px 0; }
  .user-management tbody td {
    padding: 0 30px;
    white-space: nowrap; }
  .user-management tbody .user-row__actions {
    padding: 4px 30px;
    width: 120px;
    float: right; }
  .user-management__heading-wrapper {
    width: 100%;
    margin-bottom: 10px; }
  .user-management__smtp-warning-wrapper {
    width: 100%; }
  .user-management__user-count {
    font-size: 0.875rem;
    font-weight: 700;
    color: #192147;
    margin-top: 34px; }
  .user-management__add-user-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .user-management__add-user-btn {
    height: 38px;
    letter-spacing: normal;
    margin-top: 0;
    margin-left: 0.5625rem;
    padding: 0;
    width: 145px; }
  .user-management__users {
    display: flex;
    flex-wrap: wrap;
    clear: both; }
  .user-management__invite-modal.modal__modal_container {
    width: 540px; }
  @media (max-width: 1185px) {
    .user-management__position {
      display: none; } }

.confirm-invite-page {
  background-color: #fff;
  border-radius: 10px;
  width: 436px;
  padding: 40px;
  margin-top: 40px; }
  .confirm-invite-page__form-section-description h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 0.72;
    letter-spacing: 0.6px;
    color: #3e4771;
    margin: 0;
    padding: 0; }
  .confirm-invite-page__form-section-description p {
    color: #3e4771;
    font-size: 14px;
    font-weight: 400; }
  .confirm-invite-page__form-section-wrapper {
    box-sizing: border-box;
    margin-bottom: 110px; }
  .confirm-invite-page__lead-wrapper {
    border-radius: 4px;
    box-sizing: border-box; }
  .confirm-invite-page__lead-text {
    font-size: 1.25rem;
    font-weight: 400;
    margin: 0 0 6px;
    text-align: center; }
  .confirm-invite-page__sub-lead-text {
    font-size: 0.875rem;
    font-weight: 400;
    text-align: center;
    margin: 0; }
  .confirm-invite-page .confirm-invite-button-wrap {
    display: flex;
    justify-content: center;
    margin-top: 40px; }
    .confirm-invite-page .confirm-invite-button-wrap .button {
      width: 160px; }

.confirm-ssoinvite-page__form-section-description h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.6px;
  color: #3e4771;
  margin: 0;
  padding: 0; }

.confirm-ssoinvite-page__form-section-description p {
  color: #3e4771;
  font-size: 14px;
  font-weight: 400; }

.confirm-ssoinvite-page__form-section-wrapper {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  height: 459px;
  padding: 35px;
  width: 500px;
  margin-bottom: 110px; }

.confirm-ssoinvite-page__form {
  width: 440px; }
  .confirm-ssoinvite-page__form .fields {
    background-color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    padding: 30px; }

.confirm-ssoinvite-page__lead-wrapper {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  margin-bottom: 30px;
  padding: 35px;
  width: 500px; }

.confirm-ssoinvite-page__lead-text {
  color: #6a67fe;
  font-size: 18px;
  font-weight: 400;
  margin-top: 0;
  text-align: center; }

.confirm-ssoinvite-page__sub-lead-text {
  color: #3e4771;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0; }

.fleet-404 p {
  color: #333;
  font-style: 400; }

.fleet-404 a {
  color: #6a67fe;
  text-decoration: none; }
  .fleet-404 a:hover {
    text-decoration: underline; }

.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: 700; }
  .fleet-404 main > h2 {
    font-size: 36px;
    margin: 13px 0 30px; }

.fleet-500 p {
  color: #333; }

.fleet-500 a {
  color: #6a67fe;
  text-decoration: none;
  display: block;
  margin-top: 16px; }
  .fleet-500 a:hover {
    text-decoration: underline; }

.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: 700; }
  .fleet-500 main > h2 {
    font-size: 36px;
    margin: 13px 0 30px; }

.forgot-password {
  transform: translateY(-50px); }
  .forgot-password__header {
    text-align: left; }
  .forgot-password__text-wrapper {
    font-size: 1rem; }
  .forgot-password__text {
    font-size: 1rem; }
    .forgot-password__text span {
      color: #6a67fe; }
  .forgot-password__email {
    color: #ae6ddf; }

.manage-hosts {
  min-height: 90vh; }
  .manage-hosts .header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px; }
  .manage-hosts__header {
    display: flex;
    align-items: center; }
  .manage-hosts__text {
    margin-right: 24px; }
  .manage-hosts__title {
    font-size: 1.5rem; }
    .manage-hosts__title .kolidecon {
      color: #506e92;
      margin-right: 15px; }
    .manage-hosts__title .kolidecon-success-check {
      color: #27d77e; }
    .manage-hosts__title .kolidecon-offline {
      color: #ff5c83; }
    .manage-hosts__title .kolidecon-mia {
      color: #192147; }
    .manage-hosts__title .kolidecon-clock {
      color: #f2c94c; }
  .manage-hosts__label-actions button:first-child {
    margin-right: 12px; }
  .manage-hosts__description {
    margin: 0 0 16px; }
    .manage-hosts__description h2 {
      text-transform: uppercase;
      color: #3e4771;
      font-weight: 400;
      font-size: 16px; }
    .manage-hosts__description p {
      color: #506e92;
      margin: 0;
      font-size: 0.875rem;
      font-style: italic; }
  .manage-hosts__topper {
    display: flex;
    align-items: flex-end; }
  .manage-hosts__host-count {
    font-size: 0.875rem;
    font-weight: 700;
    color: #192147;
    margin: 0; }
  .manage-hosts__modal p {
    font-size: 16px; }
  .manage-hosts__modal-buttons {
    display: flex;
    flex-direction: row-reverse; }
    .manage-hosts__modal-buttons .button--alert {
      margin-left: 15px; }
  .manage-hosts__toggle-view .kolidecon {
    width: 24px;
    height: 24px;
    margin-left: 12px;
    fill: #e3e3e3; }
  .manage-hosts__toggle-view--active .kolidecon {
    fill: #ae6ddf; }

.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; }

.login-success {
  background-color: #fff;
  margin-top: 20px;
  padding: 40px;
  text-align: center;
  border-radius: 10px;
  z-index: 0;
  align-self: center;
  transform: translateY(80px); }
  .login-success__text {
    font-size: 1rem; }
  .login-success__sub-text {
    font-size: 0.875rem;
    color: #506e92; }

.logout-page {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  height: 100vh; }
  .logout-page__tab {
    align-self: center;
    background-color: #fff;
    height: 30px;
    margin-top: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.3);
    width: 376px; }

.all-packs-page__bulk-action-btn {
  color: #ae6ddf;
  font-size: 15px;
  font-weight: 400;
  margin-left: 26px; }
  .all-packs-page__bulk-action-btn--disable {
    margin-left: 0; }
    .all-packs-page__bulk-action-btn--disable i {
      color: #ff5c83; }
  .all-packs-page__bulk-action-btn--enable i {
    color: #27d77e; }
  .all-packs-page__bulk-action-btn--delete i {
    color: #506e92; }

.all-packs-page__header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.all-packs-page__pack-count {
  color: #353d62;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0; }

.all-packs-page__search-create-section {
  position: relative; }
  .all-packs-page__search-create-section input[name='pack-filter'] {
    width: 100%;
    margin-top: 24px;
    padding-left: 42px; }
  .all-packs-page__search-create-section .kolidecon {
    position: absolute;
    top: 36px;
    left: 9px;
    font-size: 18px;
    color: #e3e3e3; }

.all-packs-page__title {
  margin: 0 0 15px; }

.all-packs-page__wrapper {
  padding: 50px 30px;
  min-height: 90vh; }

.all-packs-page__table {
  color: #3e4771;
  font-size: 1rem;
  width: 100%; }

.all-packs-page__modal-btn-wrap {
  display: flex;
  flex-direction: row-reverse; }
  .all-packs-page__modal-btn-wrap .button {
    margin-left: 15px;
    width: 120px; }

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

.pack-composer__pack-form {
  background-color: #fff;
  border-radius: 3px; }

.manage-queries-page__delete-queries-btn {
  font-size: 15px;
  font-weight: 400; }

.manage-queries-page__header-wrap {
  display: flex;
  justify-content: space-between; }

.manage-queries-page__ctas {
  flex-grow: 1;
  text-align: right; }

.manage-queries-page__query-count {
  color: #3e4771;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0 12px 0 0;
  display: inline-block; }

.manage-queries-page__filter-and-cta {
  display: flex;
  margin-bottom: 0.8125rem; }
  .manage-queries-page__filter-and-cta .form-field {
    margin: 0; }
  .manage-queries-page__filter-and-cta input[name='query-filter'] {
    width: 100%;
    margin-top: 24px; }

.manage-queries-page__filter-queries {
  flex-grow: 1;
  position: relative; }
  .manage-queries-page__filter-queries .input-field {
    padding-left: 42px; }
  .manage-queries-page__filter-queries .kolidecon {
    position: absolute;
    top: 36px;
    left: 9px;
    font-size: 18px;
    color: #e3e3e3; }

.manage-queries-page__title {
  margin: 0 0 12px; }

.manage-queries-page__wrapper {
  padding: 50px 30px;
  min-height: 90vh; }

.manage-queries-page__modal-btn-wrap {
  display: flex;
  flex-direction: row-reverse; }
  .manage-queries-page__modal-btn-wrap .button {
    margin-left: 15px;
    width: 120px; }

.manage-queries-page__empty-label {
  font-size: 1.25rem;
  font-weight: 700;
  padding: 20px 20px 0;
  margin: 24px 0; }

.manage-queries-page__empty-description {
  font-size: 1rem;
  font-style: italic;
  padding: 0 20px;
  margin: 0; }

.has-sidebar > .query-page__content {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  margin-bottom: 1.125rem; }

.query-page__results {
  display: flex;
  flex-grow: 1;
  position: relative;
  min-height: 400px; }

.query-page__warning {
  margin: 0; }

.registration-page {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden; }
  .registration-page__logo {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 120px; }
    @media (max-width: 1024px) {
      .registration-page__logo {
        width: 125px;
        position: static;
        display: block;
        margin: 15px 0 0 15px; } }

.registration-breadcrumbs {
  display: flex;
  justify-content: space-between;
  align-content: center;
  width: 600px;
  height: 125px;
  margin: 38px auto 0; }
  @media (max-width: 1024px) {
    .registration-breadcrumbs {
      height: 75px; } }
  .registration-breadcrumbs__page {
    text-align: center;
    width: 150px;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    position: relative; }
    .registration-breadcrumbs__page::before {
      content: '';
      position: absolute;
      width: 200px;
      height: 2px;
      background-color: #6a67fe;
      bottom: 43px;
      left: 87px; }
      @media (max-width: 1024px) {
        .registration-breadcrumbs__page::before {
          bottom: 23px; } }
    .registration-breadcrumbs__page::after {
      height: 24px;
      width: 24px;
      background-color: transparent;
      display: block;
      border-radius: 50%;
      content: '';
      font-size: 28px;
      margin: 14px auto 0;
      position: relative;
      z-index: 1;
      cursor: pointer; }
      @media (max-width: 1024px) {
        .registration-breadcrumbs__page::after {
          margin-top: 4px; } }
    .registration-breadcrumbs__page:focus {
      outline: none; }
    .registration-breadcrumbs__page--active {
      font-weight: 700;
      color: #fff; }
    .registration-breadcrumbs__page--1::after {
      border: 2px solid #fff; }
    .registration-breadcrumbs__page--1.registration-breadcrumbs__page--active::before {
      background: linear-gradient(to right, #fff 50%, #6a67fe 50%); }
    .registration-breadcrumbs__page--1.registration-breadcrumbs__page--active::after {
      background-color: transparent;
      border: 2px solid #fff; }
    .registration-breadcrumbs__page--1.registration-breadcrumbs__page--complete::before {
      background-color: #fff;
      background-size: auto;
      z-index: 2; }
    .registration-breadcrumbs__page--1.registration-breadcrumbs__page--complete::after {
      height: 28px;
      width: 28px;
      content: '\F035';
      color: #fff;
      border: 0; }
    .registration-breadcrumbs__page--2::after {
      border: solid 1px #6a67fe; }
    .registration-breadcrumbs__page--2.registration-breadcrumbs__page--active::before {
      background: linear-gradient(to right, #fff 50%, #6a67fe 50%); }
    .registration-breadcrumbs__page--2.registration-breadcrumbs__page--active::after {
      background-color: transparent;
      border: 2px solid #fff; }
    .registration-breadcrumbs__page--2.registration-breadcrumbs__page--complete::before {
      background: #fff;
      z-index: 2; }
    .registration-breadcrumbs__page--2.registration-breadcrumbs__page--complete::after {
      height: 28px;
      width: 28px;
      content: '\F035';
      color: #fff;
      border: 0; }
    .registration-breadcrumbs__page--3::before {
      display: none; }
    .registration-breadcrumbs__page--3::after {
      border: solid 1px #6a67fe; }
    .registration-breadcrumbs__page--3.registration-breadcrumbs__page--active::before {
      background: linear-gradient(to right, #fff 50%, #6a67fe 50%); }
    .registration-breadcrumbs__page--3.registration-breadcrumbs__page--active::after {
      background-color: transparent;
      border: 2px solid #fff; }
    .registration-breadcrumbs__page--3.registration-breadcrumbs__page--complete::after {
      height: 28px;
      width: 28px;
      content: '\F035';
      color: #fff;
      border: 0; }

.user-settings {
  display: flex; }
  .user-settings h1 {
    margin: 0 0 30px; }
  .user-settings h2 {
    font-size: 0.875rem;
    font-weight: 700; }
  .user-settings__manage {
    flex-grow: 1;
    align-self: flex-start;
    min-width: 542px; }
  .user-settings__additional {
    width: 350px;
    max-width: 350px;
    min-width: 350px;
    box-sizing: border-box;
    padding: 30px;
    background-color: #fafafa;
    min-height: 100vh; }
  .user-settings__change-avatar {
    position: relative;
    padding: 0 0 20px; }
    .user-settings__change-avatar a {
      display: block;
      color: #6a67fe;
      text-align: center;
      position: relative;
      z-index: 1;
      text-decoration: none;
      font-size: 0.875rem;
      margin-top: 4px; }
  .user-settings__header {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 24px 0 4px; }
  .user-settings__description {
    font-size: 0.875rem;
    font-style: italic;
    margin: 4px 0; }
  .user-settings__avatar {
    height: 120px;
    width: 120px;
    border: solid 1px #dbe3e5;
    margin: 0 auto;
    display: block; }
  .user-settings__more-info-detail {
    color: #3e4771; }
    .user-settings__more-info-detail .kolidecon {
      color: #e3e3e3;
      font-size: 18px;
      margin-right: 11px; }
  .user-settings__button {
    width: 100%; }
  .user-settings__last-updated {
    font-size: 0.875rem;
    font-style: italic;
    margin: 4px 0 24px; }
  .user-settings__reveal-secret {
    float: right;
    text-decoration: none; }
  .user-settings__secret-label {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0 0 4px; }
    .user-settings__secret-label a {
      color: #6a67fe; }
  .user-settings__secret-wrapper {
    position: relative; }
  .user-settings__button-wrap {
    display: flex;
    justify-content: flex-end; }
  .user-settings__secret-copy-icon {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 18px;
    color: #6a67fe; }
    .user-settings__secret-copy-icon:active {
      top: 8px; }
  .user-settings__secret-input input {
    border-radius: 2px;
    background-color: #f9fafc;
    border-color: #dbe3e5;
    padding-right: 36px;
    font-family: "SourceCodePro", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace; }
    .user-settings__secret-input input[type='password'] {
      letter-spacing: 3px; }