.blank-slate-pf {
  margin-top: 100px !important; }
#loading-page {
  justify-content: center;
  display: flex;
  margin-top: 100px; }
  #loading-page .loading-state-pf {
    display: flex;
    flex-direction: column; }
#notifications_container {
  position: static;
  margin-top: -1px;
  /*
Changed the maximum height of the drawer to full window, this prevents double scrolling as much as possible while still keeping a dynamic height.
Added flexbox functionality to resize the drawer if the window gets resized.
  */ }
  #notifications_container .fa-bell,
  #notifications_container .fa-bell-o {
    color: white;
    font-size: 15px;
    cursor: pointer; }
  #notifications_container .fa-bell {
    position: relative; }
    #notifications_container .fa-bell::after {
      width: 0;
      height: 0;
      border: 4px solid #cc0000;
      padding: 0;
      content: '';
      border-radius: 50%;
      position: absolute;
      top: -3px;
      right: -3px; }
  #notifications_container .drawer-pf {
    max-height: calc(100vh - 58px - 20px);
    overflow: hidden;
    display: flex;
    flex-direction: column; }
    #notifications_container .drawer-pf .drawer-pf-title {
      position: relative; }
    #notifications_container .drawer-pf .panel-group {
      display: flex;
      flex-direction: column;
      position: initial;
      bottom: initial;
      top: initial;
      overflow-y: auto; }
      #notifications_container .drawer-pf .panel-group .blank-slate-pf-title {
        font-size: 18px; }
      #notifications_container .drawer-pf .panel-group .panel.panel-default.expanded {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column; }
      #notifications_container .drawer-pf .panel-group .panel-collapse.in {
        min-height: 0;
        overflow-y: auto; }
        #notifications_container .drawer-pf .panel-group .panel-collapse.in .panel-body {
          display: block; }
          #notifications_container .drawer-pf .panel-group .panel-collapse.in .panel-body .dropdown-menu-right {
            position: absolute; }
            #notifications_container .drawer-pf .panel-group .panel-collapse.in .panel-body .dropdown-menu-right .btn-group {
              z-index: 1; }
    #notifications_container .drawer-pf .drawer-pf-action {
      padding: 10px 0;
      position: relative;
      position: sticky;
      position: -webkit-sticky;
      position: -moz-sticky;
      position: -ms-sticky;
      position: -o-sticky;
      bottom: 0;
      z-index: 10;
      background-color: #fff;
      border-top: 1px solid #d1d1d1; }
    #notifications_container .drawer-pf .drawer-pf-action-link {
      align-self: center;
      margin: 0; }
  #notifications_container #no-notifications-container {
    padding: 20px;
    text-align: center;
    background: #ededed;
    font-size: 15px; }
/**
  Third Party variables imports here
*/
.masthead-icon {
  margin-top: 4px; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.blink-image {
  -moz-animation: blink normal 1s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 1s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 1s infinite ease-in-out;
  /* IE */
  animation: blink normal 1s infinite ease-in-out;
  /* Opera and prob css3 final iteration */ }

.navbar-pf-vertical .nav .nav-item-iconic .fa.blink-image {
  color: #f9d67a; }

.navbar-pf-vertical .nav .nav-item-iconic:hover .fa.blink-image {
  color: #f9d67a; }
.secondary-nav-item-pf > .nav-pf-secondary-nav {
  background-color: #026991; }
  .secondary-nav-item-pf > .nav-pf-secondary-nav .mobile-active a .list-group-item-value {
    background-color: #024d6c; }
  .secondary-nav-item-pf > .nav-pf-secondary-nav .list-group-item a {
    background-color: #026991; }
    .secondary-nav-item-pf > .nav-pf-secondary-nav .list-group-item a:hover .list-group-item-value {
      background-color: #024d6c; }
  .secondary-nav-item-pf > .nav-pf-secondary-nav .list-group-item span {
    color: white; }

#react-app-root > .nav-pf-vertical {
  background-color: #024d6c; }
  #react-app-root > .nav-pf-vertical .list-group .list-group-item a span {
    color: #c7c7c7; }
  #react-app-root > .nav-pf-vertical .list-group .list-group-item a:hover {
    background-color: #026991; }
    #react-app-root > .nav-pf-vertical .list-group .list-group-item a:hover span {
      color: white; }
  #react-app-root > .nav-pf-vertical .list-group .list-group-item a::after {
    color: #c7c7c7; }
  #react-app-root > .nav-pf-vertical .list-group .list-group-item:hover a {
    background-color: #026991; }
    #react-app-root > .nav-pf-vertical .list-group .list-group-item:hover a span {
      color: white; }
  #react-app-root > .nav-pf-vertical .list-group .list-group-item.active a {
    background-color: #026991; }
    #react-app-root > .nav-pf-vertical .list-group .list-group-item.active a span {
      color: white; }

#account_menu {
  outline: none; }

#vertical-spinner {
  margin-top: 15px;
  margin-left: 5px; }

.navbar-header {
  width: 221.22px; }
.breadcrumbs-pf-title .active span {
  display: inline-flex;
  max-width: 50%; }

.breadcrumbs-pf-title li.breadcrumb-item-with-icon span {
  vertical-align: middle; }
  .breadcrumbs-pf-title li.breadcrumb-item-with-icon span img {
    align-self: center; }
/**
  Third Party variables imports here
*/
.breadcrumb-switcher {
  position: relative; }
  .breadcrumb-switcher .spinner {
    float: unset; }
/**
  Third Party variables imports here
*/
.foreman-autocomplete .autocomplete-aux {
  position: absolute;
  right: 25px;
  top: 4px;
  z-index: 10; }
  .foreman-autocomplete .autocomplete-aux .autocomplete-clear-button {
    margin-right: 2px;
    font-size: 12px;
    color: #72767b; }
    .foreman-autocomplete .autocomplete-aux .autocomplete-clear-button:hover {
      color: #00659c;
      text-decoration: none; }

.foreman-autocomplete .autocomplete-focus-shortcut {
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 0 4px;
  user-select: none;
  font-size: 12px;
  font-weight: bold;
  z-index: 10;
  border-radius: 5px;
  width: 15px;
  height: 19px;
  text-align: center;
  line-height: 17px;
  border: 1px solid rgba(114, 118, 123, 0.5);
  color: #72767b; }
  .foreman-autocomplete .autocomplete-focus-shortcut .hide {
    display: none; }

.foreman-autocomplete .autocomplete-error {
  position: absolute;
  color: #a30000; }

.rbt-aux {
  right: 12px;
  z-index: 10; }

.rbt-menu {
  width: auto;
  min-width: -webkit-fill-available !important; }

  .message-box-root {
    -ms-flex: 1 1;
    flex: 1 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .message-box-content {
    -ms-flex: 0 0 30px;
    flex-basis: 30px;
    text-align: center;
  }

  .message-box-icon {
    font-size: 22px;
  }

  .message-box-message {
    color: #363636;
    font-size: 12px;
    text-transform: capitalize;
  }

.loader-root {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1;
  flex: 1;
}
/**
  Third Party variables imports here
*/
.foreman-autocomplete .autocomplete-aux {
  position: absolute;
  right: 25px;
  top: 4px;
  z-index: 10; }
  .foreman-autocomplete .autocomplete-aux .autocomplete-clear-button {
    margin-right: 2px;
    font-size: 12px;
    color: #72767b; }
    .foreman-autocomplete .autocomplete-aux .autocomplete-clear-button:hover {
      color: #00659c;
      text-decoration: none; }

.foreman-autocomplete .autocomplete-focus-shortcut {
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 0 4px;
  user-select: none;
  font-size: 12px;
  font-weight: bold;
  z-index: 10;
  border-radius: 5px;
  width: 15px;
  height: 19px;
  text-align: center;
  line-height: 17px;
  border: 1px solid rgba(114, 118, 123, 0.5);
  color: #72767b; }
  .foreman-autocomplete .autocomplete-focus-shortcut .hide {
    display: none; }

.foreman-autocomplete .autocomplete-error {
  position: absolute;
  color: #a30000; }

.rbt-aux {
  right: 12px;
  z-index: 10; }

.rbt-menu {
  width: auto;
  min-width: -webkit-fill-available !important; }

/**
  Third Party variables imports here
*/
.search-bar .autocomplete-aux {
  right: 108px; }
  @media screen and (max-width: 768px) {
    .search-bar .autocomplete-aux {
      right: 65px; } }

.search-bar .autocomplete-search-btn-text {
  display: inline; }

.search-bar .search-input.use-shortcuts {
  padding-left: 21px; }
.statistics-charts-list-root {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-top: 20px; }
  .statistics-charts-list-root .chart-box {
    height: 312px;
    width: 280px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 312px; }
    .statistics-charts-list-root .chart-box .card-pf-heading {
      -ms-flex: 0 0 30px;
      flex: 0 0 30px; }
    .statistics-charts-list-root .chart-box .card-pf-body {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1;
      flex: 1;
      margin: 0; }
#loading-audits {
  display: flex;
  margin-top: 100px; }
  #loading-audits .spinner.spinner-lg {
    border-width: 7px;
    height: 60px;
    width: 60px; }
#diff-radio-buttons {
  margin-bottom: 5px;
  float: right; }
  #diff-radio-buttons .diff-button {
    text-transform: capitalize;
    width: 60px; }

#diff-table {
  border: 1px solid #d1d1d1;
  max-height: 400px;
  overflow: auto;
  clear: both; }
  #diff-table .diff-line {
    line-height: 1.7;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; }
  #diff-table .diff-gutter {
    border-left: 1px solid #e8e9ea; }
  #diff-table .diff-gutter.diff-gutter-insert {
    background-color: #cdffd8; }
  #diff-table .diff-hunk-header {
    border: 1px solid #e8e9ea; }
  #diff-table .diff-code-insert {
    background-color: #e6ffed; }
    #diff-table .diff-code-insert mark.diff-code-edit {
      background-color: #acf2bd; }
  #diff-table .diff-code-delete {
    background-color: #ffeef0; }
    #diff-table .diff-code-delete mark.diff-code-edit {
      background-color: #fdb8c0; }
#audit-list .apply-comma:not(:last-child)::after {
  white-space: pre;
  content: ", "; }

#audit-list .list-view-pf-view {
  margin-top: 10px; }

#audit-list .list-view-pf-body > .list-view-pf-description {
  width: 30%;
  flex: 1 0 30%; }

#audit-list .list-group-item.list-view-pf-expand-active {
  background-color: #def3ff; }

#audit-list .list-group-item:hover {
  background-color: #edf8ff; }

#audit-list .list-group-item .list-group-item-header .list-group-item-heading {
  flex: 1 0 calc(30% - 20px);
  width: calc(30% - 20px); }
  #audit-list .list-group-item .list-group-item-header .list-group-item-heading .user-grid {
    display: grid; }
    #audit-list .list-group-item .list-group-item-header .list-group-item-heading .user-grid .user-info {
      font-weight: bold; }

#audit-list .list-group-item .list-group-item-header .list-view-pf-additional-info-item {
  font-weight: 600;
  flex: 2;
  justify-content: flex-end;
  text-align: right;
  max-width: inherit; }
  #audit-list .list-group-item .list-group-item-header .list-view-pf-additional-info-item:last-child {
    justify-content: flex-start;
    text-align: left;
    flex-grow: 3;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all; }

#audit-list .list-group-item .list-group-item-header .list-view-pf-actions {
  margin-bottom: 0;
  margin-top: 22px; }

#audit-list .list-group-item .list-group-item-header .list-view-pf-expand {
  margin-right: 35px;
  margin-bottom: 10px;
  margin-top: 18px; }

#audit-list .list-group-item-text {
  width: calc(65% - 40px); }
  #audit-list .list-group-item-text .list-view-pf-description .list-group-item-text {
    padding-left: 30px; }

#audit-list .main-info-minimize-padding > .list-group-item-header .list-view-pf-main-info {
  padding-bottom: 10px;
  padding-top: 12px; }

#audit-list .main-info-maximize-padding > .list-group-item-header .list-view-pf-main-info {
  padding-bottom: 21px;
  padding-top: 21px; }

#audit-list .gray-text {
  color: #999; }

#audit-list .list-group-item-container {
  padding-top: 20px;
  padding-left: 35px; }
  #audit-list .list-group-item-container .actions-btns {
    padding-bottom: 15px; }
    #audit-list .list-group-item-container .actions-btns .btn {
      float: right;
      margin-left: 10px; }
  #audit-list .list-group-item-container .taxonomy-section {
    padding-left: 50px;
    word-break: break-word; }
  #audit-list .list-group-item-container .grid-container .details-row {
    border: 1px solid #d1d1d1;
    margin-top: 15px; }
  #audit-list .list-group-item-container .grid-container .comment-section p {
    margin-left: 10px;
    margin-right: 15px; }
  #audit-list .list-group-item-container .grid-container .comment-section .comment-title {
    margin-top: 10px; }
  #audit-list .list-group-item-container .grid-container .table-inline-changes {
    margin-top: 10px; }
  #audit-list .list-group-item-container .grid-container .table-changes {
    margin-top: 15px; }
    #audit-list .list-group-item-container .grid-container .table-changes td p {
      margin: 0 15px; }
  #audit-list .list-group-item-container .grid-container .table-changes,
  #audit-list .list-group-item-container .grid-container .table-inline-changes {
    word-break: break-word;
    font-weight: 600; }
    #audit-list .list-group-item-container .grid-container .table-changes td,
    #audit-list .list-group-item-container .grid-container .table-inline-changes td {
      padding: 5px; }
    #audit-list .list-group-item-container .grid-container .table-changes td:first-child,
    #audit-list .list-group-item-container .grid-container .table-inline-changes td:first-child {
      padding-left: 30px; }
  #audit-list .list-group-item-container .grid-container .table-hover > tbody > tr:hover,
  #audit-list .list-group-item-container .grid-container .table-hover > tbody > tr:hover > td {
    border: 1px solid #d1d1d1; }
  #audit-list .list-group-item-container .grid-container .table-hover > tbody > tr:hover,
  #audit-list .list-group-item-container .grid-container .table-hover > tbody > tr:hover > td:first-child {
    background-color: #fff; }
  #audit-list .list-group-item-container .grid-container .show-old {
    background-color: #ffeef0; }
  #audit-list .list-group-item-container .grid-container .show-new {
    background-color: #e6ffed; }
  #audit-list .list-group-item-container .grid-container .table-inline-changes.table-hover.show-new > tbody > tr:hover > td,
  #audit-list .list-group-item-container .grid-container .table-inline-changes.table-hover.show-new > tbody > tr:hover > th {
    background-color: #e6ffed; }
  #audit-list .list-group-item-container .grid-container .table-inline-changes.table-hover.show-old > tbody > tr:hover > td,
  #audit-list .list-group-item-container .grid-container .table-inline-changes.table-hover.show-old > tbody > tr:hover > th {
    background-color: #ffeef0; }
  #audit-list .list-group-item-container .grid-container .editor-section {
    margin-top: 15px; }
    #audit-list .list-group-item-container .grid-container .editor-section .editor.ace_editor {
      border: 1px solid #d1d1d1; }
#audits-empty-table {
  line-height: 2;
  font-size: 50px; }
#pagination {
  margin-top: -6px; }
  #pagination .form-group {
    align-items: center; }
  #pagination span {
    margin-left: 5px; }
/**
  Third Party variables imports here
*/
.ReactPasswordStrength .ReactPasswordStrength-input {
  width: 100%;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 2px 30px 2px 6px;
  font-style: normal; }

.ReactPasswordStrength .ReactPasswordStrength-strength-desc {
  padding: 2px 10px;
  right: -62.5%;
  font-size: 12px;
  width: 60%;
  text-align: left;
  font-style: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  @media (max-width: 991px) {
    .ReactPasswordStrength .ReactPasswordStrength-strength-desc {
      right: auto;
      top: 30px; } }

#password_react .form-group.has-error .ReactPasswordStrength-input {
  border: 1px solid #c00; }

#password_react .is-strength-0 .ReactPasswordStrength-strength-desc {
  color: #a30000; }

#password_react .is-strength-0 .ReactPasswordStrength-strength-bar {
  background: #a30000; }

#password_react .is-strength-1 .ReactPasswordStrength-strength-desc {
  color: #ec7a08; }

#password_react .is-strength-1 .ReactPasswordStrength-strength-bar {
  background: #ec7a08; }

#password_react .is-strength-2 .ReactPasswordStrength-strength-desc {
  color: #f0ab00; }

#password_react .is-strength-2 .ReactPasswordStrength-strength-bar {
  background: #f0ab00; }

#password_react .is-strength-3 .ReactPasswordStrength-strength-desc {
  color: #3f9c35; }

#password_react .is-strength-3 .ReactPasswordStrength-strength-bar {
  background: #3f9c35; }

#password_react .is-strength-4 .ReactPasswordStrength-strength-desc {
  color: #1e4f18; }

#password_react .is-strength-4 .ReactPasswordStrength-strength-bar {
  background: #1e4f18; }
.diff-modal .modal-header #diff-radio-buttons {
  margin-right: 15px;
  margin-bottom: unset;
  float: right;
  overflow: hidden; }

.diff-modal .modal-dialog {
  width: 900px; }

.diff-modal .diff-modal-body {
  padding: unset; }

.diff-modal #diff-modal-h4 {
  float: left;
  margin: 0;
  padding-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 700px; }

.diff-modal .diff-modal-button {
  margin-top: 3px;
  float: right; }
.select-body-container .select-input-search input {
  width: 100% !important; }
.ace_content {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; }

.mask-editor .ace_content {
  font-family: 'AllBullets', monospace; }

.popover-content {
  padding: 2px; }
  .popover-content .dropdown {
    text-align: center;
    margin-bottom: 5px; }
    .popover-content .dropdown button {
      color: #1e1d24; }
    .popover-content .dropdown #settings-dropdown {
      min-width: unset; }

.editor-modal .modal-content {
  height: -webkit-fill-available; }

.editor-modal .modal-header #diff-radio-buttons {
  margin-bottom: unset;
  margin-right: 15px; }
  .editor-modal .modal-header #diff-radio-buttons button {
    outline: none; }

.editor-modal .modal-header #editor-modal-h4 {
  margin-top: 4px;
  margin-bottom: 0;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 700px; }

.editor-modal .modal-dialog {
  padding: 15px;
  width: auto !important; }
  .editor-modal .modal-dialog .input.modal-body {
    background-color: #363636; }
  .editor-modal .modal-dialog .modal-body {
    padding: 0;
    overflow: auto;
    height: 100%; }
    .editor-modal .modal-dialog .modal-body .ace_editor {
      border: none !important; }
    .editor-modal .modal-dialog .modal-body #diff-table {
      max-height: 80vh; }
      .editor-modal .modal-dialog .modal-body #diff-table div {
        border: none; }
  .editor-modal .modal-dialog .input.modal-header.monokai,
  .editor-modal .modal-dialog .preview.modal-header.monokai {
    background-color: #363636; }
    .editor-modal .modal-dialog .input.modal-header.monokai h4,
    .editor-modal .modal-dialog .preview.modal-header.monokai h4 {
      color: #fff; }
    .editor-modal .modal-dialog .input.modal-header.monokai .pficon-close,
    .editor-modal .modal-dialog .preview.modal-header.monokai .pficon-close {
      color: #fff; }

.navbar-editor {
  padding: 2px 2px 0 2px !important;
  margin: 10px 0 0 !important;
  height: 40px;
  min-height: unset !important; }
  .navbar-editor .nav-tabs-pf-secondary {
    float: left;
    background: unset !important;
    border-bottom: unset;
    display: flex; }
    .navbar-editor .nav-tabs-pf-secondary a {
      background: unset !important; }
    .navbar-editor .nav-tabs-pf-secondary .dropdown-menu > li > a:hover {
      background-color: #08c !important; }
    .navbar-editor .nav-tabs-pf-secondary #editor-select-container {
      width: 260px;
      margin-top: 4px; }
      .navbar-editor .nav-tabs-pf-secondary #editor-select-container .select-container-pf {
        border-radius: 2px; }
    .navbar-editor .nav-tabs-pf-secondary #outdated-preview-alert {
      display: flex;
      align-items: center; }
      .navbar-editor .nav-tabs-pf-secondary #outdated-preview-alert .alert {
        padding: 0;
        display: flex;
        margin: 0 5px;
        height: 24px;
        align-items: center;
        border-radius: 2px; }
        .navbar-editor .nav-tabs-pf-secondary #outdated-preview-alert .alert .pficon-warning-triangle-o {
          position: inherit;
          font-size: 15px;
          top: 0;
          left: 0;
          margin: 0 5px; }
    .navbar-editor .nav-tabs-pf-secondary #preview-spinner {
      align-items: center;
      display: flex;
      margin-left: 10px; }
  .navbar-editor .btn-group {
    padding: 4px; }
  .navbar-editor .btn[disabled] {
    cursor: unset; }
  .navbar-editor #editor-dropdowns {
    float: right; }
    .navbar-editor #editor-dropdowns #diff-radio-buttons {
      float: left;
      margin-right: 5px; }
      .navbar-editor #editor-dropdowns #diff-radio-buttons button {
        outline: none; }
    .navbar-editor #editor-dropdowns #divider {
      float: left;
      font-size: 18px;
      margin-top: 6px;
      font-weight: 200;
      color: #c5c5c5;
      cursor: default;
      user-select: none; }
    .navbar-editor #editor-dropdowns button:enabled :not(#diff-radio-buttons) {
      color: #1e1d24; }
    .navbar-editor #editor-dropdowns button:hover:enabled :not(#diff-radio-buttons) {
      color: #4b4f5e !important; }
  .navbar-editor .preview_type_ahead {
    float: right;
    padding: 4px; }
    .navbar-editor .preview_type_ahead input {
      width: 275px; }
    .navbar-editor .preview_type_ahead .rbt-aux {
      right: 0; }

#hide-btn {
  width: 40px !important;
  font-size: 15px;
  margin-top: -4px; }

#fullscreen-btn {
  width: 40px !important;
  font-size: 14px;
  margin-bottom: 2px; }

#cog-btn {
  width: 40px !important;
  font-size: 16px;
  margin-bottom: 2px; }

#import-btn,
#undo-btn {
  width: 40px !important;
  font-size: 16px; }

.ace_editor_form {
  position: relative !important;
  height: 360px !important;
  width: 100% !important;
  border: 0 !important; }

.ace_editor_modal {
  width: 100% !important;
  height: -webkit-fill-available !important; }

#editor-container {
  display: flex;
  flex-direction: column; }
  #editor-container div.navbar-editor .btn-link {
    outline: none; }
  #editor-container #editor .ace_gutter .ace_gutter-layer {
    margin-top: 5px !important; }
  #editor-container #editor .ace_gutter .ace_gutter-active-line {
    margin-top: 5px; }
  #editor-container #editor .ace_scroller {
    margin-top: 5px; }
  #editor-container #diff-table {
    height: 360px; }
    #editor-container #diff-table .diff {
      border-bottom: 1px solid #e8e9ea; }

#preview_error_toast {
  display: block;
  margin-bottom: 0; }

#cog-popover .cog-popover-dropdown {
  display: flex;
  align-items: center; }
  #cog-popover .cog-popover-dropdown .cog-popover-dropdown-title {
    width: 50px;
    margin-bottom: 5px;
    margin-right: 10px;
    font-weight: 600; }
  #cog-popover .cog-popover-dropdown .dropdown {
    margin-left: auto; }
    #cog-popover .cog-popover-dropdown .dropdown .dropdown-menu {
      min-width: 80px; }
    #cog-popover .cog-popover-dropdown .dropdown #mode-dropdown,
    #cog-popover .cog-popover-dropdown .dropdown #keybindings-dropdown,
    #cog-popover .cog-popover-dropdown .dropdown #themes-dropdown {
      width: 80px;
      text-align: left; }
      #cog-popover .cog-popover-dropdown .dropdown #mode-dropdown .caret,
      #cog-popover .cog-popover-dropdown .dropdown #keybindings-dropdown .caret,
      #cog-popover .cog-popover-dropdown .dropdown #themes-dropdown .caret {
        position: absolute;
        right: 2px;
        top: 7px; }
.host-power-status.on {
  color: #3f9c35; }

.host-power-status.off {
  color: #c00; }

.host-power-status.na {
  color: #8b8d8f; }
.bootstrap-datetimepicker-widget.dropdown-menu.top {
  margin-top: -10px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom {
  margin-top: 10px !important; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  max-width: none; }
  .bootstrap-datetimepicker-widget.dropdown-menu .arrow {
    left: 10% !important; }
  .bootstrap-datetimepicker-widget.dropdown-menu .popover-content {
    color: #292e34; }
  .bootstrap-datetimepicker-widget.dropdown-menu .clock-btn {
    border: 0;
    box-shadow: none;
    color: #363636;
    display: block;
    padding-bottom: 4px;
    padding-top: 4px; }
  .bootstrap-datetimepicker-widget.dropdown-menu table td .today-button {
    padding: 0 16px 0 0;
    border: 0;
    background-color: transparent; }
    .bootstrap-datetimepicker-widget.dropdown-menu table td .today-button span {
      height: 24px;
      line-height: 24px;
      color: #0088ce; }

span.clear-button {
  background: none;
  border-left: none;
  color: #72767b; }

input.date-time-input {
  border-right: none; }
.disks-container {
  padding: 0 150px;
  display: flex;
  flex-direction: column; }
  .disks-container .disk-container {
    display: flex;
    padding: 20px 0;
    margin-top: 20px;
    flex-direction: column;
    border-top: 1px solid #ededed; }
    .disks-container .disk-container .close {
      background-color: red;
      color: white;
      padding: 5px 10px;
      border-radius: 5px; }
    .disks-container .disk-container .form-group {
      display: flex;
      align-items: center; }
    .disks-container .disk-container .control-label,
    .disks-container .disk-container .delete-volume-container {
      text-align: left; }
    .disks-container .disk-container .common-checkbox {
      text-align: left; }
    .disks-container .disk-container .common-numericInput .react-numeric-input {
      display: flex !important; }
      .disks-container .disk-container .common-numericInput .react-numeric-input input {
        flex: 1;
        height: 28px; }
.controller-header {
  display: flex;
  width: 100%;
  align-items: top; }
  .controller-header .controller-selected-container {
    display: flex;
    justify-content: flex-end; }
    .controller-header .controller-selected-container > label {
      margin-left: 5px; }
  .controller-header .controller-type-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }
  .controller-header .btn-add-disk {
    margin-top: 10px; }
.vmware-storage-container {
  display: flex;
  flex-direction: column; }
  .vmware-storage-container .storage-header {
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed; }
    .vmware-storage-container .storage-header .storage-title {
      font-size: 18px; }
    .vmware-storage-container .storage-header .storage-controller-buttons {
      text-align: right; }
      .vmware-storage-container .storage-header .storage-controller-buttons > button {
        margin-left: 20px; }
  .vmware-storage-container .controller-container {
    margin-bottom: 20px; }
/**
  Third Party variables imports here
*/
.row > .datepicker > div {
  display: block; }

.bootstrap-datetimepicker-widget table td {
  vertical-align: inherit; }

.timepicker-picker tr:nth-child(2) td {
  background-color: #def3ff !important; }

.field-help {
  margin-right: -5px; }
/**
  Third Party variables imports here
*/
/* stylelint-disable-next-line */
#login-page {
  height: 100%; }
  #login-page .login-pf {
    background-image: linear-gradient(to right, #005e8c, #084c75, #0a3a5e, #082948, #041a33); }
    #login-page .login-pf .login-pf-header {
      margin-bottom: 0 !important; }
      #login-page .login-pf .login-pf-header h1 {
        font-weight: 500; }
    #login-page .login-pf .login-pf-caption {
      color: white; }
      #login-page .login-pf .login-pf-caption h1 {
        font-weight: 600; }
    #login-page .login-pf .spinner {
      float: none; }
    #login-page .login-pf .form-control + .glyphicon {
      position: absolute;
      padding: 0;
      right: 0; }
/**
  Third Party variables imports here
*/
/* stylelint-disable-next-line */
#login-page {
  height: 100%; }
  #login-page .login-pf {
    background-image: linear-gradient(to right, #005e8c, #084c75, #0a3a5e, #082948, #041a33); }
    #login-page .login-pf .login-pf-header {
      margin-bottom: 0 !important; }
      #login-page .login-pf .login-pf-header h1 {
        font-weight: 500; }
    #login-page .login-pf .login-pf-caption {
      color: white; }
      #login-page .login-pf .login-pf-caption h1 {
        font-weight: 600; }
    #login-page .login-pf .spinner {
      float: none; }
    #login-page .login-pf .form-control + .glyphicon {
      position: absolute;
      padding: 0;
      right: 0; }

.external_logout {
  background-image: linear-gradient(to right, #005e8c, #084c75, #0a3a5e, #082948, #041a33);
  height: 100%; }
  .external_logout .external-logout {
    height: 100%; }
    .external_logout .external-logout header {
      text-align: center; }
      .external_logout .external-logout header img.brand {
        margin-top: 62px;
        max-width: 360px;
        width: 70%; }
      .external_logout .external-logout header .login-pf-caption {
        color: white; }
        .external_logout .external-logout header .login-pf-caption #title {
          font-weight: 600; }
        .external_logout .external-logout header .login-pf-caption p {
          font-size: 14px;
          margin-top: 20px; }
    .external_logout .external-logout .login-pf-submit-button {
      margin: 40px auto;
      font-size: 20px;
      width: 250px; }
.gridster ul {
  padding-left: 0;
  list-style: none;
  max-width: 100%;
  margin: 0 auto; }
  @media (min-width: 992px) {
    .gridster ul [data-col="1"] {
      left: 1%; }
    .gridster ul [data-sizex="1"] {
      width: 7.33333%; }
    .gridster ul [data-sizey="1"] {
      height: 340px; }
    .gridster ul [data-col="2"] {
      left: 9.33333%; }
    .gridster ul [data-sizex="2"] {
      width: 15.66667%; }
    .gridster ul [data-sizey="2"] {
      height: 690px; }
    .gridster ul [data-col="3"] {
      left: 17.66667%; }
    .gridster ul [data-sizex="3"] {
      width: 24%; }
    .gridster ul [data-sizey="3"] {
      height: 1040px; }
    .gridster ul [data-col="4"] {
      left: 26%; }
    .gridster ul [data-sizex="4"] {
      width: 32.33333%; }
    .gridster ul [data-sizey="4"] {
      height: 1390px; }
    .gridster ul [data-col="5"] {
      left: 34.33333%; }
    .gridster ul [data-sizex="5"] {
      width: 40.66667%; }
    .gridster ul [data-sizey="5"] {
      height: 1740px; }
    .gridster ul [data-col="6"] {
      left: 42.66667%; }
    .gridster ul [data-sizex="6"] {
      width: 49%; }
    .gridster ul [data-sizey="6"] {
      height: 2090px; }
    .gridster ul [data-col="7"] {
      left: 51%; }
    .gridster ul [data-sizex="7"] {
      width: 57.33333%; }
    .gridster ul [data-sizey="7"] {
      height: 2440px; }
    .gridster ul [data-col="8"] {
      left: 59.33333%; }
    .gridster ul [data-sizex="8"] {
      width: 65.66667%; }
    .gridster ul [data-sizey="8"] {
      height: 2790px; }
    .gridster ul [data-col="9"] {
      left: 67.66667%; }
    .gridster ul [data-sizex="9"] {
      width: 74%; }
    .gridster ul [data-sizey="9"] {
      height: 3140px; }
    .gridster ul [data-col="10"] {
      left: 76%; }
    .gridster ul [data-sizex="10"] {
      width: 82.33333%; }
    .gridster ul [data-sizey="10"] {
      height: 3490px; }
    .gridster ul [data-col="11"] {
      left: 84.33333%; }
    .gridster ul [data-sizex="11"] {
      width: 90.66667%; }
    .gridster ul [data-sizey="11"] {
      height: 3840px; }
    .gridster ul [data-col="12"] {
      left: 92.66667%; }
    .gridster ul [data-sizex="12"] {
      width: 99%; }
    .gridster ul [data-sizey="12"] {
      height: 4190px; }
    .gridster ul [data-row="1"] {
      top: 10px; }
    .gridster ul [data-row="2"] {
      top: 370px; }
    .gridster ul [data-row="3"] {
      top: 730px; }
    .gridster ul [data-row="4"] {
      top: 1090px; }
    .gridster ul [data-row="5"] {
      top: 1450px; }
    .gridster ul [data-row="6"] {
      top: 1810px; }
    .gridster ul [data-row="7"] {
      top: 2170px; }
    .gridster ul [data-row="8"] {
      top: 2530px; }
    .gridster ul [data-row="9"] {
      top: 2890px; }
    .gridster ul [data-row="10"] {
      top: 3250px; }
    .gridster ul [data-row="11"] {
      top: 3610px; }
    .gridster ul [data-row="12"] {
      top: 3970px; }
    .gridster ul [data-row="13"] {
      top: 4330px; }
    .gridster ul [data-row="14"] {
      top: 4690px; }
    .gridster ul [data-row="15"] {
      top: 5050px; }
    .gridster ul [data-row="16"] {
      top: 5410px; }
    .gridster ul [data-row="17"] {
      top: 5770px; }
    .gridster ul [data-row="18"] {
      top: 6130px; }
    .gridster ul [data-row="19"] {
      top: 6490px; }
    .gridster ul [data-row="20"] {
      top: 6850px; }
    .gridster ul [data-row="21"] {
      top: 7210px; }
    .gridster ul [data-row="22"] {
      top: 7570px; }
    .gridster ul [data-row="23"] {
      top: 7930px; }
    .gridster ul [data-row="24"] {
      top: 8290px; }
    .gridster ul [data-row="25"] {
      top: 8650px; }
    .gridster ul [data-row="26"] {
      top: 9010px; }
    .gridster ul [data-row="27"] {
      top: 9370px; }
    .gridster ul [data-row="28"] {
      top: 9730px; }
    .gridster ul [data-row="29"] {
      top: 10090px; }
    .gridster ul [data-row="30"] {
      top: 10450px; }
    .gridster ul [data-col="1"] {
      left: 0; } }
  @media (max-width: 992px) {
    .gridster ul .gs-w:not(.preview-holder) {
      position: relative !important;
      margin: 10px 0; } }
  .gridster ul .preview-holder {
    background-color: #00618a; }
  .gridster ul .gs-w {
    padding: 19px;
    border: 1px solid #e3e3e3;
    background-color: rgba(255, 255, 255, 0.5); }
    .gridster ul .gs-w:hover {
      border: 1px solid #00618a; }

.dashboard .host-configuration-status li {
  margin: 10px 0;
  list-style: none;
  clear: both; }
  .dashboard .host-configuration-status li h4 {
    float: right;
    line-height: 10px; }

.dashboard .host-configuration-status .total {
  border-top: 1px solid #ddd;
  text-align: right;
  padding-top: 10px; }

.dashboard .header {
  border-bottom: 1px solid #ddd;
  padding: 0 10px 10px;
  margin-top: 0; }

.dashboard .stats-well {
  min-height: 360px; }

.dashboard .statistics-bar {
  height: 270px;
  width: 95%;
  margin-left: -10px; }

.dashboard .statistics-chart {
  height: 240px;
  width: 95%; }

.dashboard .widget_control a {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  cursor: pointer;
  margin: 0 3px; }
  .dashboard .widget_control a:hover {
    text-decoration: none; }

.dashboard .reports-table th:not(:first-child) {
  width: 50px; }

.dashboard-links {
  color: #333; }

.dashboard-pie {
  height: 180px;
  width: 180px; }

.dashboard-right {
  margin-right: 10px;
  margin-top: 80px;
  float: right; }

.auto-refresh {
  background: none; }
  .auto-refresh.on {
    color: #005c7e; }
  .auto-refresh.off {
    color: #ccc; }

/*# sourceMappingURL=bundle-adac17a24ba6b9b1e5c2.css.map*/