/* logo blue */
/* link hover */
/* alert info background color */
/* alert info border color */
/* well background color */
/**
 * Override Variables
 *
 * NOTE: Used in conditional build scenarios and will need to persist after any refactoring effort.
 */
/**
 * Legacy Styles
 *
 * NOTE: Styles below are a mix of 3rd-party dependencies and in-house code. For the 3rd-party
 * stuff, we'd be better off managing them via npm where possible.
 */
@font-face {
  font-family: 'merriweather';
  src: url("/static/assets/merriweather_light-webfont.woff2") format('woff2'), url("/static/assets/merriweather_light-webfont.woff") format('woff');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'merriweather';
  src: url("/static/assets/merriweather-regular-webfont.woff2") format('woff2'), url("/static/assets/merriweather-regular-webfont.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'merriweather';
  src: url("/static/assets/merriweather-bold-webfont.woff2") format('woff2'), url("/static/assets/merriweather-bold-webfont.woff") format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'merriweather';
  src: url("/static/assets/merriweather_ultrabold-webfont.woff2") format('woff2'), url("/static/assets/merriweather_ultrabold-webfont.woff") format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'merriweather';
  src: url("/static/assets/merriweather-lightitalic-webfont.woff2") format('woff2'), url("/static/assets/merriweather-lightitalic-webfont.woff") format('woff');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'merriweather';
  src: url("/static/assets/merriweather-bolditalic-webfont.woff2") format('woff2'), url("/static/assets/merriweather-bolditalic-webfont.woff") format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'merriweather';
  src: url("/static/assets/merriweather-heavyitalic-webfont.woff2") format('woff2'), url("/static/assets/merriweather-heavyitalic-webfont.woff") format('woff');
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'merriweather';
  src: url("/static/assets/merriweather-italic-webfont.woff2") format('woff2'), url("/static/assets/merriweather-italic-webfont.woff") format('woff');
  font-weight: normal;
  font-style: italic;
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  animations.css
 *
 *  custom animation mixins for ansible-ui
 *
 */
@-webkit-keyframes pulsate {
  0% {
    -moz-transform: scale(0.3);
    opacity: .2;
  }
  100% {
    -moz-transform: scale(1.1);
    opacity: 1;
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.3);
    opacity: .2;
  }
  100% {
    -webkit-transform: scale(1.1);
    opacity: 1;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: .2;
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  jquery-ui-overrides.less
 *
 *  Additions to the custom-theme to make things
 *  look closer to Twitter Bootstrap
 *
 */
table.ui-datepicker-calendar {
  background-color: #f5f5f5;
}
/* Modal dialog */
.ui-dialog-title {
  font-size: 15px;
  color: #606060;
  font-weight: bold;
  line-height: normal;
  font-family: 'Open Sans', helvetica;
  text-transform: uppercase;
}
.ui-dialog .close {
  font-size: 18px;
  font-weight: bold;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1;
  opacity: 1;
  text-shadow: 0 1px 0 #FFF;
  color: #D7D7D7;
}
.ui-dialog .close:hover {
  color: #646972;
}
.ui-dialog .ui-widget {
  font-family: 'Open Sans', sans-serif;
}
.ui-dialog .ui-widget-header {
  border-radius: 0;
  border: none;
}
.ui-dialog .ui-dialog-titlebar {
  padding-bottom: 0;
  padding-top: 12px;
}
.ui-dialog .ui-dialog-titlebar button.close i {
  font-size: 24px;
}
.ui-dialog .ui-dialog-titlebar .ui-state-default {
  background-image: none;
  background-color: #FFF;
  border-color: #FFF;
  color: #A9A9A9;
}
.ui-dialog .mono-space {
  font-family: Fixed, monospace;
}
.ui-dialog textarea.resizable {
  resize: vertical;
}
.ui-dialog .ui-resizable-se {
  right: 5px;
  bottom: 5px;
  background-position: -80px -224px;
  color: #171717;
}
.ui-dialog button.btn.btn-primary,
.ui-dialog button.btn.btn-default {
  padding: 5px 15px;
  line-height: 1.5;
  transition: background-color 0.2s;
  font-size: 12px;
}
.ui-dialog button.btn.btn-primary {
  text-transform: uppercase;
  background-color: #5CB85C;
  border-color: #5CB85C;
}
.ui-dialog button.btn.btn-primary:hover {
  background-color: #449D44;
  border-color: #449D44;
}
.ui-dialog button.btn.btn-primary:disabled {
  background-color: #D7D7D7;
  border-color: #D7D7D7;
}
.ui-dialog button.btn.btn-default {
  text-transform: uppercase;
  border-color: #B7B7B7;
  color: #606060;
}
.ui-dialog .ui-dialog-buttonpane.ui-widget-content {
  border: none;
  margin: 0;
  padding-top: 0;
  padding-right: 8px;
}
.ui-dialog .input-group-btn.dropdown,
.ui-dialog .List-pagination,
.ui-dialog .List-tableHeader {
  font-family: 'Open Sans', sans-serif;
}
.ui-dialog-buttonpane > .ui-dialog-buttonset button {
  margin-left: 20px;
}
.ui-dialog-buttonset {
  text-transform: uppercase;
  max-height: 48px;
}
.ui-dialog-buttonset button.btn.btn-default.ui-state-hover,
.ui-dialog-buttonset button.btn.btn-default.ui-state-active,
.ui-dialog-buttonset button.btn.btn-default.ui-state-focus {
  font-weight: normal;
}
.ui-dialog-buttonset button.btn.btn-primary.ui-state-hover,
.ui-dialog-buttonset button.btn.btn-primary.ui-state-active,
.ui-dialog-buttonset button.btn.btn-primary.ui-state-focus {
  background-image: none;
  color: #FFF;
  background-color: #2a6496;
  border-color: #285e8e;
  text-decoration: none;
  font-weight: normal;
}
.ui-widget-overlay.ui-front {
  background-image: none;
  background-color: #000;
  opacity: .6;
}
.ui-dialog-content.ui-widget-content {
  padding-top: 20px;
}
.ui-widget-content {
  background-image: none;
  background-color: #FFFFFF;
}
.ui-widget-content a,
.ui-widget-content a:visited,
.ui-widget-content a:active {
  color: #1778c3;
  text-decoration: none;
}
.ui-widget-content a:hover,
.ui-widget-content a:focus {
  color: #2a6496;
  text-decoration: none;
}
.ui-widget-content .red-txt,
.ui-widget-content a.red-txt:visited,
.ui-widget-content a.red-txt:hover,
.ui-widget-content a.red-txt:active {
  color: #D9534F;
}
.ui-widget-content .dropdown-menu > li > a {
  color: #606060;
}
.ui-widget-content .pagination .active a,
.ui-widget-content .pagination .active a:visited,
.ui-widget-content .pagination .active a:active {
  color: #FFF;
}
.ui-state-default {
  background-image: none;
  background-color: #FFF;
  border: 1px solid #A9A9A9;
}
.ui-accordion-header-active {
  background-color: #E8E8E8;
}
/*.ui-state-active {
    background-image: none;
    background-color: #f5f5f5;
}*/
.ui-widget-content {
  border: 1px solid #A9A9A9;
}
.ui-spinner a.ui-spinner-button {
  border-left: 1px solid #A6C9E2;
}
.ui-front {
  z-index: 1100;
}
.ui-accordion .ui-accordion-header {
  margin-top: 1px;
}
.ui-spinner.ui-state-disabled,
.ui-state-disabled .ui-spinner-button {
  cursor: not-allowed !important;
}
.ui-state-disabled .ui-spinner-button:hover {
  background-color: #FFFFFF !important;
}
.ui-state-disabled.ui-widget-content {
  background-color: #ebebeb !important;
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *  Overrides to angular-codemirror
 *
 *
 */
.CodeMirror {
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #B7B7B7;
}
.CodeMirror,
.CodeMirror-activeline-background {
  background-color: #FCFCFC;
}
/* Make sure code editor dialog is always at top of stack */
[aria-describedby=af-code-editor-modal].ui-front {
  z-index: 2050;
}
.CodeMirror-lint-tooltip {
  z-index: 2060;
}
.CodeMirror-gutters {
  border-color: #D7D7D7;
  background-color: #F6F6F6;
}
.CodeMirror-linenumber {
  color: #707070;
}
textarea[disabled="disabled"] + div[id*="-container"] .CodeMirror-gutters {
  border-color: #B7B7B7;
}
textarea[disabled="disabled"] + div[id*="-container"] .CodeMirror-gutter.CodeMirror-lint-markers,
textarea[disabled="disabled"] + div[id*="-container"] .CodeMirror-gutter.CodeMirror-linenumbers {
  background-color: #FFFFFF;
  color: #606060;
}
/***************************************************************************
 * Copyright (c) 2015 Ansible, Inc.
 *
 * Styling for angular-scheduler
 *
 */
/*
    #schedules-form-container -inventory group add/edit dialog
 */
#schedules-tab {
  position: relative;
  top: 0;
  left: 0;
}
#schedules-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #171717;
  opacity: 0;
}
#schedules-list {
  overflow-x: hidden;
  overflow-y: auto;
}
#schedules-form-container {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  box-shadow: 3px 3px 6px 0 #666;
  padding: 0 10px 15px 8px;
  background-color: #FFF;
  z-index: 200;
}
#schedules-title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 8px;
  margin-bottom: 10px;
  margin-top: 0;
}
#schedules-title h4 {
  display: inline-block;
  margin: 0;
}
#schedules-title button {
  display: inline-block;
}
#schedules-form-container-body {
  overflow-x: hidden;
  overflow-y: auto;
}
#schedules-form .form-group {
  margin-bottom: 15px;
}
#schedules-buttons {
  height: 46px;
  padding-top: 10px;
  text-align: right;
  border-top: 1px solid #A6C9E2;
  margin-top: 5px;
}
#schedules-buttons a {
  margin-right: 8px;
  font-size: 12px;
}
#schedules-detail {
  display: none;
}
#scheduler-modal-dialog,
#schedules-form-container {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 25px;
}
#scheduler-modal-dialog form,
#schedules-form-container form {
  width: 100%;
}
#scheduler-modal-dialog .sublabel,
#schedules-form-container .sublabel {
  font-weight: normal;
}
#scheduler-modal-dialog #occurrence-label,
#schedules-form-container #occurrence-label {
  display: inline-block;
}
#scheduler-modal-dialog .occurrence-list,
#schedules-form-container .occurrence-list {
  border: 1px solid #e3e3e3;
  padding: 8px 10px;
  border-radius: 4px;
  background-color: #f5f5f5;
  list-style: none;
  margin-bottom: 5px;
}
#scheduler-modal-dialog #date-choice,
#schedules-form-container #date-choice {
  display: inline-block;
  margin-left: 15px;
  font-size: 12px;
}
#scheduler-modal-dialog #date-choice .label-inline,
#schedules-form-container #date-choice .label-inline {
  display: inline-block;
  vertical-align: middle;
}
#scheduler-modal-dialog #date-choice input,
#schedules-form-container #date-choice input {
  margin-bottom: 2px;
  height: 11px;
  width: 10px;
}
#scheduler-modal-dialog #date-choice .label-inline:first-child,
#schedules-form-container #date-choice .label-inline:first-child {
  padding-bottom: 2px;
  margin-right: 10px;
}
#scheduler-modal-dialog #date-choice .label-inline:nth-child(3),
#schedules-form-container #date-choice .label-inline:nth-child(3) {
  margin-right: 10px;
}
#scheduler-modal-dialog .ui-widget input,
#schedules-form-container .ui-widget input {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}
#scheduler-modal-dialog .scheduler-time-spinner,
#schedules-form-container .scheduler-time-spinner {
  width: 40px;
  height: 24px;
}
#scheduler-modal-dialog .scheduler-spinner,
#schedules-form-container .scheduler-spinner {
  width: 50px;
  height: 24px;
}
#scheduler-modal-dialog .fmt-help,
#schedules-form-container .fmt-help {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  padding-left: 10px;
}
#scheduler-modal-dialog .error,
#schedules-form-container .error {
  color: #dd1b16;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 3px;
}
#scheduler-modal-dialog .error-pull-up,
#schedules-form-container .error-pull-up {
  position: relative;
  top: -20px;
}
#scheduler-modal-dialog .red-text,
#schedules-form-container .red-text {
  color: #dd1b16;
}
#scheduler-modal-dialog .help-text,
#schedules-form-container .help-text {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-top: 5px;
}
#scheduler-modal-dialog .inline-label,
#schedules-form-container .inline-label {
  margin-left: 10px;
}
#scheduler-modal-dialog #scheduler-buttons,
#schedules-form-container #scheduler-buttons {
  margin-top: 20px;
}
#scheduler-modal-dialog .no-label,
#schedules-form-container .no-label {
  padding-top: 25px;
}
#scheduler-modal-dialog .padding-top-slim,
#schedules-form-container .padding-top-slim {
  padding-top: 5px;
}
#scheduler-modal-dialog .option-pad-left,
#schedules-form-container .option-pad-left {
  padding-left: 15px;
}
#scheduler-modal-dialog .option-pad-top,
#schedules-form-container .option-pad-top {
  padding-top: 15px;
}
#scheduler-modal-dialog .option-pad-bottom,
#schedules-form-container .option-pad-bottom {
  padding-bottom: 15px;
}
#scheduler-modal-dialog #monthlyOccurrence,
#schedules-form-container #monthlyOccurrence,
#scheduler-modal-dialog #monthlyWeekDay,
#schedules-form-container #monthlyWeekDay {
  margin-top: 5px;
}
#scheduler-modal-dialog select,
#schedules-form-container select {
  width: 100%;
}
#scheduler-modal-dialog .occurrence-list,
#schedules-form-container .occurrence-list {
  border: 1px solid #e3e3e3;
  padding: 8px 10px;
  border-radius: 4px;
  background-color: #f5f5f5;
  list-style: none;
  margin-bottom: 5px;
}
#scheduler-modal-dialog #weekdaySelect .btn-default:hover,
#schedules-form-container #weekdaySelect .btn-default:hover,
#scheduler-modal-dialog #weekdaySelect .btn-default:focus,
#schedules-form-container #weekdaySelect .btn-default:focus {
  background-color: #fff;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#scheduler-modal-dialog #weekdaySelect .btn-default.active:hover,
#schedules-form-container #weekdaySelect .btn-default.active:hover {
  background-color: #e0e0e0;
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  log-viewer.css
 *
 *  custom styles for LogViewer.js helper
 *
 */
#logviewer-modal-dialog textarea {
  overflow: scroll;
}
#logviewer-modal-dialog pre {
  overflow: scroll;
  word-wrap: normal;
  word-break: normal;
  white-space: pre-wrap;
}
table.logviewer-status {
  margin-top: 20px;
}
table.logviewer-status .fld-label {
  font-weight: bold;
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  event-viewer.less
 *
 *  custom styles for EventViewer.js helper
 *
 */
#eventviewer-modal-dialog textarea {
  overflow: scroll;
}
#eventviewer-modal-dialog pre {
  overflow: scroll;
  word-wrap: normal;
  word-break: normal;
  white-space: pre-wrap;
}
table.eventviewer-status {
  margin-top: 20px;
}
table.eventviewer-status .key {
  width: 20%;
  font-weight: bold;
}
table.eventviewer-status .value i {
  font-size: 12px;
}
.nested-table {
  border: none;
  padding: 0;
}
.nested-table table {
  border-top: none;
  border-bottom: none;
  width: auto;
  /*tr td:first-of-type {
            width: auto;
        }*/
}
.nested-table table td {
  vertical-align: top;
  padding: 0 3px 3px 3px;
}
.nested-table table tr {
  border-top: none;
  border-bottom: 1px solid #ddd;
}
.nested-table table tr:last-of-type {
  border-bottom: none;
}
.nested-table table .key {
  font-weight: 400;
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  job-details.less
 *
 *  Styles for job details page
 *
 */
#host-events-modal-dialog {
  overflow: hidden;
}
#host-events-modal-dialog i[class*='icon-job'] {
  font-size: 12px;
  vertical-align: middle;
}
#host-events-modal-dialog #search-form {
  margin-left: 7px;
}
#host-events-modal-dialog #host-events-search-name {
  width: 200px;
  padding-right: 15px;
}
#host-events-modal-dialog #search-all-input-icons {
  position: absolute;
  right: 3px;
  top: 3px;
}
#host-events-modal-dialog #search-all-input-icons a {
  color: #a9a9a9;
}
#host-events-modal-dialog #search-all-input-icons a:hover {
  color: #171717;
}
#host-events-modal-dialog #status-field {
  margin-left: 15px;
}
#host-events-modal-dialog #host-events-table {
  margin-top: 15px;
}
#host-events-modal-dialog #host-events {
  height: 200px;
  overflow: scroll;
}
#host-events-modal-dialog #host-events tr:first-of-type {
  border-top-color: #FFF;
}
#host-events-modal-dialog #host-events tr:first-of-type td {
  border-top-color: #FFF;
}
#host-events-modal-dialog #fixed-table-header {
  margin-bottom: 0;
}
#host-events-modal-dialog #search-indicator {
  margin-left: 15px;
}
@media (max-width: 768px) {
  #host-events-modal-dialog #search-form-input-icons {
    position: absolute;
    top: 30px;
    left: 185px;
  }
  #host-events-modal-dialog #status-field {
    margin-left: 0;
  }
  #host-events-modal-dialog .form-group {
    margin-bottom: 15px;
  }
}
#jobs-detail #play-help {
  width: 1px;
  height: 1px;
  color: #fff;
}
#jobs-detail .job_summary .table {
  margin-bottom: 0;
  border: 1px solid #A9A9A9;
  background-color: #FFF;
}
#jobs-detail .job_summary .table > tbody > tr > td {
  border-top-color: #A9A9A9;
  padding-bottom: 0;
}
#jobs-detail .job_summary .table > thead > tr > th {
  border-bottom-color: #A9A9A9;
  padding-bottom: 0;
  height: 22px;
}
#jobs-detail .status-bar {
  height: 16px;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #A9A9A9;
  margin-top: 2px;
}
#jobs-detail .inner-bar {
  display: inline-block;
  overflow: hidden;
  height: 16px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
}
#jobs-detail .scroll-spinner {
  display: none;
  background-color: transparent;
  color: #000;
  float: right;
  margin-right: 5px;
}
#jobs-detail #hostResultsMoreRows.scroll-spinner {
  padding-top: 0;
  position: relative;
  top: 12px;
}
#jobs-detail #hostSummariesMoreRows.scroll-spinner {
  margin-right: 0;
}
#jobs-detail .failed-hosts {
  background-color: #D9534F;
}
#jobs-detail .failed-hosts-color {
  color: #D9534F;
}
#jobs-detail .successful-hosts {
  background-color: #5CB85C;
}
#jobs-detail .successful-hosts-color {
  color: #5CB85C;
}
#jobs-detail .changed-hosts {
  background-color: #FF9900;
}
#jobs-detail .changed-hosts-color {
  color: #FF9900;
}
#jobs-detail .skipped-hosts,
#jobs-detail .no-matching-hosts {
  background-color: #2dbaba;
}
#jobs-detail .unreachable-hosts {
  background-color: #FF0000;
}
#jobs-detail .unreachable-hosts-color {
  color: #FF0000;
}
#jobs-detail .job_well {
  padding: 8px;
  background-color: #FFF;
  border: 1px solid #A9A9A9;
  border-radius: 4px;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);*/
}
#jobs-detail #hide-summary-button {
  text-align: right;
  margin-bottom: 15px;
}
#jobs-detail .section {
  margin-bottom: 20px;
}
#jobs-detail .section h5 {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: bold;
}
#jobs-detail .section:last-child {
  margin-bottom: 0;
}
#jobs-detail #job_options {
  height: 100px;
  overflow-y: auto;
  overflow-x: none;
}
#jobs-detail #job_plays,
#jobs-detail #job_tasks {
  overflow-y: auto;
  overflow-x: none;
}
#jobs-detail #breadcrumb-container {
  padding-right: 15px;
}
#jobs-detail #breadcrumb-container .nav-path {
  margin-bottom: 15px;
}
#jobs-detail #job-detail-container .well {
  overflow: hidden;
}
#jobs-detail #job-detail-container #job-status-form label {
  font-weight: bold;
}
#jobs-detail #job-detail-container #job-status-form .control-label {
  padding-top: 0;
  padding-right: 0;
  text-align: left;
}
#jobs-detail #job-detail-container #job-status-form .form-group {
  margin-bottom: 15px;
}
#jobs-detail #job-detail-container #job-status-form hr {
  margin-top: 0;
}
#jobs-detail #job-detail-container #job-status-form .more-or-less {
  font-size: 12px;
  text-align: left;
  margin-bottom: 15px;
}
#jobs-detail #job-detail-container #job-status-form #started-time,
#jobs-detail #job-detail-container #job-status-form #finished-time,
#jobs-detail #job-detail-container #job-status-form #elapsed-time {
  display: inline-block;
}
#jobs-detail #job-detail-container #job-status-form #finished-time,
#jobs-detail #job-detail-container #job-status-form #elapsed-time {
  padding-left: 15px;
}
#jobs-detail #job-summary-container {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 15px;
  padding-left: 7px;
  width: 41.66666667%;
}
#jobs-detail .table-header {
  font-weight: bold;
  font-size: 12px;
}
#jobs-detail .table-header .table > thead > tr > th {
  border-bottom-color: #FFF;
}
#jobs-detail .table-header .table {
  margin-bottom: 0;
}
#jobs-detail .table-detail {
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #FFF;
  min-height: 40px;
}
#jobs-detail .table-detail .row {
  border-top: 1px solid #A9A9A9;
}
#jobs-detail .table-detail .row:first-child {
  border: none;
}
#jobs-detail .table-detail .loading-info {
  padding-top: 5px;
  padding-left: 3px;
}
#jobs-detail .table-detail .table {
  margin-bottom: 0;
}
#jobs-detail .table-detail .table-condensed > tbody > tr > td {
  padding-top: 0;
  padding-bottom: 0;
}
#jobs-detail .status-column i {
  font-size: 12px;
}
#jobs-detail #plays-table-header table,
#jobs-detail #plays-table-detail table,
#jobs-detail #tasks-table-detail table,
#jobs-detail #tasks-table-header table,
#jobs-detail #tasks-table-detail table {
  table-layout: fixed;
}
#jobs-detail #plays-table-detail td,
#jobs-detail #plays-table-header td,
#jobs-detail #tasks-table-detail td,
#jobs-detail #tasks-table-header td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#jobs-detail #play-section .table-detail {
  min-height: 40px;
}
#jobs-detail .title {
  font-size: 14px;
  font-weight: 600;
}
#jobs-detail .header {
  width: 100%;
  height: 28px;
  padding-bottom: 5px;
}
#jobs-detail .header .search-field {
  display: inline-block;
  position: relative;
  float: right;
}
#jobs-detail .header .search-field input {
  width: 250px;
  padding-right: 20px;
}
#jobs-detail .header .search-field a {
  position: absolute;
  right: 3px;
  top: 3px;
  color: #a9a9a9;
}
#jobs-detail .header .search-field a:hover {
  color: #171717;
}
#jobs-detail #summary-search-section .remove-left-padding {
  padding-left: 0;
}
#jobs-detail #summary-search-section label {
  text-align: left;
  font-weight: normal;
  padding-left: 0;
  padding-right: 0;
  padding-top: 6px;
}
#jobs-detail #summary-search-section #search_all_hosts_name {
  width: 100%;
  padding-left: 3px;
  padding-right: 20px;
}
#jobs-detail #event-help-link {
  margin-left: 3px;
  font-size: 14px;
}
#jobs-detail .title-row {
  margin-bottom: 15px;
  margin-top: 20px;
}
#jobs-detail .search-form {
  font-size: 12px;
}
#jobs-detail .search-form .form-control {
  font-size: 12px;
}
#jobs-detail .search-form .form-group:nth-of-type(2) {
  margin-left: 10px;
}
#jobs-detail .search-name .input-xs {
  height: 25px;
}
#jobs-detail #search-all-input-icons {
  position: absolute;
  right: 3px;
  top: 3px;
}
#jobs-detail #search-all-input-icons a {
  color: #a9a9a9;
}
#jobs-detail #search-all-input-icons a:hover {
  color: #171717;
}
#jobs-detail label.small-label {
  font-size: 12px;
}
#jobs-detail #task-hosts-section {
  position: relative;
  top: 0;
  left: 0;
}
#jobs-detail #task-hosts-section #hosts-table-header table {
  table-layout: fixed;
}
#jobs-detail #task-hosts-section #hosts-table-detail {
  background-color: #FFF;
}
#jobs-detail #task-hosts-section #hosts-table-detail table {
  table-layout: fixed;
}
#jobs-detail #task-hosts-section #hosts-table-detail td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#jobs-detail #hosts-summary-section .col-lg-4,
#jobs-detail #hosts-summary-section .col-md-4,
#jobs-detail #hosts-summary-section .col-sm-4,
#jobs-detail #hosts-summary-section .col-xs-4 {
  width: 33%;
}
#jobs-detail #hosts-summary-section .col-lg-2,
#jobs-detail #hosts-summary-section .col-md-2,
#jobs-detail #hosts-summary-section .col-sm-2,
#jobs-detail #hosts-summary-section .col-xs-2 {
  width: 16.5%;
}
#jobs-detail #hosts-summary-section .table-header {
  font-size: 12px;
}
#jobs-detail #hosts-summary-section .table-detail {
  height: 200px;
}
#jobs-detail #hosts-summary-section .name {
  word-break: break-all;
}
#jobs-detail #hosts-summary-section .badge {
  font-size: 12px;
}
#jobs-detail #hosts-summary-section .badge-column a {
  width: 20%;
}
#jobs-detail #graph-section {
  position: relative;
}
#jobs-detail #graph-section .legend {
  font-size: 12px;
  font-family: 'Open Sans';
}
#jobs-detail #graph-section rect {
  stroke-width: 2;
}
#jobs-detail #graph-section .donut-tooltip {
  display: none;
  font-size: 12px;
  font-family: 'Open Sans';
  left: 280px;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: 85px;
  width: 100px;
  z-index: 10;
  color: white;
  background-color: black !important;
  border-radius: 4px;
  border: 1px solid black;
}
#jobs-detail #graph-section svg {
  margin: 0 auto;
}
#jobs-detail path.slice {
  stroke-width: 2px;
}
#jobs-detail polyline {
  opacity: .3;
  stroke: black;
  stroke-width: 2px;
  fill: none;
}
#jobs-detail svg text.percent {
  fill: #171717;
  text-anchor: middle;
  font-size: 12px;
  font-weight: bold;
}
#jobs-detail #pre-formatted-variables {
  border-radius: 4px;
  border: 1px solid #A9A9A9;
  overflow: auto;
  white-space: pre;
  word-break: break-all;
  word-wrap: break-word;
  padding: 9.5px;
  font-family: Fixed, monospace;
  max-height: 200px;
}
#jobs-detail .footer-row {
  height: 20px;
}
#jobs-detail .host_summary_row {
  margin-top: 15px;
  margin-bottom: -15px;
  margin-left: 0;
}
@media (max-width: 767px) {
  #jobs-detail #job-detail-container #job-status-form #finished-time,
  #jobs-detail #job-detail-container #job-status-form #elapsed-time {
    display: block;
  }
  #jobs-detail #job-detail-container #job-status-form #finished-time,
  #jobs-detail #job-detail-container #job-status-form #elapsed-time {
    padding-left: 0;
    margin-left: 0;
    padding-top: 15px;
  }
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  jobs.less
 *
 *  custom styles for the jobs pages
 *
 */
#jobs-page .jobs-list-container {
  border: 1px solid #A9A9A9;
  border-radius: 4px;
  padding: 5px;
}
#jobs-page .job-list i[class*="icon-job-"] {
  font-size: 13px;
}
#jobs-page #completed_jobs_table i[class*="icon-job-"] {
  font-size: 13px;
}
#jobs-page #completed_jobs_table,
#jobs-page #schedules_table,
#jobs-page #running_jobs_table,
#jobs-page #queued_jobs_table {
  table-layout: fixed;
}
#jobs-page #completed_jobs_table .name-column,
#jobs-page #schedules_table .name-column,
#jobs-page #running_jobs_table .name-column,
#jobs-page #queued_jobs_table .name-column {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#jobs-page .title {
  font-weight: bold;
  margin-top: 5px;
  margin-left: 3px;
}
#jobs-page #breadcrumbs .nav-path {
  background-color: #FFF;
}
#jobs-page #breadcrumb-list.breadcrumb {
  background-color: #FFF;
}
#jobs-page .List-noItems {
  margin-top: 0;
}
@media (min-width: 1201px) {
  #jobs-page .left-side {
    padding-right: 7px;
  }
  #jobs-page .right-side {
    padding-left: 7px;
  }
  #jobs-page .bottom-row {
    margin-top: 15px;
  }
}
@media (max-width: 1200px) {
  #jobs-page .jobs-list-container {
    margin-top: 15px;
  }
  #jobs .jobs-list-container.completed {
    margin-top: 0;
  }
  .title {
    margin-bottom: 8px;
  }
  #jobs-page .left-side {
    padding-right: 15px;
  }
  #jobs-page .right-side {
    padding-left: 15px;
  }
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  inventory-edit.less
 *
 *  custom animation mixins for ansible-ui
 *
 */
#inventory_edit #breadcrumbs .nav-path {
  margin-bottom: 8px;
}
#inventory_edit #hosts_table .actions {
  float: right;
}
#inventory_edit #groups_table .actions {
  float: right;
}
#group-copy-dialog .highlight,
#host-copy-dialog .highlight {
  font-size: 16px;
  font-weight: bold;
  color: red;
  padding-right: 5px;
}
#group-copy-dialog .title,
#host-copy-dialog .title {
  font-weight: bold;
  margin-bottom: 15px;
}
#group-copy-dialog .well,
#host-copy-dialog .well {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#group-copy-dialog .page-row ul li a,
#host-copy-dialog .page-row ul li a {
  font-size: 12px;
}
#group-copy-dialog .page-row .col-lg-8,
#host-copy-dialog .page-row .col-lg-8 {
  width: 100%;
}
#group-copy-dialog .page-row .col-md-8,
#host-copy-dialog .page-row .col-md-8 {
  width: 100%;
}
#copy-group-radio-container .form-group {
  margin-left: 20px;
  margin-bottom: 10px;
}
#copy-group-target-container .form-group {
  margin-top: 10px;
  margin-left: 20px;
  margin-bottom: 15px;
}
#group-list-container .page-row,
#hosts-container .page-row {
  margin-top: 5px;
}
/***************************************************************************
 * Copyright (c) 2015 Ansible, Inc.
 *
 * Styles for job stdout
 *
 */
#jobs-stdout {
  margin-bottom: 0px;
}
#jobs-stdout #job-status {
  margin-bottom: 15px;
}
#jobs-stdout #job-status label {
  margin-right: 15px;
}
#jobs-stdout .scroll-spinner {
  display: none;
  background-color: transparent;
  color: #000;
}
#jobs-stdout #stdoutMoreRowsTop {
  position: absolute;
  top: 10px;
  right: 20px;
}
#jobs-stdout #stdoutMoreRowsBottom {
  float: right;
  padding-right: 15px;
}
#jobs-stdout #pre-container {
  overflow-x: scroll;
  overflow-y: auto;
  padding: 10px;
}
.ansi_fore {
  color: #AAAAAA;
}
.ansi_back {
  background-color: #171717;
}
.ansi1 {
  font-weight: bold;
}
.ansi3 {
  font-weight: italic;
}
.ansi4 {
  text-decoration: underline;
}
.ansi9 {
  text-decoration: line-through;
}
.ansi30 {
  color: #161B1F;
}
.ansi31 {
  color: #D9534F;
}
.ansi1.ansi31 {
  color: #FF0000;
}
.ansi32 {
  color: #5CB85C;
}
.ansi33 {
  color: #F0AD4E;
}
.ansi34 {
  color: #337AB7;
}
.ansi35 {
  color: #E1539E;
}
.ansi36 {
  color: #2DBABA;
}
.ansi37 {
  color: #FFFFFF;
}
.ansi40 {
  background-color: #707070;
}
.ansi41 {
  background-color: #D9534F;
}
.ansi42 {
  background-color: #5CB85C;
}
.ansi43 {
  background-color: #F0AD4E;
}
.ansi44 {
  background-color: #337AB7;
}
.ansi45 {
  background-color: #E1539E;
}
.ansi46 {
  background-color: #2DBABA;
}
.ansi47 {
  background-color: #FFFFFF;
}
#pre-container-content > span {
  display: inline-block;
  white-space: pre-wrap;
  word-wrap: normal;
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  lists.less
 *
 *  custom styles for generated lists
 *
 */
table,
tbody {
  border-collapse: collapse;
}
.List-well {
  margin-top: 20px;
}
.List-table {
  width: 100%;
  margin-top: 20px;
  table-layout: fixed;
}
.List-tableHeader {
  height: 34px;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  color: #606060;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom-width: 0px!important;
  align-items: center;
  display: flex;
}
.List-tableHeader--info,
.List-tableHeader--actions {
  justify-content: flex-end;
}
.List-tableHeader:not([ng-click]) {
  cursor: default !important;
}
.List-tableHeaderSort {
  color: #646972;
}
.List-tableRow {
  min-height: 44px;
  font-size: 14px;
  color: #161B1F;
  border-bottom: 1px solid #D7D7D7;
}
.List-tableRow:last-of-type {
  border-bottom: none;
}
.List-tableRow:hover {
  background-color: #f2f2f2;
}
.List-tableRow--selected {
  background-color: #337AB7;
}
.List-tableRow--disabled .List-tableCell,
.List-tableRow--disabled .List-tableCell * {
  color: #B7B7B7;
  cursor: not-allowed;
}
.List-tableRow--disabled .List-actionButton:hover {
  color: #646972;
  background-color: inherit !important;
}
.List-tableRow--disabled .List-actionButtonCell * {
  color: #D9534F;
  font-size: 11px;
  text-transform: uppercase;
}
.List-tableRow--invalid {
  height: 40px;
}
.List-tableRow--invalidBar {
  align-items: center;
  border-left: solid 10px #d9534f;
  color: #ffffff;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
}
.List-tableRow--invalidBar i {
  position: absolute;
  left: -7px;
}
.List-tableCell {
  padding: 7px 15px;
  border-top: 0px!important;
  word-wrap: break-word;
  display: flex;
  align-items: center;
  height: 100%;
}
.List-tableCell.description-column {
  padding-top: 15px;
  padding-bottom: 15px;
}
.List-actionButtonCell {
  padding-top: 5px;
  padding-right: 0px;
  display: flex;
  justify-content: flex-end;
}
.List-actionButton {
  font-size: 16px;
  height: 30px;
  min-width: 30px;
  color: #646972;
  background-color: inherit;
  border: none;
  border-radius: 4px;
  margin-left: 15px;
}
.List-actionButton:hover {
  background-color: #337AB7 !important;
  color: #FFFFFF;
}
.List-actionButton + .btn-disabled {
  color: #D7D7D7;
}
.List-actionButton + .btn-disabled:hover {
  color: #D7D7D7;
  background-color: inherit !important;
}
.List-actionButton--delete:hover {
  background-color: #D9534F !important;
}
.List-header {
  display: flex;
}
.List-title {
  align-items: center;
  flex: 1 0 auto;
  display: flex;
}
.List-titleBadge {
  font-size: 11px;
  font-weight: normal;
  padding: 2px 10px;
  height: 14px;
  line-height: 10px;
  margin: 0;
  background-color: #646972;
  border-radius: 5px;
  color: #ffffff;
}
.List-titleBadge--selected {
  background-color: #337AB7;
}
.List-titleText {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  line-height: 0.8;
  text-transform: uppercase;
}
.List-exitHolder {
  justify-content: flex-end;
  display: flex;
}
.List-exit {
  cursor: pointer;
  padding: 0px;
  border: none;
  height: 20px;
  font-size: 20px;
  background-color: #FFFFFF;
  color: #D7D7D7;
  transition: color 0.2s;
  line-height: 1;
}
.List-exit:hover {
  color: #646972;
}
.List-actionHolder {
  justify-content: flex-end;
  display: flex;
}
.List-actionHolder--leftAlign {
  margin-left: 52%;
  justify-content: flex-start;
}
.List-actionHolder--leftAlign button {
  height: 34px;
}
.List-actions {
  align-items: center;
  display: flex;
  margin-bottom: -34px;
}
.List-auxAction {
  align-items: center;
  display: flex;
  order: 1;
  margin-left: 20px;
}
.List-auxActionStream {
  width: 200px;
}
.List-buttonSubmit {
  background-color: #5CB85C;
  color: #FFFFFF;
}
.List-buttonSubmit:hover,
.List-buttonSubmit:focus {
  color: #FFFFFF;
  background-color: #449D44;
}
.List-buttonDefault {
  background-color: #FFFFFF;
  color: #606060;
  border-color: #B7B7B7;
  height: 30px;
  line-height: 14px;
}
.List-buttonDefault:hover,
.List-buttonDefault:focus {
  background-color: #f2f2f2;
  color: #606060;
}
.List-buttonDefault[disabled] {
  opacity: 0.65;
}
.List-searchDropdown {
  border-top-left-radius: 5px!important;
  border-bottom-left-radius: 5px!important;
  height: 34px!important;
  border-color: #D7D7D7;
  color: #646972;
  background-color: #FFFFFF;
  border-right: none;
}
.List-searchDropdown:focus,
.List-searchDropdown:active,
.List-searchDropdown.active {
  color: #646972;
  background-color: #FAFAFA;
}
.List-searchDropdown:hover {
  background-color: #FAFAFA;
  color: #646972;
}
.List-searchDropdownCarat {
  border-top-color: #646972 !important;
}
.List-searchInput {
  background-color: #FCFCFC !important;
  font-size: 14px!important;
  color: #161B1F !important;
  border-color: #D7D7D7 !important;
  border-radius: 0px 5px 5px 0px!important;
  padding-left: 15px!important;
  height: 34px!important;
  padding-right: 45px!important;
  font-family: 'Open Sans', sans-serif;
}
.List-searchInput:placeholder-shown {
  color: #646972 !important;
  text-transform: uppercase;
}
.List-searchInput:focus {
  border-color: #337AB7 !important;
}
.List-searchInputIcon {
  height: 32px;
  width: 32px;
  border-left: 1px solid #D7D7D7;
  color: #646972 !important;
  float: right;
  position: relative;
  top: -33px;
  left: -2px;
  z-index: 10;
  font-size: 16px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.List-searchInputIcon:hover {
  cursor: pointer;
  background-color: #FAFAFA;
  color: #646972;
}
.List-searchNoResults {
  color: #606060;
  margin-top: 20px;
}
.List-noItems {
  margin-top: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  border-radius: 5px;
  border: 1px solid #D7D7D7;
  background-color: #F6F6F6;
  color: #646972;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
}
.modal-body > .List-noItems {
  margin-top: 0px;
}
.List-actionButton--selected,
.List-editButton--selected {
  background-color: #337AB7 !important;
  color: #FFFFFF;
}
.List-searchWidget {
  height: 34px;
}
.List-searchWidget--compact {
  max-width: calc(100% - 91px);
  margin-top: 10px;
}
.List-searchRow {
  margin-bottom: 20px;
}
.List-staticColumn--smallStatus {
  width: 25px;
  padding-right: 0px!important;
}
.List-staticColumn--mediumStatus {
  width: 53px;
  padding-right: 0px!important;
}
.List-staticColumn--toggle {
  width: 55px;
  padding-right: 0px !important;
}
.List-staticColumn--schedulerTime {
  max-width: 164px;
}
.List-staticColumn--invalidBar {
  width: 10px;
  padding-right: 0px!important;
}
.List-staticColumnAdjacent {
  padding-left: 10px!important;
}
.List-staticColumnAdjacent--monospace {
  font-family: monospace;
}
.List-titleLockup {
  margin-left: 4px;
  margin-right: 6px;
  display: inline-block;
  margin-top: 0px;
  padding-bottom: 2px;
  vertical-align: bottom;
}
.List-titleLockup:before {
  content: "|";
  color: #d7d7d7;
  display: block;
  font-size: 13px;
}
.List-action--showTooltipOnDisabled {
  display: inline-block;
  cursor: not-allowed;
}
.List-action--showTooltipOnDisabled .btn[disabled] {
  pointer-events: none;
}
.List-action--showTooltipOnDisabled.disabled {
  cursor: not-allowed;
}
.List-action--notificationAdd {
  text-align: right;
  font-size: 11px;
}
.List-dropdownSuccess {
  background-color: #5CB85C;
  color: #FFFFFF;
  border-color: #449D44;
}
.List-dropdownSuccess:hover,
.List-dropdownSuccess:focus {
  color: #FFFFFF;
  background-color: #449D44;
}
.List-infoCell {
  display: flex;
  justify-content: flex-end;
  font-size: 0.8em;
  cursor: pointer;
}
.List-infoCell .popover-content dl {
  display: flex;
  margin: 0;
}
.List-infoCell .popover-content dt,
.List-infoCell .popover-content dd {
  flex: 1 1 50%;
  font-weight: inherit;
  margin: 0;
}
.List-actionsInner {
  display: flex;
}
@media (max-width: 991px) {
  .List-searchWidget + .List-searchWidget {
    margin-top: 20px;
  }
}
@media (max-width: 700px) {
  .List-header {
    flex-direction: column;
    align-items: stretch;
  }
  .List-actionHolder {
    justify-content: flex-start;
    align-items: center;
    flex: 1 0 auto;
    margin-top: 12px;
  }
  .List-actions {
    margin-bottom: 20px;
  }
  .List-well {
    margin-top: 20px;
  }
  .List-action {
    margin-left: 20px;
  }
  .List-actionsInner {
    margin-left: -20px;
  }
}
.InventoryManage-container .List-header,
.modal-body .List-header {
  flex-direction: column;
  align-items: stretch;
}
.InventoryManage-container .List-actionHolder,
.modal-body .List-actionHolder {
  justify-content: flex-start;
  align-items: center;
  flex: 1 0 auto;
  margin-top: 12px;
}
.InventoryManage-container .List-actions,
.modal-body .List-actions {
  margin-bottom: 20px;
}
.InventoryManage-container .List-well,
.modal-body .List-well {
  margin-top: 20px;
}
.InventoryManage-container .List-action:not(.ng-hide) ~ .List-action:not(.ng-hide),
.modal-body .List-action:not(.ng-hide) ~ .List-action:not(.ng-hide) {
  margin-left: 0;
}
.InventoryManage-container .List-actionHolder {
  justify-content: flex-end;
}
.InventoryManage-container .List-actions {
  margin: 0 0 -34px 0;
}
.InventoryManage-container .SmartSearch-searchTermContainer {
  width: 100%;
}
.List-defaultLayout {
  display: grid;
  grid-template-columns: 5px auto;
}
.List-lookupLayout {
  display: grid;
  grid-template-columns: 26px auto;
}
.List-staticColumnLayout--statusOrCheckbox {
  display: grid;
  grid-template-columns: 5px 25px auto;
}
.List-staticColumnLayout--groups {
  display: grid;
  grid-template-columns: 5px 25px 25px auto;
}
.List-staticColumnLayout--hosts {
  display: grid;
  grid-template-columns: 5px 55px 25px auto;
}
.List-staticColumnLayout--hostsWithCheckbox {
  display: grid;
  grid-template-columns: 5px 25px 55px 25px auto;
}
.List-staticColumnLayout--schedules {
  display: grid;
  grid-template-columns: 5px 15px 55px auto;
}
.List-staticColumnLayout--toggleOnOff {
  display: grid;
  grid-template-columns: 5px 55px auto;
}
.List-table {
  margin-top: 20px;
}
.List-tableHeaderRow {
  background-color: #EBEBEB;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.List-centerEnd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/*********************************************
 *  Copyright (c) 2016 Ansible, Inc.
 *
 *  Forms.less
 *
 *  custom styles for generated forms
 *
 */
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.Form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.Form-header--fields {
  flex: 1 1 auto;
}
.Form-header-field {
  margin-left: 10px;
  flex: 1 1 auto;
}
.Form-header {
  display: flex;
}
.Form-title {
  flex: 0 1 auto;
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  word-break: break-all;
  max-width: 90%;
  word-wrap: break-word;
  margin-bottom: 20px;
}
.Form-title--uppercase {
  text-transform: uppercase;
}
.Form-secondaryTitle {
  color: #646972;
  padding-bottom: 20px;
  min-height: 40px;
}
.Form-title--is_smartinventory,
.Form-title--is_superuser,
.Form-title--is_system_auditor,
.Form-title--is_ldap_user,
.Form-title--is_external_account,
.Form-title--roleType {
  background-color: #EBEBEB;
  border-radius: 5px;
  color: #606060;
  font-size: 10px;
  font-weight: 100;
  height: 15px;
  margin-left: 10px;
  margin-top: 2.25px;
  padding: 0 10px;
  text-transform: uppercase;
}
.Form-exitHolder {
  justify-content: flex-end;
  display: flex;
}
.Form-exit {
  cursor: pointer;
  padding: 0px;
  border: none;
  height: 20px;
  font-size: 20px;
  background-color: #FFFFFF;
  color: #D7D7D7;
  transition: color 0.2s;
  line-height: 1;
}
.Form-exit:hover {
  color: #646972;
}
.Form-tabHolder {
  display: flex;
  min-height: 30px;
  flex-wrap: wrap;
}
.Form-tabHolder--licenseSelected {
  margin-bottom: -20px;
}
.Form-tabs {
  flex: 1 0 auto;
  display: flex;
}
.Form-tab {
  color: #606060;
  background-color: #FFFFFF;
  font-size: 12px;
  border: 1px solid #B7B7B7;
  height: 30px;
  border-radius: 5px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  transition: background-color 0.2s;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  not supported by any browser */
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.Form-tab--notitle {
  margin-bottom: 0px;
}
.Form-tab:hover {
  color: #606060;
  background-color: #f2f2f2;
  cursor: pointer;
}
.Form-tab:active {
  color: #FFFFFF;
  background-color: #D7D7D7;
  cursor: pointer;
}
.Form-tab:focus {
  color: #FFFFFF;
}
.Form-tab.is-selected {
  color: #FFFFFF;
  background-color: #646972;
  border-color: #646972;
}
.Form-tab--disabled {
  opacity: 0.65;
}
.Form-tab--disabled:hover {
  color: #606060;
  background-color: #FFFFFF;
  cursor: not-allowed !important;
}
.Form-tabSection {
  display: none;
  width: 0%;
}
.Form-tabSection.is-selected {
  width: 100%;
  display: block;
}
.Form-tabActions {
  display: flex;
}
.Form-formGroup {
  flex: 1 0 auto;
  margin-bottom: 20px;
  width: 33%;
  max-width: 33%;
  padding-right: 30px;
}
.Form-formGroup--fullWidth {
  max-width: none !important;
  width: 100% !important;
  padding-right: 0px !important;
}
.Form-formGroup--checkbox {
  display: flex;
  margin-top: 10px;
}
.Form-formGroup input.form-control {
  background-color: #fcfcfc;
  border-color: #B7B7B7;
  border-radius: 5px;
  height: auto;
  min-height: 30px;
  padding: 0 10px;
}
.Form-formGroup input.form-control[disabled],
.Form-formGroup input.form-control[readonly],
.Form-formGroup fieldset[disabled] input.form-control {
  border-color: #B7B7B7;
  background-color: #ebebeb;
}
.Form-checkbox--subCheckbox {
  font-size: 10px;
  color: #707070;
  text-transform: uppercase;
  margin-top: 2px;
}
.Form-checkbox--subCheckbox input {
  margin-top: 2px;
}
.Form-textUneditable .Form-textInput {
  border: none;
  padding: 0;
}
.Form-subForm {
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
}
.Form-subForm:before {
  content: '';
  left: -20px;
  position: absolute;
  width: 5px;
  background-color: #B7B7B7;
  height: 100%;
}
.Form-subForm--title {
  font-weight: bold;
  text-transform: uppercase;
  color: #606060;
  font-size: small;
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.Form-textAreaLabel {
  width: 100%;
  order: 1;
}
.Form-formGroup.Form-textAreaLabel {
  max-width: 100%;
}
.Form-textArea {
  border-radius: 5px;
  color: #161B1F;
  background-color: #FCFCFC;
  width: 100%!important;
}
.Form-textInput {
  height: 30px;
  background-color: #FCFCFC;
  border-radius: 5px;
  border: 1px solid #B7B7B7;
  color: #161B1F;
}
.Form-textInput:active {
  border: 1px solid #337AB7;
}
.Form-monospace {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
}
.Form-alertblock {
  margin: 0;
  font-size: 12px;
  width: 100%;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 4px;
  border: 1px solid #F6F6F6;
  background-color: #F6F6F6;
  color: #707070;
}
.Button-primary--hollow {
  border: 1px solid #337AB7;
  color: #337AB7;
  background: #FFFFFF;
}
.Button-primary--hollow:hover {
  color: #286090;
  border: 1px solid #286090;
}
.ui-spinner {
  height: 30px;
  background-color: #fcfcfc !important;
  border-radius: 5px;
  border: 1px solid #B7B7B7 !important;
  color: #161B1F;
  width: 100%;
}
.ui-spinner-input {
  color: #161B1F;
  background-color: #fcfcfc;
}
.ui-spinner-input:focus {
  outline: none;
}
.ui-spinner-button {
  border-left: 1px solid #B7B7B7 !important;
  background-color: #FFFFFF !important;
}
.ui-spinner-button:hover {
  background-color: #F6F6F6 !important;
  cursor: pointer!important;
}
.Form-inputButton {
  border-color: #D7D7D7;
  color: #161B1F;
}
.Form-numberInputButton {
  color: #646972 !important;
  font-size: 14px;
  display: block;
}
.Form-dropDown {
  min-height: 30px !important;
  border-radius: 5px !important;
  border: 1px solid #B7B7B7 !important;
  color: #161B1F !important;
}
.select2-selection__arrow {
  border-left: 1px solid #B7B7B7;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  width: 30px!important;
  height: 28px!important;
}
.select2-container--disabled .select2-selection__arrow {
  background-color: #ebebeb !important;
}
.select2-results__option {
  color: #606060 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #F6F6F6 !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #E1E1E1 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #646972 transparent transparent transparent !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #646972 transparent !important;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.select2-dropdown {
  border: 1px solid #B7B7B7;
  z-index: 1030;
}
.select2-container--open .select2-dropdown--below {
  margin-top: -1px;
  border-top: 1px solid #B7B7B7;
}
.Form-dropDown:focus {
  outline: none!important;
}
.Form-dropDown--scmType {
  width: 100%;
}
.Form-browseButton,
.Form-passwordButton {
  height: 30px;
  color: #606060;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 6px 12px;
  background-color: #FFFFFF;
  border: 1px solid #B7B7B7;
}
.Form-passwordButton:hover {
  cursor: pointer;
  background-color: #f2f2f2;
  border: 1px solid #B7B7B7;
  color: #646972;
}
.Form-passwordButton:focus {
  border: 1px solid #B7B7B7;
  background-color: #f2f2f2;
}
.Form-passwordButton:active {
  border: 1px solid #B7B7B7;
  background-color: #f2f2f2;
}
.Form-lookupButton {
  height: auto;
  width: 30px;
  color: #646972 !important;
  font-size: 16px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #B7B7B7;
}
.Form-lookupButton:hover {
  cursor: pointer;
  background-color: #f2f2f2;
  color: #606060;
}
.Form-lookupButton:active,
.Form-lookupButton:focus {
  border: 1px solid #B7B7B7;
}
.CodeMirror {
  border-radius: 5px;
  font-style: normal;
  color: #161B1F;
}
.CodeMirror-gutters {
  background-color: #F6F6F6 !important;
}
input[type='radio'] {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid #606060;
  border-radius: 50%;
  outline: none;
  vertical-align: sub;
}
input[type='radio']:focus {
  outline: none;
}
input[type='radio']:hover {
  box-shadow: 0 0 5px 0px #f2f2f2 inset;
}
input[type='radio']:before {
  content: '';
  display: block;
  width: 65%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}
input[type='radio']:checked:before {
  background: #606060;
  outline: none;
}
.Form-inputLabelContainer {
  width: 100%;
  display: block !important;
}
.Form-inputLabelContainer[for=variables],
.Form-inputLabelContainer--codeMirror {
  width: auto;
  display: inline-block !important;
}
.Form-mixedInputGroup {
  display: flex;
  width: 100%;
}
.Form-mixedInputGroup .form-control {
  padding: 0 12px !important;
}
.Form-mixedInputGroup .input-group-btn {
  display: flex;
  width: auto;
}
.FormToggle-container {
  margin: 0 0 0 10px;
  display: initial;
  padding-bottom: 5px;
}
.FormToggle-container label:first-child {
  border-right: none;
}
.FormToggle-container label:last-child {
  border-left: none;
}
.FormToggle-container input {
  visibility: hidden;
  position: absolute;
}
.FormToggle-container .btn.btn-xs {
  padding: 0px 10px;
}
.Form-inputLabelContainer {
  width: 100%;
  display: block !important;
}
.Form-inputLabelContainer[for=variables] {
  width: 100%;
  display: inline-block !important;
}
.Form-inputLabel {
  text-transform: uppercase;
  color: #606060;
  font-weight: normal;
  font-size: small;
  width: 100%;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  not supported by any browser */
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.Form-labelAction {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.8em;
  padding-left: 5px;
  float: right;
  margin-top: 3px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  not supported by any browser */
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.Form-buttons {
  height: 30px;
  display: flex;
  justify-content: flex-end;
}
.Form-buttons button:last-of-type {
  margin-left: 20px;
}
.Form-button {
  margin-left: 4px;
}
.Form-buttonDefault {
  background-color: #FFFFFF;
  color: #606060;
  border-color: #D7D7D7;
}
.Form-saveButton,
.Form-launchButton {
  background-color: #5CB85C;
  color: #FFFFFF;
  text-transform: uppercase;
  transition: background-color 0.2s;
  padding-left: 15px;
  padding-right: 15px;
}
.Form-saveButton:disabled,
.Form-launchButton:disabled {
  background-color: #D7D7D7;
}
.Form-saveButton--disabled {
  background-color: #D7D7D7;
  cursor: not-allowed;
}
.Form-saveButton:hover,
.Form-launchButton:hover {
  background-color: #449D44;
  color: #FFFFFF;
}
.Form-saveButton--disabled:hover {
  background-color: #D7D7D7;
}
.Form-cancelButton {
  background-color: #FFFFFF;
  color: #606060;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #B7B7B7;
  transition: background-color 0.2s;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 20px;
}
.Form-cancelButton:hover {
  background-color: #f2f2f2;
  color: #606060;
}
.Form-primaryButton {
  background-color: #337AB7;
  color: #FFFFFF;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 20px;
  min-height: 30px;
  margin-bottom: 20px;
}
.Form-primaryButton:hover {
  background-color: #286090;
  color: #FFFFFF;
}
.Form-primaryButton.Form-tab--disabled:hover {
  background-color: #337AB7;
}
.Form-primaryButton--noMargin {
  margin-right: 0px;
}
.Form-formGroup--singleColumn {
  width: 100% !important;
  padding-right: 0px;
  max-width: 100% !important;
}
.Form-checkbox {
  float: right;
}
.Form-subCheckbox {
  margin-top: 5px;
  font-size: small;
  color: #606060;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  not supported by any browser */
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.Form-textInput--variableHeight {
  height: inherit;
  min-height: 30px;
  max-height: 120px;
  overflow-y: auto;
}
.Form-variableHeightButtonGroup {
  display: flex;
  height: auto;
  width: 30px;
}
.Form-requiredAsterisk {
  color: #D9534F;
}
@media only screen and (max-width: 650px) {
  .Form-formGroup {
    flex: 1 0 auto;
    margin-bottom: 25px;
    max-width: 100%;
    width: 100%;
    padding-right: 50px;
  }
}
@media (min-width: 651px) and (max-width: 900px) {
  .Form-formGroup {
    flex: 1 0 auto;
    margin-bottom: 25px;
    max-width: 50%;
    width: 50%;
    padding-right: 50px;
  }
}
.action_column {
  float: right;
}
.alert-info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #F6F6F6;
  background-color: #F6F6F6;
  color: #646972;
  text-transform: uppercase;
}
.alert-info--noTextTransform {
  text-transform: none;
}
.select2-results__option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-results__option:hover {
  overflow-wrap: break-word;
  white-space: normal;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #B7B7B7;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #B7B7B7;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #B7B7B7;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #B7B7B7;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  border-color: #B7B7B7;
  background-color: #ebebeb;
}
.Form-checkbox label {
  font-weight: 400;
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  dashboard.css
 *
 *  custom styles for the new dashboard
 *
 */
.graph-wrapper {
  width: 100%;
}
.graph {
  background-color: white;
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.job-status-graph,
.host-count-graph {
  font: 10px sans-serif;
}
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px;
}
.dashboard-jobs-list-container {
  border: 1px solid #A9A9A9;
  border-radius: 4px;
  padding: 5px;
}
/*
.graph-container{
    border: 1px solid @grey;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 15px;
}
due to the login screen showing on top of the dashboard, we're hiding the borders until after the user logs in*/
.count-container {
  border: 1px solid #A9A9A9;
  border-radius: 4px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
}
#replacementImg {
  align: center;
  width: 100px;
  height: 100px;
}
#dashboard-tab-content {
  padding-top: 5px;
}
#dashboard-tab-content .search-row #active-jobs-search-container {
  height: 35px;
}
#dashboard-tab-content table {
  margin-bottom: 10px;
}
.dashboard-jobs-list-container #jobs_table,
.dashboard-jobs-list-container #schedules_table {
  table-layout: fixed;
}
.dashboard-jobs-list-container #jobs_table .name-column,
.dashboard-jobs-list-container #schedules_table .name-column {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#dash-jobs-list {
  padding-bottom: 15px;
}
@media (min-width: 769px) {
  .left-side {
    padding-right: 7px;
  }
  .right-side {
    padding-left: 7px;
  }
}
.m,
.n {
  cursor: pointer;
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  survey-maker.css
 *
 *  custom styles for the survey maker
 *
 */
/**
* #survey_maker_question_area{
*   border: 1px solid;
*  border-color: rgb(204,204,204);
*    border-radius: 4px;
*    padding: 15px;
* }
*/
.question_form {
  border: 1px solid;
  border-color: #cccccc;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 15px;
  height: 500px;
}
.survey_maker_question {
  border: 1px solid;
  border-color: #cccccc;
  border-radius: 4px;
  margin-bottom: 10px;
}
.question_final {
  border-top: 1px dashed;
  border-color: #cccccc;
  border-radius: 4px;
  padding: 5px;
  position: relative;
}
.question_final .survey-maker-password {
  margin-left: 30px;
}
.question_final .final {
  margin-left: 15px;
  margin-top: 5px;
}
.question_final .question_title {
  opacity: 0.7;
}
.question_final .description {
  opacity: 0.7;
  margin-left: 15px;
}
.question_final .input_area {
  opacity: 0.7;
}
.question_final .mc {
  margin-left: 18px;
  margin-right: 7px;
}
.question_actions {
  opacity: 1.0;
}
#new_question {
  margin-top: 5px;
}
#add_question_btn {
  margin-top: 15px;
  margin-bottom: 15px;
}
.survey_taker_input .mc {
  margin-left: 18px;
  margin-right: 7px;
}
.survey_taker_description {
  margin-bottom: 10px;
}
.host-disabled-label:after {
  display: inline-block;
  content: "disabled";
  border-radius: 3px;
  color: #646972;
  text-transform: uppercase;
  font-size: .7em;
  font-style: normal;
  margin-left: 0.5em;
  padding: 0.35em;
  padding-bottom: 0.2em;
  line-height: 1.1;
}
/*!
 * Datepicker for Bootstrap v1.4.0 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: none;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker.days .datepicker-days,
.datepicker.months .datepicker-months,
.datepicker.years .datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker .datepicker-days .table-condensed tr td,
.datepicker .datepicker-days .table-condensed tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
  padding: 0.5em 0.7em;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffcd70;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4bb51;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child .cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
/*********************************************
 *  Copyright (c) 2015 Ansible, Inc.
 *
 *  ansible-ui.css
 *
 *  custom styles for ansible-ui
 *
 */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/static/assets/OpenSans-Regular.ttf);
}
@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 600;
  src: url(/static/assets/OpenSans-Bold.ttf);
}
/* Bootstrap fix that's causing a right margin to appear
   whenver a modal is opened */
body.modal-open {
  margin-right: 0;
}
/* Helper Classes */
.pad-right-sm {
  padding-right: 10px;
}
.pad-left-md {
  padding-left: 30px;
}
.pad-left-sm {
  padding-left: 10px;
}
.pad-left-lg {
  padding-left: 50px;
}
.normal-weight {
  font-weight: normal;
}
.small-text {
  font-size: 12px;
  font-weight: normal;
}
.no-bullets {
  list-style: none;
}
.nowrap {
  white-space: nowrap;
}
.capitalize {
  text-transform: capitalize;
}
.grey-txt {
  color: #A9A9A9;
}
.text-center {
  text-align: center !important;
}
.cursor-pointer {
  cursor: pointer;
}
.red-txt,
a.red-txt:visited,
a.red-txt:hover,
a.red-txt:active {
  color: #D9534F;
}
/* Used on inventory groups/hosts lists for long names */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
blockquote {
  font-size: 14px;
}
.group-name {
  display: inline-block;
  width: 85%;
}
a {
  color: #1778c3;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: none;
}
.btn {
  text-transform: uppercase;
}
/* Old style TB default button with grey background */
.btn-grey {
  color: #161B1F;
  background-color: #D7D7D7;
  border-color: #D7D7D7;
}
.btn-grey:hover {
  background-color: #FFFFFF;
}
#cowsay {
  padding-left: 30px;
  max-width: 340px;
  background-color: white;
  border-style: none;
}
#about-modal-titlelogo {
  margin-bottom: 10px;
  width: 160px;
  height: 53px;
}
#copyright-text {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* Make buttons appear to be disabled, but allow mouse events */
.btn-disabled {
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-disabled {
  cursor: not-allowed;
}
/* Bring primary (blue) buttons in line with link colors */
.btn-primary {
  background-color: #337AB7;
}
.btn-primary:hover {
  background-color: #286090;
}
/* List Actions column */
.actions a {
  font-size: 18px;
}
.actions a:last-child {
  margin-right: 0;
}
.actions a:hover {
  cursor: pointer;
}
.actions .dropdown .caret {
  border-top-color: #1778c3;
}
a:focus,
a:active,
button:focus,
button:active,
i:focus,
i:active,
.btn:focus,
.btn:active:focus {
  outline: 0;
}
.jqstooltip {
  background-color: black !important;
  border-radius: 4px;
  border: 1px solid black;
}
.smart-status-tooltip {
  font-size: 12px;
  font-family: 'Open Sans';
  background-color: black;
  border-radius: 4px;
}
.smart-status-tooltip span {
  padding: 3px;
}
.IdleModal-remainingSeconds {
  color: #D9534F;
}
#configure-schedules-tab {
  position: relative;
  top: 0;
  left: 0;
}
#configure-schedules-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #171717;
  opacity: 0;
}
#configure-schedules-buttons {
  height: 46px;
  padding-top: 10px;
  text-align: right;
  border-top: 1px solid #D7D7D7;
  margin-top: 5px;
}
#configure-schedules-buttons a {
  margin-right: 8px;
  font-size: 12px;
}
#configure-schedules-form-container {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  border: 1px solid #D7D7D7;
  border-radius: 4px;
  box-shadow: 3px 3px 6px 0 #000000;
  padding: 0 10px 15px 8px;
  background-color: #FFF;
  z-index: 200;
}
#configure-schedules-title {
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 8px;
  margin-bottom: 10px;
  margin-top: 0;
}
#configure-schedules-title h4 {
  display: inline-block;
  margin: 0;
}
#configure-schedules-title button {
  display: inline-block;
}
#configure-schedules-list {
  overflow-x: hidden;
  overflow-y: auto;
}
#configure-schedules-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: #171717;
  opacity: 0;
}
#configure-dialog,
#configure-schedules-form-container {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 25px;
}
#configure-dialog form,
#configure-schedules-form-container form {
  width: 100%;
}
#configure-dialog .sublabel,
#configure-schedules-form-container .sublabel {
  font-weight: normal;
}
#configure-dialog #occurrence-label,
#configure-schedules-form-container #occurrence-label {
  display: inline-block;
}
#configure-dialog .occurrence-list,
#configure-schedules-form-container .occurrence-list {
  border: 1px solid #e3e3e3;
  padding: 8px 10px;
  border-radius: 4px;
  background-color: #f5f5f5;
  list-style: none;
  margin-bottom: 5px;
}
#configure-dialog #date-choice,
#configure-schedules-form-container #date-choice {
  display: inline-block;
  margin-left: 15px;
  font-size: 12px;
}
#configure-dialog #date-choice .label-inline,
#configure-schedules-form-container #date-choice .label-inline {
  display: inline-block;
  vertical-align: middle;
}
#configure-dialog #date-choice input,
#configure-schedules-form-container #date-choice input {
  margin-bottom: 2px;
  height: 11px;
  width: 10px;
}
#configure-dialog #date-choice .label-inline:first-child,
#configure-schedules-form-container #date-choice .label-inline:first-child {
  padding-bottom: 2px;
  margin-right: 10px;
}
#configure-dialog #date-choice .label-inline:nth-child(3),
#configure-schedules-form-container #date-choice .label-inline:nth-child(3) {
  margin-right: 10px;
}
#home_groups_table .actions .cancel {
  padding-right: 3px;
}
.success-badge {
  color: #FFFFFF;
  background-color: #5CB85C;
}
/* Disable textarea re-sizing as a general rule */
textarea {
  resize: none;
}
textarea.allowresize {
  resize: both;
}
/* Working... spinner */
.spinny {
  display: none;
  position: fixed;
  z-index: 2000;
  width: 138px;
  height: 50px;
  text-align: center;
  color: #D7D7D7;
  background-color: #171717;
  border: 1px solid #A9A9A9;
  border-radius: 6px;
  padding-top: 10px;
}
.spinny p {
  padding-top: 0px;
  font-size: 18px;
  text-align: right;
  margin-right: 10px;
}
.spinny i {
  float: left;
  margin-left: 10px;
}
.subtitle {
  font-size: 16px;
}
.license-version {
  font-size: 18px;
  color: #707070;
}
.modal-dialog .ui-accordion .ui-accordion-content {
  overflow: hidden;
}
.overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1080;
  background-color: #171717;
  opacity: 0;
}
/* TB tooltip overrides */
.popover-body {
  width: 100%;
  padding: 0;
  color: #FFFFFF;
}
.popover-body .table > tbody > tr > td {
  padding-left: 0;
  border-top: 1px solid #B7B7B7;
}
h3.popover-header,
.popover-body,
.popover-body blockquote,
.popover-body a {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}
.flyout {
  margin-bottom: 0;
}
.flyout thead > tr > th,
.flyout tbody > tr > td,
.flyout tbody > tr > td > a {
  font-size: 12px;
}
.flyout tbody > tr:last-child > td {
  padding-bottom: 0;
}
.popover-header {
  padding: 0 0 5px 0;
  background-color: #606060;
  color: #FFFFFF;
  font-weight: 600;
  border-bottom: none;
  text-transform: uppercase;
}
.popover {
  z-index: 2000;
  min-width: 200px;
  max-width: 325px;
  background-color: #606060;
  color: #FFFFFF;
  text-align: left;
  padding: 10px;
  font-weight: 400;
}
.popover code {
  color: #161B1F;
  background-color: #E1E1E1;
  line-height: 18px;
}
.popover a {
  color: #F0AD4E;
}
.popover a:hover {
  color: #EC971F;
}
.popover p {
  font-weight: 400;
}
.popover p:last-child {
  margin-bottom: 0;
}
.popover.right > .arrow:after {
  border-right-color: #606060;
}
.popover.left > .arrow:after {
  border-left-color: #606060;
}
.popover.bottom > .arrow:after {
  border-bottom-color: #606060;
}
.popover.top > .arrow:after {
  border-top-color: #606060;
}
.popover pre {
  white-space: pre-wrap;
}
.popover-footer {
  font-size: 12px;
  margin-top: 10px;
  text-align: right;
  color: #A9A9A9;
}
.popover-footer .key {
  color: #FFF;
  background-color: #A9A9A9;
  padding: 0 1px 1px 1px;
  border-radius: 3px;
}
.alert {
  margin-top: 15px;
  margin-bottom: 15px;
}
hr {
  border-color: #D7D7D7;
}
.help {
  display: inline-block;
}
.help-auto-off {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 10px;
}
.help-auto-off label {
  font-weight: normal;
}
.tab-content {
  padding-top: 15px;
}
.btn .caret {
  border-top-color: #646972;
}
.btn-light {
  color: #161B1F;
  background-color: #D7D7D7;
  border-color: #D7D7D7;
}
.refresh-grp {
  display: inline-block;
  text-align: right;
  margin-left: 0;
  margin-top: 0;
  padding: 0;
  line-height: normal;
}
.refresh-grp .refresh-msg {
  font-size: 10px;
}
.btn-light:hover {
  color: #D7D7D7;
  background-color: #646972;
  border-color: #646972;
}
/* Make a div or any element behave like pre. Use in conjunction with .mono-space */
.pre {
  white-space: pre;
}
dd {
  margin-left: 15px;
}
/* Use code-breakable in pop-over text to indent and wrap code segments */
.code-breakable {
  padding-left: 10px;
  word-wrap: break-word;
}
.break {
  word-break: break-all;
}
.controls {
  min-height: 15px;
}
#navbar-container,
.main-menu {
  width: 100%;
  background-color: #000000;
}
.text-justify {
  text-align: justify;
}
.help-link,
.help-link:active,
.help-link:visited,
.ui-widget-content a.help-link,
.ui-widget-content a.help-link:active,
.ui-widget-content a.help-link:visited {
  color: #646972;
  text-decoration: none;
  padding-left: 5px;
}
.help-link:hover,
.ui-widget-content a.help-link:hover {
  color: #606060;
  text-decoration: none;
}
.login-header img {
  width: 60%;
}
.form-title {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 15px;
  margin-bottom: 10px;
}
.form-cancel {
  float: right;
  margin-right: 10px;
}
.form-title-hr {
  margin-bottom: 20px;
}
.form-horizontal .buttons {
  margin-top: 25px;
}
.label-text {
  padding-right: 10px;
}
.label-hint-text {
  font-weight: normal;
  color: #A9A9A9;
}
.label-hint-text:before {
  /* for a line break before hintText */
  content: '\A';
  white-space: pre;
}
#group_form #group_tabs {
  margin-top: 25px;
}
/* Outline required fields in Red when there is an error */
.form-control.ng-dirty.ng-invalid,
.form-control.ng-dirty.ng-invalid:focus {
  border-color: #D9534F;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(255, 88, 80, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(255, 88, 80, 0.6);
}
.form-control.ng-dirty.ng-invalid + .select2 .select2-selection,
.form-control.ng-dirty.ng-invalid + .select2 .select2-selection:focus {
  border-color: #D9534F !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.form-control.ng-dirty.ng-pristine {
  border-color: #B7B7B7;
  box-shadow: none;
}
.form-control.ng-dirty.ng-pristine:focus {
  border-color: #337AB7;
}
/* For some reason TB 3 RC1 does not provide an input-mini */
.input-mini {
  height: 26px;
  padding: 3px 8px;
  font-size: 12px;
  border-radius: 3px;
}
.error {
  font-size: 12px;
  line-height: normal;
  color: #D9534F;
}
.xsmall {
  font-size: 12px;
}
.note {
  padding-top: 15px;
  font-size: 12px;
}
legend {
  font-size: medium;
  font-weight: bold;
}
.navigation {
  margin: 15px 0 15px 0;
}
.footer-navigation {
  margin: 10px 0 10px 0;
}
.lookup-navigation {
  margin: 15px 0 0 0;
  /*padding-top: 20px;*/
}
#lookup-modal-dialog {
  overflow-x: hidden;
}
#lookup-modal-dialog .instructions {
  margin-top: 0;
  margin-bottom: 20px;
}
.related-footer {
  margin: 10px 0 0 0;
}
select.page-size {
  width: 65px;
  height: 24px;
  font-size: 10px;
}
.page-size-label {
  margin-left: 15px;
  font-size: 10.5px;
  font-weight: normal;
}
.accordion-heading {
  font-weight: bold;
  color: #1778c3;
}
.accordion-heading i {
  margin-right: 5px;
}
.status-actions {
  display: inline-block;
  height: 25px;
}
.status-spin {
  display: inline-block;
  margin-left: 15px;
  font-size: 22px;
  vertical-align: middle;
}
/* Search Widget */
.search-widget label {
  display: inline-block;
  padding-right: 15px;
  vertical-align: middle;
}
#search-widget-spacer {
  height: 20px;
}
/* breadcrumbs */
.nav-path {
  padding: 5px 0 10px 0;
  margin-right: 2px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  background-color: #F6F6F6;
  border: 1px solid #D7D7D7;
  border-radius: 6px;
  box-shadow: 3px 3px 4px 0 #646972;
}
.nav-path .breadcrumb {
  display: inline-block;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  margin-left: 10px;
}
.nav-path .dropdown {
  display: inline-block;
  margin-right: 0;
  paddding-right: 0;
}
.nav-path .dropdown .toggle,
.nav-path .dropdown .toggle:visited,
.nav-path .dropdown .toggle:hover,
.nav-path .dropdown .toggle:active {
  color: #171717;
}
.nav-path .dropdown li a.active {
  color: #A9A9A9;
}
.nav-path .dropdown .crumb-icon {
  font-size: 12px;
}
.actions .dropdown {
  display: inline-block;
}
.greeting {
  padding-right: 22px;
}
.breadcrumb .active {
  color: #171717;
}
.nav-tabs > li > a {
  font-weight: bold;
}
input[type="text"].field-mini-height {
  height: 12px;
  font-size: 10.5px;
}
select.field-mini-height {
  height: 22px;
  font-size: 10.5px;
}
.no-padding {
  padding: 0;
  margin: 0;
}
input[type="checkbox"].checkbox-no-label {
  margin-top: 10px;
}
.checkbox-options {
  font-weight: normal;
}
/* Display list actions next to search widget */
.list-actions {
  display: flex;
  height: 34px;
  justify-content: flex-end;
  margin-bottom: -34px;
  text-align: right;
}
.list-actions .fa-lg {
  vertical-align: -8%;
}
.jqui-accordion {
  /*.list-wrapper {
        background-color: @well;
        padding: 10px;
        border-radius: 4px;
        border: 1px solid @well-border;
    }*/
}
.jqui-accordion .list-actions {
  margin: 0;
}
.jqui-accordion .ui-accordion-content {
  padding-left: 15px;
  padding-right: 15px;
}
.jqui-accordion .page-label {
  margin-top: 5px;
}
#home-list-actions {
  margin-bottom: 15px;
}
/* End Display list actions */
/* Enable table-hover to work when table is in a well */
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #FFFFFF;
}
.table-hover-inverse tbody tr:hover > td,
.table-hover-inverse tbody tr:hover > th {
  background-color: #EDF2F2;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #EDF2F2;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #EDF2F2;
}
.table-summary thead > tr > th,
.table-summary tbody > tr > th,
.table-summary tfoot > tr > th,
.table-summary thead > tr > td,
.table-summary tbody > tr > td,
.table-summary tfoot > tr > td {
  border-top: 1px solid #D7D7D7;
}
.table-summary thead > tr > th {
  border-bottom: 1px solid #D7D7D7;
}
/* Table without row borders */
.table-no-border thead > tr > th,
.table-no-border tbody > tr > th,
.table-no-border tfoot > tr > th,
.table-no-border thead > tr > td,
.table-no-border tbody > tr > td,
.table-no-border tfoot > tr > td {
  border-top: none;
}
.table > tbody > tr > td {
  padding: 0.5em 0.6em;
}
.table > tbody > tr > td.actions {
  padding: 0px;
}
.table > tbody > tr > td.actions > a {
  padding: 0.5em 0.6em;
  display: inline-block;
}
/* Less padding on .table-condensed */
.table-condensed > tbody > tr > td:not(:last-child),
.table-condensed > thead > tr > th:not(:last-child) {
  padding: 0.5em 20px 0.5em 0px;
}
.table-condensed > tbody > tr > td:last-child,
.table-condensed > thead > tr > th:last-child {
  padding: 0.5em 0px;
}
.table.table-condensed.flyout thead > tr > th {
  padding-left: 0;
  border: none;
}
/* Table info rows */
.loading-info {
  color: #707070;
  font-weight: normal;
  padding: 15px 0;
}
/* Status Icons */
.license-expired,
.license-invalid,
.icon-failures-true,
.active-failures-true a,
.active-failures-true a:active,
.job-failed,
.job-error {
  color: #D9534F;
}
.icon-failures-true a:hover {
  color: #D9534F;
}
.job-failures-true {
  padding-top: 5px;
  color: #D9534F;
}
.job-event-status,
.license-status {
  padding-top: 5px;
}
.job-new,
.license-valid,
.job-success,
.job-successful {
  color: #5CB85C;
}
.icon-host-all:before,
.icon-host-failed:before,
.icon-job-active:before,
.icon-job-running:before,
.icon-job-success:before,
.icon-job-successful:before,
.icon-job-changed:before,
.icon-job-ok:before,
.icon-job-OK:before,
.icon-job-failed:before,
.icon-job-skipped:before {
  content: "\F111";
}
.icon-job-stopped:before,
.icon-job-error:before,
.icon-job-canceled:before,
.icon-job-stdout-download-tooltip:before,
.icon-job-unreachable:before,
.icon-job-failed:before {
  content: "\F06A";
}
.icon-job-pending:before,
.icon-job-waiting:before,
.icon-job-new:before,
.icon-job-none:before,
.icon-job-no-matching-hosts:before {
  content: "\F10C";
}
.icon-job-active,
.icon-job-running,
.icon-job-success,
.icon-job-successful,
.icon-job-ok,
.icon-job-OK {
  color: #5CB85C;
}
.icon-job-skipped {
  color: #2dbaba;
}
.icon-job-running {
  -webkit-animation: pulsate 1.5s linear infinite alternate;
  -moz-animation: pulsate 1.5s linear infinite alternate;
  animation: pulsate 1.5s linear infinite alternate;
}
.icon-job-changed,
.job-changed {
  color: #FF9900;
}
.icon-host-failed,
.icon-job-stopped,
.icon-job-error,
.icon-job-failed,
.icon-job-stdout-download-tooltip,
.icon-job-canceled {
  color: #D9534F;
}
.icon-host-all {
  color: #337ab7;
}
.icon-job-unreachable {
  color: #FF0000;
}
.icon-job-none,
.icon-job-pending,
.icon-job-waiting,
.icon-job-new,
.icon-job-no-matching-hosts {
  color: #A9A9A9;
  opacity: 0.45;
}
.icon-schedule-enabled-true:before {
  content: "\F04D";
}
.icon-schedule-enabled-false:before {
  content: "\F04B";
}
.icon-socket-ok:before {
  content: "\F111";
  color: #5CB85C;
}
.icon-socket-error:before {
  content: "\F111";
  color: #D9534F;
}
.icon-socket-connecting:before {
  content: "\F042";
  color: #FF9900;
}
/* job_events page */
#jobevents_table div.return-code {
  display: inline-block;
  margin-left: 10px;
}
#jobevents_table textarea {
  white-space: pre-wrap;
  resize: vertical;
}
#password-modal .alert-info {
  margin-top: 0;
  margin-bottom: 25px;
}
/* Inventory job status badge */
.failures-true {
  background-color: #D9534F;
  color: #FFFFFF;
}
.failures-false {
  background-color: #5CB85C;
  color: #FFFFFF;
}
/* Cloud inventory status. i.e. inventory_source.status values */
.icon-cloud-na:before,
.icon-cloud-never:before,
.icon-cloud-updating:before,
.icon-cloud-running:before,
.icon-cloud-successful:before,
.icon-cloud-pending:before,
.icon-cloud-failed:before,
.icon-cloud-canceled:before,
.icon-cloud-error:before {
  content: "\F0C2";
}
/*.icon-cloud-failed:before,
  .icon-cloud-error:before {
    content: "\f06a";
  }*/
.icon-cloud-na,
.icon-cloud-never,
a.icon-cloud-na:hover,
a.icon-cloud-never:hover {
  color: #A9A9A9;
}
.icon-cloud-updating,
.icon-cloud-running,
.icon-cloud-successful,
.icon-cloud-pending,
a.icon-cloud-updating:hover,
a.icon-cloud-successful:hover {
  color: #5CB85C;
}
.icon-cloud-failed,
.icon-cloud-error,
.icon-cloud-canceled,
a.icon-cloud-failed:hover {
  color: #D9534F;
}
.icon-cloud-updating,
.icon-cloud-running,
.icon-cloud-pending {
  -webkit-animation: pulsate 1.5s linear infinite alternate;
  -moz-animation: pulsate 1.5s linear infinite alternate;
  animation: pulsate 1.5s linear infinite alternate;
}
.icon-enabled-true:before {
  content: "\F046";
}
.icon-enabled-true {
  color: #5CB85C;
  width: 14px;
}
.icon-enabled-false:before {
  content: "\F096";
}
.icon-enabled-false {
  color: #D9534F;
  width: 14px;
}
/* Inventory cloud sourced? indicator */
.icon-cloud-true:before {
  content: "\F111";
}
.icon-cloud-false:before {
  content: "\F111";
}
.error-color {
  color: #D9534F;
}
.error-border {
  border-color: #D9534F;
}
.connecting-color {
  color: #FF9900;
}
.ok-color,
.icon-cloud-true {
  color: #5CB85C;
}
.icon-cloud-false {
  color: #A9A9A9;
}
/* end */
.field-success {
  color: #5CB85C;
}
.field-success input {
  border-color: #5CB85C;
}
.field-failure {
  color: #D9534F;
}
.field-failure input {
  border-color: #D9534F;
}
.field-badge {
  font-size: 12px;
  margin-right: 3px;
}
.license-warning,
.license-demo {
  color: #FF9900;
}
.job-detail-status {
  display: inline-block;
  margin-top: 5px;
  font-size: 15px;
}
/*.form-items .search-widget {
    margin-top: 15px;
  }*/
.form-items .item-count {
  display: inline-block;
  margin-top: 25px;
  font-size: small;
}
.child-event a {
  color: #171717;
  cursor: default;
}
/* Padding levels used on job events and inventory groups */
.level {
  display: inline-block;
}
.level-1 {
  padding-left: 15px;
}
.level-2 {
  padding-left: 30px;
}
.level-3 {
  padding-left: 45px;
}
.level-4 {
  padding-left: 60px;
}
.level-5 {
  padding-left: 75px;
}
.level-6 {
  padding-left: 90px;
}
.level-7 {
  padding-left: 105px;
}
.level-8 {
  padding-left: 120px;
}
.level-9 {
  padding-left: 135px;
}
.level-10 {
  padding-left: 150px;
}
.level-3-detail {
  padding-left: 80px;
}
#job_events .control-group {
  margin-top: 0;
  margin-bottom: 10px;
}
/* End Jobs Page */
/* license modal */
#license-modal-dialog {
  overflow-x: hidden;
}
#license-modal-dialog input[readonly],
#license-modal-dialog textarea[readonly] {
  background-color: #D7D7D7;
  border: 1px solid #646972;
}
#license-modal-dialog .fa-external-link {
  color: #A9A9A9;
  font-size: 10px;
}
#license-modal-dialog .free-button {
  background-color: #D9534F;
  border: 1px solid #D9534F;
  color: #FFF;
}
#license-modal-dialog .free-button:hover {
  background-color: #C9302C;
  border: 1px solid #C9302C;
  color: #FFF;
}
/* Inventory nav links */
.navigation-links {
  padding: 0;
  margin-top: -10px;
}
.navigation-links a {
  margin-right: 15px;
}
.navigation-links a:last-child {
  margin-right: 20px;
}
/* Dashboard */
#home #container1.col-lg-6,
#home #container3.col-lg-6 {
  padding-right: 7px;
}
#home #container2.col-lg-6,
#home #container4.col-lg-6 {
  padding-left: 7px;
}
/* Inventory Edit */
#hosts-container.col-lg-6 {
  padding-left: 7px;
  padding-right: 17px;
}
#groups-container .well,
#hosts-container .well {
  padding: 8px;
  margin-bottom: 0;
}
#home_groups_table i[class*="icon-job-"] {
  margin-left: 5px;
}
.selected {
  font-weight: bold;
  color: #2a6496;
}
.inventory-title {
  font-size: 16px;
  font-weight: bold;
}
.active-row {
  background-color: #FFF;
  border-bottom: 1px solid #FAFAFA;
  border-right: 1px solid #FAFAFA;
}
.node-toggle,
.node-no-toggle {
  /* also used on job evetns */
  float: none;
  padding-top: 3px;
  padding-left: 0;
  margin-right: 5px;
  margin-left: 0;
}
.node-no-toggle {
  opacity: .30;
}
.draggable-clone {
  opacity: .60;
  font-weight: bold;
  /*z-index: 2000;
      overflow: visible;
      whitespace: wrap;
      text-overflow: clip;*/
}
.droppable-hover {
  background-color: #d9edf7;
  color: #3a87ad;
  padding: 6px;
  border: 1px solid #bce8f1;
  border-radius: 4px;
  /*overflow: visible;
      whitespace: wrap;
      text-overflow: clip;*/
}
#group-delete-dialog .help-container .help-link,
#password-modal .help-container .help-link,
#group-delete-dialog .help-container .help-link:active,
#password-modal .help-container .help-link:active,
#group-delete-dialog .help-container .help-link:visited,
#password-modal .help-container .help-link:visited {
  color: #1778c3;
}
#group-delete-dialog .help-container .help-link:hover,
#password-modal .help-container .help-link:hover {
  color: #2a6496;
}
.btn-danger {
  background-color: #D9534F;
  border-color: #C9302C;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  border-color: #C9302C;
  background-color: #C9302C;
}
.squeeze.form-group {
  margin-bottom: 10px;
}
.disabled {
  color: #A9A9A9;
}
a.disabled:hover {
  color: #A9A9A9;
  cursor: not-allowed;
}
a.btn-disabled:hover {
  cursor: not-allowed;
}
/* Variable Editing */
.parse-selection {
  display: inline-block;
  margin: 5px 0 8px 0;
  font-size: 12px;
  line-height: normal;
}
.parse-selection input {
  margin-left: 5px;
}
.parse-select .parse-label {
  margin-left: 3px;
  color: #161B1F;
}
.parse-label {
  color: #161B1F;
  font-weight: normal;
}
.external-editor-link {
  display: inline-block;
  margin-left: 20px;
}
.slider {
  display: inline-block;
  width: 100px;
  margin: 0 10px;
  vertical-align: middle;
}
/* Sort link styles */
.list-header-noSort:hover.list-header:hover {
  cursor: default;
}
.list-header:hover {
  cursor: pointer;
}
.list-header i {
  margin-left: 10px;
}
.list-header .icon-sort {
  color: #646972;
}
.list-header .icon-sort-down,
.list-header .icon-sort-up {
  color: #171717;
}
/* job_events syles */
#jobevents_table .actions i {
  padding-top: 0;
  margin-right: 0;
}
tr td button i {
  padding-top: 0;
  margin-right: 0;
}
.event-form {
  margin-top: 10px;
  margin-bottom: 5px;
}
.event-form label {
  font-weight: normal;
}
.event-detail-host {
  padding-top: 10px;
  padding-bottom: 5px;
}
.form-section-title {
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: bold;
  border-bottom: 1px solid #D7D7D7;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.modal-body .ui-accordion .ui-accordion-content {
  padding: 10px;
}
/* overrides to TB modal */
.modal-content {
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-header {
  color: #606060;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  border: none;
  padding: 0;
}
.modal {
  border: 1px solid #171717;
  overflow-y: auto;
}
.modal .SmartSearch-bar {
  width: 100%;
}
#alert-modal,
#alert-modal2 {
  z-index: 2100;
}
.close {
  color: #A9A9A9;
  opacity: .7;
  filter: alpha(opacity=70);
}
.modal-header h3 {
  margin: 0;
  text-rendering: optimizeLegibility;
  font-size: 15px;
  color: #606060;
  font-weight: bold;
  line-height: normal;
  font-family: 'Open Sans', helvetica;
  text-transform: uppercase;
}
.modal-body {
  min-height: 120px;
  padding: 20px 0;
}
.modal-body .alert {
  padding: 10px;
  margin: 0;
  word-wrap: break-word;
}
.modal-body .alert-danger {
  background-color: #FFFFFF;
  border: none;
  color: #606060;
}
#prompt-modal .modal-body {
  padding-bottom: 30px;
}
.skinny-modal .modal-body {
  padding: 5px 10px 0 10px;
}
.modal-footer {
  padding: 0;
  border: none;
  margin-top: 0;
  display: flex;
  justify-content: flex-end;
}
.modal-footer .btn.btn-primary {
  text-transform: uppercase;
  background-color: #5CB85C;
  border-color: #5CB85C;
  padding: 5px 15px;
  cursor: pointer;
}
.modal-footer .btn.btn-primary:hover {
  background-color: #449D44;
  border-color: #449D44;
}
.modal-footer .btn.btn-primary:disabled {
  background-color: #D7D7D7;
  border-color: #D7D7D7;
}
.modal-footer .btn + .btn {
  margin: 0;
}
/* form navigation */
.navigation-buttons {
  height: 40px;
}
/* PW progress bar */
.pw-progress {
  margin-top: 10px;
}
.pw-progress li {
  line-height: normal;
  margin-bottom: 10px;
}
.pw-progress ul:last-child {
  margin-top: 10px;
}
/* Home page */
.failed-column a:link,
.failed-column a:visited {
  color: #D9534F;
}
.failed-column a:hover {
  color: #C9302C;
}
/* Help modal dialog */
#help-modal-dialog {
  overflow: hidden;
  padding: 10px;
}
#help-modal-dialog img {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid #A9A9A9;
  box-shadow: 3px 3px 5px 0 #A9A9A9;
}
#help-modal-dialog .img-container,
#help-modal-dialog .icon-container {
  width: 100%;
  text-align: center;
}
#help-modal-dialog .icon-container {
  margin-top: 15px;
  margin-bottom: 15px;
}
#help-modal-dialog .help-box {
  width: 100%;
  margin-top: 15px;
  border-radius: 6px;
  color: #707070;
  font-size: 14px;
}
#help-modal-dialog .fa-rss {
  transform: rotate(-45deg);
}
/* job stdout */
#pre-container {
  overflow: auto;
  width: 100%;
  border-radius: 4px;
  margin: 0;
}
/* ng-cloak directive */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
/* Socket testing page */
#sockets .section-title {
  font-weight: bold;
  color: #1778c3;
  margin-top: 30px;
}
#sockets #test-container .section-title {
  margin-top: 20px;
}
#sockets .well {
  padding: 9px;
}
#sockets .message-section {
  height: 150px;
  overflow: auto;
}
#sockets .events-section {
  margin-top: 40px;
}
#sockets .events-section .section-title {
  margin-top: 0;
}
#sockets #event-message-container {
  height: 200px;
}
/* Large desktop */
@media (min-width: 1200px) {
  .delete-btn {
    /* Used on job and project page to make cancel and delete buttons have an equal width */
    width: 60px;
  }
  .label-text {
    text-align: right;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .level-1,
  .level-2,
  .level-3,
  .level-4,
  .level-5,
  .level-6,
  .level-7,
  .level-8,
  .level-9,
  .level-10,
  .level-3-detail {
    padding-left: 0;
  }
  .label-text {
    text-align: left;
  }
  .group-name {
    width: 80%;
  }
  #groups-container.col-lg-6 {
    padding-right: 15px;
  }
  #hosts-container.col-lg-6 {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #hosts-container.col-lg-6 .well {
    margin-bottom: 0;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  /* Job events */
  .level-1,
  .level-2,
  .level-3,
  .level-4,
  .level-5,
  .level-6,
  .level-7,
  .level-8,
  .level-9,
  .level-10,
  .level-3-detail {
    padding-left: 0;
  }
  table {
    word-wrap: break-word;
    table-layout: fixed;
  }
  th.actions-column,
  td.actions {
    white-space: normal;
  }
  td.actions .btn {
    width: 75px;
    margin-bottom: 5px;
  }
  .group-name {
    width: 80%;
  }
  .label-text {
    text-align: left;
  }
  .list-action-label {
    display: none;
  }
  #groups-container.col-lg-6 {
    padding-right: 15px;
  }
  #hosts-container.col-lg-6 {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 600px) {
  .list-actions {
    text-align: left;
    margin-bottom: 20px;
  }
}
.nvtooltip {
  border-radius: 4px;
}
.nvtooltip td.value {
  padding-right: 0px;
}
.nvtooltip p {
  padding: 3px 0px;
}
.nvtooltip > table > thead > tr > td {
  font-weight: 700;
}
.nvtooltip > table > thead > tr > td:first-child {
  padding-top: 0;
}
.nvtooltip > table > tbody > tr:last-child > td {
  padding-bottom: 0;
}
.nvd3 g.nv-groups path.nv-line {
  stroke-width: 3px;
}
.stdout-panel-body {
  background-color: #EBEBEB;
}
.job-stdout-panel {
  margin: 0 15px;
}
.show_input_button {
  width: 73px;
}
.red-text {
  color: #D9534F;
}
.factDetailsNote {
  margin-bottom: 10px;
}
.inputSpacer {
  margin-bottom: 25px;
}
.cleanupStretcher {
  margin: 0 -15px;
}
.factDaysToKeepCompacter {
  margin-bottom: 15px;
}
.factDetailsHeader {
  font-weight: bold;
}
@media (max-width: 991px) {
  .inputCompactMobile {
    margin-bottom: 15px;
  }
}
#login-modal-body {
  padding-bottom: 5px;
}
.modal {
  transition: all 0.3s ease-out !important;
}
.modal.fade .modal-dialog {
  transform: translate(0, 0);
  margin: 100px auto;
}
.modal-backdrop,
.modal-backdrop.fade.show {
  opacity: .25;
}
.form-control {
  border-color: #B7B7B7;
  background-color: #fcfcfc;
  color: #161B1F;
  transition: border-color 0.3s;
  box-shadow: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}
.form-control + .select2 .select2-selection {
  border-color: #B7B7B7 !important;
  background-color: #fcfcfc !important;
  color: #161B1F !important;
  transition: border-color 0.3s !important;
  box-shadow: none !important;
}
.select2-container {
  margin-left: 2px;
  margin-top: 2px;
}
.form-control + .select2-container--disabled .select2-selection {
  background-color: #ebebeb !important;
}
.form-control:active,
.form-control:focus {
  box-shadow: none;
  border-color: #337AB7;
}
.form-control:active + .select2 .select2-selection,
.form-control:focus + .select2 .select2-selection {
  box-shadow: none !important;
  border-color: #337AB7 !important;
}
.form-control.ng-dirty.ng-invalid,
.form-control.ng-dirty.ng-invalid:focus {
  box-shadow: none;
}
.form-control.ng-dirty.ng-invalid + .select2 .select2-selection,
.form-control.ng-dirty.ng-invalid:focus + .select2 .select2-selection {
  box-shadow: none !important;
}
.error {
  opacity: 1;
  transition: opacity 0.2s;
}
.error.ng-hide-add {
  display: none;
}
.error.ng-hide {
  opacity: 0;
}
/* Overwrite select2 base styles for single/multiple selects so that match up with other form elements.  Also overwrite disabled styles. */
.select2-container--disabled,
.select2-container--disabled .select2-selection--single,
.select2-container--disabled .select2-selection--multiple {
  cursor: not-allowed;
  opacity: 100;
  background-color: #ebebeb;
  border-radius: 5px;
}
.select2-container--default .select2-selection--single {
  background-color: #fcfcfc;
  border: 1px solid #D7D7D7;
  border-radius: 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: #FCFCFC;
  border-radius: 4px;
  border: 1px solid #D7D7D7;
  cursor: text;
  max-height: 135px;
  overflow-y: auto;
}
body.is-modalOpen {
  overflow: hidden;
}
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 0 !important;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #D7D7D7;
  color: #FFFFFF;
  border: 0;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  border-color: #5CB85C;
}
a {
  color: #337AB7;
}
a:hover {
  color: #286090;
}
.form-control:active,
.form-control:focus {
  border-color: #337AB7;
}
.nv-axislabel {
  font-weight: bold !important;
  fill: #606060 !important;
  font-family: 'Open Sans' !important;
}
.nv-axis text {
  fill: #606060 !important;
  font-family: 'Open Sans' !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding-left: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-top-width: 0px;
  padding-right: 10px;
  border-right-width: 0px;
  background-color: #337AB7;
  color: #FFFFFF;
  border-radius: 5px;
  line-height: 21px;
  font-size: 13px;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 8px !important;
  padding: 0 6px;
  color: #FFFFFF !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #337AB7;
}
.select2-selection > .select2-selection__arrow {
  border-left: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: #D9534F;
}
#scheduled-jobs-tab .List-header {
  display: none;
}
.ui-widget {
  font-family: 'Open Sans';
}
.WorkflowBadge {
  background-color: #B7B7B7;
  border-radius: 10px;
  color: #FFFFFF;
  display: inline-block;
  font-family: 'Open Sans';
  font-weight: bold;
  font-style: normal;
  font-size: x-small;
  height: 14px;
  margin-left: 5px;
  padding-left: 2px;
  width: 14px;
}
button[disabled],
html input[disabled] {
  cursor: not-allowed;
}
.CodeMirror {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.CodeMirror--disabled .CodeMirror.cm-s-default,
.CodeMirror--disabled .CodeMirror-line {
  background-color: #F6F6F6;
}
.CodeMirror--disabled .CodeMirror-gutter.CodeMirror-lint-markers,
.CodeMirror--disabled .CodeMirror-gutter.CodeMirror-linenumbers {
  background-color: #EBEBEB;
  color: #B7B7B7;
}
.CodeMirror--disabled .CodeMirror-lines {
  cursor: default;
}
.CodeMirror--disabled .CodeMirror-cursors {
  display: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  border-color: #B7B7B7;
}
.btn-default {
  background: #FFFFFF;
  border-color: #B7B7B7;
  color: #606060;
}
.select2-container--disabled .select2-selection,
.select2-container--disabled .select2-arrow {
  background-color: #ebebeb;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .bt {
  opacity: 0.65;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 1;
  background-color: #ebebeb;
}
input[disabled].ui-spinner-input {
  background-color: #ebebeb;
}
.CodeMirror-scroll {
  margin-bottom: 0;
  padding-bottom: 0;
  margin-right: 0;
  overflow: auto !important;
  overflow-y: auto !important;
  border-radius: 5px;
}
.CodeMirror-lines {
  margin-bottom: 20px;
}
.btn-default {
  border-color: #B7B7B7;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #f2f2f2;
  border-color: #B7B7B7;
  color: #606060;
}
.ui-dialog .ui-dialog-content {
  background: #FFFFFF;
}
.ui-dialog.no-close button.close {
  display: none;
}
html {
  height: 100%;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #161B1F;
  background-color: #FCFCFC;
}
.container-fluid {
  padding-left: 20px;
  padding-right: 20px;
}
#content-container {
  padding-bottom: 0px;
}
.btn {
  text-transform: uppercase;
}
.ui-spinner-input {
  margin-top: .3em;
  margin-bottom: .3em;
}
.Toast-wrapper {
  display: flex;
  max-width: 250px;
}
.Toast-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #161B1F;
  background-color: #FCFCFC;
  font-size: 0.88rem;
}
.dropdown-toggle::after {
  display: none;
}
.tooltip.show {
  opacity: 1;
}
.tooltip {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.75rem;
  line-height: 1.4;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #707070;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #707070;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #707070;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #707070;
}
/* this used to exist but was removed */
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
label {
  margin-bottom: 0.3125rem;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1;
}
p {
  margin-bottom: 0.625rem;
}
.dropdown-menu,
.btn {
  font-size: 0.88rem;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 3px;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
}
.dropdown-menu {
  padding: .2rem 0;
}
.dropdown-item {
  padding: 0.19rem 0.625rem;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
  }
}
.modal-dialog {
  max-width: none;
}
.modal-footer > :not(:last-child) {
  margin-right: 1.25rem;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.bs-popover-auto[x-placement^=right] .arrow::after,
.bs-popover-right .arrow::after {
  border-right-color: #707070;
}
.bs-popover-auto[x-placement^=left] .arrow::after,
.bs-popover-left .arrow::after {
  border-left-color: #707070;
}
.bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-top .arrow::after {
  border-top-color: #707070;
}
.bs-popover-auto[x-placement^=bottom] .arrow::after,
.bs-popover-bottom .arrow::after {
  border-bottom-color: #707070;
}
a:not([href]):not([tabindex]) {
  color: #337AB7;
}
a:not([href]):not([tabindex]):hover {
  color: #286090;
}
.dropdown-menu > li > a {
  padding: 3px 10px;
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #161B1F;
  background-color: #f6f6f6;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-left: 10px;
}
label {
  font-weight: 700;
}
.radio-inline,
.checkbox-inline {
  font-weight: 400;
}
.form-control {
  height: 30px;
}
.btn-success {
  background: #5CB85C;
  border-color: transparent;
}
.btn-success :hover {
  background: #449D44;
}
.btn-success :disabled {
  background: #D7D7D7;
}
.btn-default {
  background: #FFFFFF;
  border-color: #B7B7B7;
  color: #606060;
}
.btn-default :hover {
  background: #f2f2f2;
}
.btn-default :focus {
  background: #D7D7D7;
}
.u-input-info-alert {
  border-color: #31708f !important;
}
.u-info-alert {
  color: #31708f !important;
}
.u-hiddenVisually {
  visibility: hidden;
}
/* not bem */
.u-layer {
  position: relative;
  z-index: 10000;
}
.u-truncatedText {
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-wrappedText {
  white-space: normal;
  word-wrap: break-word;
}
.u-unbold {
  font-weight: normal;
}
.u-wordwrap {
  white-space: -moz-pre-wrap !important;
  white-space: -webkit-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}
/*
* Large resolution 1/2 + 1/2 width panels
* Small resolution: 100% width panels, stacked
* Options: static height, custom breakpoint
*/
.OnePlusOne-panelHeader {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  display: flex;
}
/*
* Large resolution: 1/3 + 2/3 width panels
* Small resolution: 100% width panels, stacked
* Options: static height, custom breakpoint
*
* Style conventions
* .ModuleName-component--subComponent
*/
.OnePlusTwo-panelHeader {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  display: flex;
}
.OnePlusTwo-left--details {
  margin-top: 25px;
}
.OnePlusTwo-left--detailsRow {
  display: flex;
}
.OnePlusTwo-left--detailsLabel {
  word-wrap: break-word;
  width: 170px;
  display: inline-block;
  color: #606060;
  text-transform: uppercase;
  font-weight: 400;
}
.OnePlusTwo-left--detailsContent {
  display: inline-block;
  width: 220px;
  word-wrap: break-word;
}
/**
 * Legacy Features
 *
 * NOTE: "dot" namespacing interferes with Less' ability to infer the .less suffix, so it's
 * explicitly added to the import statements below.
 */
/** @define About */
.About-ansibleVersion,
.About-cowsayCode {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.About-cowsayContainer {
  width: 340px;
  margin: 0 auto;
}
.About-cowsayCode {
  background-color: #FFFFFF;
  border-style: none;
  max-width: 340px;
  padding-left: 30px;
}
.About-modalHeader {
  border: none;
  padding-bottom: 0px;
}
.About-modalDialog {
  max-width: 500px;
}
.About-modalBody {
  padding-top: 0px;
  padding-bottom: 0px;
}
.About-brandImg {
  float: left;
  width: 200px;
  padding-top: initial;
  margin-top: -60px;
  margin-left: -50px;
}
.About-close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
}
.About-modalFooter {
  clear: both;
}
.About-footerText {
  text-align: right;
  color: #606060;
  margin: 0;
  font-size: 12px;
  padding-top: 10px;
}
.About-ansibleVersion {
  color: #161B1F;
}
/** @define RoleList */
.RoleList {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.RoleList-tagContainer {
  display: flex;
  max-width: 100%;
}
.RoleList-tag {
  border-radius: 5px;
  padding: 2px 10px;
  margin: 4px 0px;
  font-size: 12px;
  color: #FFFFFF;
  text-transform: uppercase;
  background-color: #337AB7;
  margin-right: 5px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.RoleList-tag .fa-users {
  margin-left: 0.5em;
}
.RoleList-tag--deletable {
  margin-right: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-right: 0;
  max-width: calc(100% - 23px);
  margin-right: 5px;
}
.RoleList-deleteContainer {
  background-color: #337AB7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #FFFFFF;
  padding: 0 5px;
  margin: 4px 0px;
  align-items: center;
  display: flex;
  cursor: pointer;
}
.RoleList-tag--team {
  cursor: default;
}
.RoleList-tagDelete {
  font-size: 13px;
  color: #FFFFFF;
}
.RoleList-name {
  flex: initial;
  max-width: 100%;
}
.RoleList-tag--deletable > .RoleList-name {
  max-width: calc(100% - 23px);
}
.RoleList-deleteContainer:hover {
  border-color: #D9534F;
  background-color: #D9534F;
}
.RoleList-deleteContainer:hover > .RoleList-tagDelete {
  color: #FFFFFF;
}
/** @define AddPermissions */
.AddPermissions-backDrop {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1041;
  opacity: 0.2;
  transition: 0.5s opacity;
  background: #000000;
}
.AddPermissions-dialog {
  margin: 30px auto;
  margin-top: 95px;
}
.AddPermissions-content {
  max-width: 750px;
  margin: 0 auto;
  border: 0;
  box-shadow: none;
  background-color: #FFFFFF;
  border-radius: 4px;
  transition: opacity 0.5s;
  z-index: 1042;
  position: relative;
  opacity: 1;
}
.AddPermissions-content--userTeam {
  max-width: 820px;
}
.AddPermissions-header {
  padding: 20px;
  padding-bottom: 10px;
  padding-top: 15px;
}
.AddPermissions-body {
  padding: 0px 20px;
}
.AddPermissions-body .List-well {
  margin-top: 0;
}
.AddPermissions-footer {
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  padding: 20px;
  padding-bottom: 0px;
  padding-top: 20px;
}
.AddPermissions-list {
  margin-bottom: 20px;
}
.AddPermissions-list .List-searchRow {
  height: 0px;
}
.AddPermissions-list .List-searchWidget {
  height: 66px;
}
.AddPermissions-list .List-tableHeader:last-child {
  border-top-right-radius: 5px;
}
.AddPermissions-list select-all {
  display: none;
}
.AddPermissions-title {
  margin-top: 5px;
  margin-bottom: 20px;
}
.AddPermissions-buttons {
  margin-left: auto;
  margin-bottom: 20px;
}
.AddPermissions-directions {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #606060;
  display: flex;
  align-items: center;
}
.AddPermissions-directionNumber {
  font-size: 14px;
  font-weight: bold;
  border-radius: 50%;
  background-color: #EBEBEB;
  padding: 1px 8px;
  margin-right: 10px;
  width: 23px;
  height: 23px;
}
.AddPermissions-separator {
  margin-top: 20px 0px;
  width: 100%;
  border-bottom: 1px solid #D7D7D7;
}
.AddPermissions-roleRow {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.AddPermissions-roleName {
  width: 30%;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
.AddPermissions-roleNameVal {
  font-size: 14px;
  max-width: calc(100% - 46px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.AddPermissions-roleSelect {
  width: calc(70% - 40px);
  margin-right: 20px;
}
.AddPermissions-roleSelect .Form-dropDown {
  height: inherit !important;
}
.AddPermissions-roleRemove {
  border-radius: 50%;
  padding: 1px 0;
  line-height: 11px;
  color: #646972;
  background-color: #FAFAFA;
  border: 0;
  height: 23px;
  width: 23px;
}
.AddPermissions-roleRemove:hover {
  background-color: #D9534F;
  color: #FFFFFF;
}
.AddPermissions-selectHide {
  display: none;
}
.AddPermissions .select2-search__field {
  text-transform: uppercase;
}
.AddPermissions-keyToggle {
  margin-left: auto;
  text-transform: uppercase;
  background-color: #FFFFFF;
  border-radius: 5px;
  color: #606060;
  border: 1px solid #D7D7D7;
  cursor: pointer;
  width: 70px;
  height: 34px;
  line-height: 20px;
}
.AddPermissions-keyToggle:hover {
  background-color: #FAFAFA;
}
.AddPermissions-keyToggle.is-active {
  background-color: #337AB7;
  border-color: #337AB7;
  color: #FFFFFF;
}
.AddPermissions-keyToggle.is-active:hover {
  background-color: #286090;
}
.AddPermissions-keyPane {
  margin: 20px 0;
  font-size: 12px;
  width: 100%;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 4px;
  border: 1px solid #F6F6F6;
  background-color: #F6F6F6;
  color: #707070;
}
.AddPermissions-keyRow {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.AddPermissions-keyName {
  flex: 1 0 auto;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 3px;
}
.AddPermissions-keyDescription {
  flex: 1 0 auto;
}
.AddPermissions-roleSet {
  display: flex;
}
.AddPermissions-roleSet .AddPermissions-roleSet-dropdown {
  flex: 1;
  margin-right: 20px;
}
.StreamDetail-actionButton {
  padding: 4px 25px!important;
}
.StreamDetail-inlineRow {
  margin-bottom: 20px;
  display: flex;
}
.StreamDetail-rowTitle {
  color: #606060;
  font-size: 12px;
}
.StreamDetail-inlineRowTitle {
  flex: 0 0 125px;
}
.StreamDetail-inlineRowData {
  flex: 1 0;
}
.StreamDetail-changesRowTitle {
  margin-bottom: 5px;
}
.StreamDetail-actions {
  word-break: break-all;
}
.StreamDetail-changes {
  border: none;
  background-color: #F6F6F6;
  margin-bottom: 0;
  max-height: 200px;
  overflow: scroll;
  overflow-x: auto;
  color: #707070;
}
.ActivityStream-refreshButton {
  height: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.ActivityStream-eventColumnHeader:hover {
  cursor: auto;
}
/** @define BreadCrumb */
.BreadCrumb {
  padding: 0;
  display: flex;
  background-color: #FFFFFF;
  width: 100%;
  z-index: 1039;
  margin-top: 60px;
  height: 40px;
  border-bottom: 1px solid #B7B7B7;
}
.BreadCrumb.is-loggedOut {
  opacity: 0;
}
.BreadCrumb-menuLinkHolder {
  display: flex;
  margin-left: auto;
}
.BreadCrumb-menuLink {
  width: 58px;
  color: #646972;
  flex: initial;
  display: flex;
  align-items: center;
  padding: 0 19px;
  cursor: pointer;
}
.BreadCrumb-menuLink:hover {
  color: #337AB7;
}
.BreadCrumb-menuLink .BreadCrumb-menuLinkImage.fa-refresh:hover {
  color: #337AB7;
}
.BreadCrumb-menuLinkImage {
  font-size: 18px;
  color: #646972;
  flex: initial;
}
.BreadCrumb-menuLinkImage:hover {
  color: #286090;
}
.BreadCrumb-menuLink.BreadCrumb-menuLinkActive {
  color: #337AB7;
}
.BreadCrumb-menuLink.BreadCrumb-menuLinkActive .BreadCrumb-menuLinkImage {
  color: #337AB7;
}
.BreadCrumb-menuLink.BreadCrumb-menuLinkActive .BreadCrumb-menuLinkImage:hover {
  color: #286090;
}
.BreadCrumb-list {
  padding: 0px 20px;
  list-style: none;
  background-color: #FFFFFF;
  border-radius: 4px;
  line-height: 40px;
}
.BreadCrumb-item {
  color: #606060;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
}
.BreadCrumb-invItem {
  max-width: 400px;
}
.BreadCrumb-item + .BreadCrumb-item:before {
  content: "/";
  padding: 0 5px;
  color: #646972;
}
@media screen and (max-width: 900px) {
  .BreadCrumb-menuLinkImage {
    font-size: 24px;
  }
  .BreadCrumb-menuLink {
    width: 67px;
    padding: 0 21px;
  }
}
@media screen and (max-width: 700px) {
  .BreadCrumb {
    position: fixed;
    z-index: 2;
  }
}
.Form-resetValue,
.Form-resetAll {
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  font-size: 10px;
}
.Form-resetValue {
  float: right;
}
.Form-resetAll {
  border: none;
  padding: 0;
  background-color: #FFF;
  margin-right: auto;
  color: #337AB7;
}
.Form-resetAll:hover {
  color: #286090;
}
.Form-tab {
  min-width: 77px;
}
.Form-button--left {
  margin-right: auto;
  margin-left: 0;
}
.Form-nav--dropdownContainer {
  align-items: center;
  width: 100%;
  margin: 0 0 22px auto;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #b7b7b7;
  padding-bottom: 22px;
}
.Form-nav--ldapDropdownContainer {
  align-items: center;
  width: 100%;
  margin: 0 0 auto auto;
  display: flex;
}
.Form-nav--dropdown {
  width: 285px;
}
.Form-nav--dropdown .select2-container {
  margin: 0;
}
.Form-nav--dropdownLabel {
  text-transform: uppercase;
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  padding-right: 15px;
}
.Form-tabRow {
  display: flex;
}
input.Form-filePicker {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
label#filePickerButton {
  cursor: pointer;
  background-color: #fff;
  color: #606060;
  margin-bottom: 0;
}
input#filePickerText {
  cursor: default;
  border-radius: 0 5px 5px 0;
  background-color: #fff;
}
.Form-filePicker--selectedFile {
  margin: 12px 0;
}
.Form-filePicker--thumbnail {
  max-height: 40px;
  max-width: 40px;
}
.Section-messageBar {
  width: 120%;
  margin-left: -20px;
  padding: 10px 10px 10px 20px;
  color: #FFF;
  background-color: #337AB7;
}
.Section-messageBar-text {
  margin-left: 10px;
}
.Section-messageBar-warning {
  color: #f0ad4e;
}
.Section-messageBar--close {
  position: absolute;
  right: 0;
  background: none;
  border: none;
  color: #ccdeed;
}
.Section-messageBar--close:hover {
  color: #FFF;
}
.Form-formGroup--disabled {
  cursor: not-allowed;
  position: relative;
  display: inline-block;
}
.Form-formGroup--disabled .Form-browseButton,
.Form-formGroup--disabled .Form-filePicker--textBox,
.Form-formGroup--disabled .ScheduleToggle {
  pointer-events: none;
  cursor: not-allowed;
}
.Form-formGroup--disabled .Form-tooltip--disabled {
  visibility: hidden;
  background-color: #606060;
  color: #FFFFFF;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  width: 200px;
  bottom: 110%;
  left: 50%;
  margin-left: -100px;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
  padding: 9px 14px;
  font-size: 12px;
  font-weight: bold;
}
.Form-formGroup--disabled:hover .Form-tooltip--disabled {
  visibility: visible;
}
.Form-formGroup--disabled .Form-tooltip--disabled::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -11px;
  border-width: 11px;
  border-style: solid;
  border-color: #606060 transparent transparent transparent;
}
.LogAggregator-failedNotification {
  max-width: 500px;
  word-break: break-word;
}
hr {
  height: 1px;
}
.ConfigureTower-errorIcon {
  margin-right: 5px;
  color: #D9534F;
}
.OwnerList {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.OwnerList-seeBase {
  display: flex;
  max-width: 100%;
  color: #337AB7;
  text-transform: uppercase;
  padding: 2px 15px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 11px;
}
.OwnerList-seeBase:hover {
  color: #286090;
}
.OwnerList-seeLess {
  display: flex;
  max-width: 100%;
  color: #337AB7;
  text-transform: uppercase;
  padding: 2px 15px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 11px;
}
.OwnerList-seeMore {
  display: flex;
  max-width: 100%;
  color: #337AB7;
  text-transform: uppercase;
  padding: 2px 15px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 11px;
}
.OwnerList-Container {
  margin-right: 5px;
}
/** @define DashboardCounts */
.DashboardCounts {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding-top: 0;
  margin-top: 0;
}
.DashboardCounts-buttonStyle {
  text-align: center;
  padding: 8px;
  padding-bottom: 11px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 1px solid #B7B7B7;
  flex: 1 0 auto;
  max-width: calc(16.6% - 15px);
  flex-basis: calc(16.6% - 15px);
  transition: background-color 0.2s, border-color 0.2s;
}
.DashboardCounts-buttonStyle:hover {
  background-color: #337AB7;
  border-color: #337AB7;
}
.DashboardCounts-buttonStyle:hover .DashboardCounts-number,
.DashboardCounts-buttonStyle:hover .DashboardCounts-label {
  color: #FFFFFF;
}
.DashboardCounts-buttonStyle.is-failure:hover {
  background-color: #D9534F;
  border-color: #D9534F;
}
.DashboardCounts-buttonStyle.is-failure:hover .DashboardCounts-number,
.DashboardCounts-buttonStyle.is-failure:hover .DashboardCounts-label {
  color: #FFFFFF;
}
.DashboardCounts-number {
  font-size: 30px;
  line-height: 26px;
  flex: 1;
  transition: color 0.2s;
}
.DashboardCounts-number.is-failure {
  color: #D9534F;
}
.DashboardCounts-label {
  flex: 1;
  margin-bottom: 0px;
  margin-top: 0.625rem;
  color: #606060;
  text-transform: uppercase;
  transition: color 0.2s;
  font-size: 0.75rem;
}
@media only screen and (max-width: 710px) {
  .DashboardCounts {
    margin-bottom: -15px;
  }
  .DashboardCounts-buttonStyle {
    margin-bottom: 15px;
    width: 33%;
    flex-basis: calc(33% - 7px);
    max-width: calc(33% - 7px);
    height: 96px;
  }
}
@media only screen and (max-width: 360px) {
  .DashboardCounts-label {
    font-size: 10px;
  }
}
/** @define DashboardGraphs */
.DashboardGraphs {
  margin-top: 20px;
  border: solid 1px #B7B7B7;
  border-radius: 5px;
  background-color: #FFFFFF;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.DashboardGraphs-headerSection {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.DashboardGraphs-headerText {
  flex: 1;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #606060;
  white-space: nowrap;
  margin-right: auto;
}
.DashboardGraphs-graphSection {
  display: block;
  flex: 1;
}
.DashboardGraphs-graphContainer {
  width: 0%;
  display: none;
}
.DashboardGraphs-graphContainer.is-selected {
  width: 100%;
  display: block;
}
.DashboardGraphs-filterLabelIcon {
  color: #646972;
  font-size: 14px;
  padding-top: 5px;
}
.DashboardGraphs-filterLabel {
  color: #606060;
  font-size: 10px;
  padding-right: 10px;
  padding-left: 10px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  height: 20px;
}
.DashboardGraphs-filterLabel > span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}
.DashboardGraphs-graph {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.DashboardGraphs-graphToolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.DashboardGraphs-filterDropdownText,
.DashboardGraphs-filterDropdownText:hover,
.DashboardGraphs-filterDropdownText:focus,
.DashboardGraphs-filterDropdownText:active {
  color: #161B1F;
}
.DashboardGraphs-filterDropdownText {
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #B7B7B7;
  display: inline-flex;
  font-size: 10px;
  height: 20px;
  justify-content: space-between;
  padding: 0 10px;
  text-transform: uppercase;
  transition: background-color 0.2s;
  width: 100%;
}
.DashboardGraphs-filterDropdownText:hover {
  background-color: #FAFAFA;
}
.DashboardGraphs-filterIcon {
  color: #646972;
  font-size: 12px;
  width: 20px;
  padding: 0 10px;
}
.DashboardGraphs-filterDropdownItems {
  position: absolute;
  left: auto;
  top: auto;
  box-shadow: none;
  text-transform: uppercase;
  cursor: pointer;
  border-color: #D7D7D7;
  min-width: 115px;
}
.DashboardGraphs-filterDropdownItems a:not([href]):not([tabindex]) {
  color: #606060;
}
.DashboardGraphs-filterDropdownItems a > span {
  float: none;
}
.DashboardGraphs-filterDropdownItems > li {
  font-size: 10px;
}
.DashboardGraphs-periodDropdown,
.DashboardGraphs-jobTypeDropdown,
.DashboardGraphs-statusDropdown {
  font-size: 10px;
  display: inline-block;
  padding-top: 0px;
  min-width: 115px;
  width: inherit;
}
.DashboardGraphs-statusFilters {
  padding-top: 5px;
}
.DashboardGraphs-statusFilter {
  color: #606060;
  background-color: #FFFFFF;
  font-size: 12px;
  text-transform: uppercase;
  padding-right: 10px;
  padding-left: 10px;
  height: 20px;
  border: 1px solid #B7B7B7;
  border-radius: 5px;
  transition: background-color 0.2s;
  margin-left: 10px;
  line-height: 1;
}
.DashboardGraphs-statusFilter:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.DashboardGraphs-statusFilter.is-selected {
  color: #FFFFFF;
  background-color: #D7D7D7;
  border-color: #D7D7D7;
}
.DashboardGraphs-statusFilterIcon {
  padding-right: 5px;
}
.DashboardGraphs-filteringDropdowns {
  display: inherit;
  margin-left: 10px;
}
.DashboardGraphs-filterDropdownItems li > a {
  text-align: left;
  color: #606060;
}
@media only screen and (max-width: 800px) {
  .DashboardGraphs-graphToolbar {
    width: 100%;
    margin-right: 0px;
  }
  .DashboardGraphs-filterDropdownItems {
    left: 50%;
    right: 35px;
  }
  .DashboardGraphs-filteringDropdowns {
    float: left;
    width: 100%;
    margin-left: 0;
  }
  .DashboardGraphs-filterLabel {
    margin-top: 10px;
    width: 50%;
    float: left;
    padding-left: 0;
  }
  .DashboardGraphs-periodDropdown,
  .DashboardGraphs-jobTypeDropdown,
  .DashboardGraphs-statusDropdown {
    margin-top: 10px;
    width: 50%;
    float: left;
  }
}
/** @define DashboardList */
.DashboardList {
  flex: 1;
}
.DashboardList--noJobTemplates {
  color: #606060;
}
.DashboardList-header {
  display: flex;
  border-bottom: 1px solid #FFFFFF;
  margin-top: 20px;
}
.DashboardList-headerText {
  flex: 1;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #606060;
  white-space: nowrap;
  padding-left: 20px;
}
.DashboardList-tableHeaderIcon {
  color: #646972;
}
.DashboardList-viewAll {
  font-size: 11px;
  margin-right: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.DashboardList-container {
  flex: 1;
  width: 100%;
  padding: 20px;
  padding-top: 0;
}
.DashboardList-tableHeader--name {
  border-top-left-radius: 5px;
  padding-left: 15px;
}
.DashboardList-tableHeader--activity {
  width: 205px;
  padding-left: 20px;
}
.DashboardList-tableHeader--time {
  justify-content: flex-end;
}
.DashboardList-tableHeader--actions {
  border-top-right-radius: 5px;
  width: 110px;
  padding-right: 15px;
  text-align: right;
}
.DashboardList-status {
  padding-right: 9px;
}
.DashboardList-status--success {
  color: #5CB85C;
}
.DashboardList-status--failed {
  color: #D9534F;
}
.DashboardList-status--failed {
  color: #D9534F;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px;
  margin-right: 5px;
}
.DashboardList-status--failed:before {
  content: "\F06A";
}
.DashboardList-timeCell {
  white-space: nowrap;
  display: flex;
  justify-content: flex-end;
}
.DashboardList-nameContainer:hover {
  color: #286090;
  cursor: pointer;
}
.DashboardList-noJobs {
  color: #606060;
  margin-top: 20px;
}
@media only screen and (max-width: 360px) {
  .DashboardList-headerText {
    white-space: normal;
    line-height: 22px;
    padding-top: 10px;
  }
  .DashboardList-timeCell {
    white-space: normal;
  }
}
@media only screen and (max-width: 540px) {
  .DashboardList-container th {
    width: 25%;
    white-space: nowrap;
  }
}
/** @define Dashboard */
.Dashboard {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}
.Dashboard-counts {
  flex: initial;
  width: 100%;
}
.Dashboard-graphs {
  flex: initial;
  width: 100%;
}
.Dashboard-list {
  border: 1px solid #B7B7B7;
  border-radius: 5px;
  margin-top: 20px;
  width: 50%;
  background-color: #FFFFFF;
  max-width: calc(50% - 10px);
  position: relative;
}
@media only screen and (max-width: 865px) {
  .Dashboard-counts {
    border: 0;
    padding: 0;
  }
  .Dashboard-list {
    flex: initial;
    width: 100%;
    max-width: 100%;
  }
}
capacity-bar {
  align-items: center;
  color: #707070;
  display: flex;
  font-size: 12px;
  min-width: 100px;
  white-space: nowrap;
}
capacity-bar .CapacityBar {
  background-color: #FFFFFF;
  border-radius: 100vw;
  border: 1px solid #337AB7;
  display: flex;
  flex: 1;
  height: 10px;
  margin-right: 10px;
  min-width: 100px;
  overflow: hidden;
  width: 100%;
}
capacity-bar .CapacityBar-remaining {
  background-color: #337AB7;
  flex: 0 0 auto;
}
capacity-bar .CapacityBar-consumed {
  flex: 0 0 auto;
}
capacity-bar .CapacityBar--offline {
  color: #d9534f;
  border-color: #a9a9a9;
}
capacity-bar .CapacityBar--offline .CapacityBar-remaining {
  background-color: #b7b7b7;
}
capacity-bar .Capacity-details--label {
  margin-right: 10px;
  text-align: right;
  text-transform: uppercase;
}
capacity-bar .Capacity-details--percentage {
  width: 40px;
}
capacity-bar:only-child {
  margin-right: 50px;
}
.CapacityAdjuster {
  margin-right: 20px;
  position: relative;
}
.CapacityAdjuster-valueLabel {
  bottom: 25px;
  color: #707070;
  font-size: 12px;
  position: absolute;
  text-align: center;
  width: 100%;
}
.CapacityAdjuster .at-InputSlider {
  align-items: center;
}
.CapacityAdjuster .at-InputSlider p {
  white-space: nowrap;
  margin: 0 10px;
}
.InstanceGroups .BreadCrumb-menuLinkImage:hover {
  color: #337AB7;
}
.InstanceGroups .List-details {
  align-self: flex-end;
  color: #606060;
  display: flex;
  flex: 0 0 auto;
  font-size: 12px;
  margin-right: 20px;
  text-transform: uppercase;
}
.InstanceGroups .Capacity-details {
  display: flex;
  margin-right: 20px;
  align-items: center;
}
.InstanceGroups .Capacity-details .Capacity-details--label {
  color: #606060;
  margin: 0 10px 0 0;
  width: 100px;
}
.InstanceGroups .RunningJobs-details {
  align-items: center;
  display: flex;
}
.InstanceGroups .RunningJobs-details .RunningJobs-details--label {
  margin: 0 10px 0 0;
}
.InstanceGroups .List-tableCell--capacityColumn {
  display: flex;
  height: 40px;
  align-items: center;
}
.InstanceGroups .List-noItems {
  margin-top: 20px;
}
.InstanceGroups .List-tableRow .List-titleBadge {
  margin: 0 0 0 5px;
}
.InstanceGroups .Panel-docsLink {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  background: #ffffff;
  border-radius: 5px;
  height: 30px;
  width: 30px;
  margin: 0 20px 0 auto;
}
.InstanceGroups .Panel-docsLink i {
  font-size: 16px;
  color: #646972;
}
.InstanceGroups .Panel-docsLink:hover {
  background-color: #337ab7;
}
.InstanceGroups .Panel-docsLink:hover i {
  color: #ffffff;
}
#instance-modal .at-Panel-headingRow {
  margin-bottom: 20px;
}
.Modal-backdrop {
  background: #000;
  height: 100%;
  left: 0px;
  opacity: 0.25;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1050;
}
.Modal-holder {
  bottom: 0px;
  left: 0px;
  overflow-y: scroll;
  position: fixed;
  right: 0px;
  top: 0px;
  top: 1;
  z-index: 1100;
}
.Modal-holder .modal-dialog {
  padding-top: 100px;
}
.InsightsLastCheck {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 20px;
  align-items: baseline;
}
.InsightsNav {
  width: 100%;
  display: flex;
  border: 1px solid #B7B7B7;
  border-radius: 5px;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: bold;
}
.InsightsNav-rightSide {
  align-items: center;
  display: flex;
  flex: 1 0 auto;
  flex-wrap: wrap;
  max-width: 100%;
  padding-left: 10px;
}
.InsightsNav-leftSide {
  align-items: center;
  display: flex;
  flex: 1 0 auto;
  justify-content: flex-end;
  flex-wrap: wrap;
  max-width: 100%;
  padding-right: 10px;
}
.InsightsNav-badgeTitle {
  color: #707070;
  font-size: 14px;
  margin-right: 10px;
  font-weight: normal;
  text-transform: uppercase;
  margin-left: 10px;
}
.InsightsIcon {
  height: 30px;
  width: 30px;
}
.InsightsIcon-warning {
  color: #F0AD4E;
  padding-right: 7px;
}
.InsightsNav-anchor {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 40px;
  padding-right: 10px;
}
.InsightsNav-anchor.is-currentFilter {
  background-color: #f2f2f2;
  padding-top: 5px;
  border-bottom: 5px solid #B7B7B7;
}
.InsightsNav-anchor:hover {
  background-color: #f2f2f2;
  padding-top: 5px;
  border-bottom: 5px solid #B7B7B7;
}
.InsightsNav-totalIssues {
  background-color: #337AB7;
  color: #FFFFFF;
}
.InsightsNav-criticalIssues {
  background-color: #D9534F;
}
.InsightsNav-highIssues {
  background-color: #F0AD4E;
}
.InsightsNav-mediumIssues {
  background-color: #dedc4f;
}
.InsightsNav-lowIssues {
  background-color: #5CB85C;
}
.InsightsNav-solvableBadge {
  background-color: #B7B7B7;
}
.InsightsNav-refresh {
  color: #646972;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 10px;
}
.InsightsNav-refresh:hover {
  color: #337AB7;
}
.InsightsBody-missingIssues {
  color: #646972;
  margin: 10px 0px 10px 0px;
}
.InsightsRow {
  margin-top: 10px;
}
.InsightsRow-title {
  display: flex;
  align-items: center;
}
.InsightsRow-description {
  font-size: 14px;
  font-weight: bold;
  padding-left: 5px;
}
.InsightsRow-category {
  margin-left: 10px;
}
.InsightsRow-body {
  padding-left: 35px;
}
.InsightsRow-plan {
  padding-left: 35px;
}
.Insights-cancelButton {
  margin-left: 0px!important;
}
.HostSummaryPopover-noSourceSummary {
  margin-left: 15px;
}
.RelatedGroupsLabelsCell {
  width: 100%;
  display: flex;
  align-items: center;
}
.Inventories-hostStatus {
  margin-left: 10px;
}
#inventories-panel .completed_jobsList.List-well {
  margin: 0;
}
#inventories-panel .completed_jobsList.List-well .List-noItems {
  margin: 0;
}
.AssociateGroups-modalBody {
  padding-top: 0px;
}
.AssociateGroups-backDrop {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s opacity;
}
.AssociateHosts-modalBody {
  padding-top: 0px;
}
.AssociateHosts-backDrop {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s opacity;
}
.JobSubmission {
  padding: 20px!important;
  display: none;
  height: auto!important;
  min-height: 400px!important;
}
.JobSubmission-container {
  flex-direction: column;
  display: flex;
  height: auto;
  min-height: 360px;
}
.JobSubmission-dialog {
  padding: 0px;
  margin-bottom: 20px;
}
.JobSubmission-dialog .ui-dialog-buttonpane,
.JobSubmission-dialog .ui-dialog-titlebar {
  display: none;
}
.JobSubmission-header {
  display: flex;
  flex: 0 0 auto;
}
.JobSubmission-title {
  align-items: center;
  flex: 1 0 auto;
  display: flex;
  word-wrap: break-word;
  word-break: break-all;
  max-width: 98%;
}
.JobSubmission-titleText {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
}
.JobSubmission-titleLockup {
  margin-left: 4px;
  margin-right: 6px;
  display: inline-block;
  margin-top: 0px;
  padding-bottom: 2px;
  vertical-align: bottom;
}
.JobSubmission-titleLockup:before {
  content: "|";
  color: #D7D7D7;
  display: block;
  font-size: 13px;
}
.JobSubmission-close {
  justify-content: flex-end;
  display: flex;
}
.JobSubmission-exit {
  cursor: pointer;
  padding: 0px;
  border: none;
  height: 20px;
  font-size: 20px;
  background-color: #FFFFFF;
  color: #D7D7D7;
  transition: color 0.2s;
  line-height: 1;
}
.JobSubmission-exit:hover {
  color: #646972;
}
.JobSubmission-stepsContainer {
  display: flex;
  flex: 0 0 auto;
  margin-top: 25px;
}
.JobSubmission-steps {
  display: flex;
  margin-bottom: 20px;
  min-height: 30px;
}
.JobSubmission-step {
  color: #606060;
  background-color: #FFFFFF;
  font-size: 12px;
  border: 1px solid #D7D7D7;
  height: 30px;
  border-radius: 5px;
  margin-right: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  transition: background-color 0.2s;
  text-transform: uppercase;
  line-height: 20px;
  white-space: nowrap;
}
.JobSubmission-step:hover {
  color: #606060;
  background-color: #f2f2f2;
  cursor: pointer;
}
.JobSubmission-step--active {
  color: #FFFFFF !important;
  background-color: #646972 !important;
  border-color: #646972 !important;
  cursor: default!important;
}
.JobSubmission-step--disabled {
  opacity: 0.65;
  cursor: not-allowed !important;
}
.JobSubmission-formContainer {
  display: flex;
  flex: 1 0 auto;
}
.JobSubmission-form {
  display: flex;
  flex: 1 0 auto;
  max-width: 100%;
  flex-direction: column;
}
.JobSubmission-footerContainer {
  display: flex;
  flex: 0 0 auto;
  margin-top: 15px;
  justify-content: space-between;
}
.JobSubmission-footerPreview {
  display: flex;
}
.JobSubmission-footerButtons {
  justify-content: flex-end;
  display: flex;
  align-items: flex-end;
}
.JobSubmission-previewItem {
  min-width: 150px;
  font-weight: normal;
  font-size: small;
}
.JobSubmission-previewItemTitle,
.JobSubmission-previewItemSubTitle,
.JobSubmission-selectedItemInfoSubTitle {
  color: #606060;
}
.JobSubmission-previewItemNone {
  color: #646972;
}
.JobSubmission-actionButton {
  background-color: #5CB85C;
  color: #FFFFFF;
  height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  width: 85px;
}
.JobSubmission-actionButton:hover,
.JobSubmission-actionButton:focus {
  color: #FFFFFF;
  background-color: #449D44;
}
.JobSubmission-defaultButton {
  background-color: #FFFFFF;
  color: #606060;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #B7B7B7;
  padding-left: 15px;
  padding-right: 15px;
  height: 30px;
  min-width: 85px;
  margin-right: 20px;
}
.JobSubmission-defaultButton:hover {
  background-color: #f2f2f2;
  color: #606060;
}
.JobSubmission-revertLink {
  font-size: 12px;
}
.JobSubmission-selectedItem {
  display: flex;
  flex: 1 0 auto;
  margin-bottom: 15px;
  align-items: baseline;
}
.JobSubmission-selectedItemInfo {
  display: flex;
  flex: 0 0 100%;
  background-color: #F6F6F6;
  border: 1px solid #D7D7D7;
  padding: 10px;
  border-radius: 5px;
  max-height: 120px;
  overflow-y: scroll;
}
.JobSubmission-selectedItemRevert {
  display: flex;
  flex: 0 0 auto;
}
.JobSubmission-credentialSubSection {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 15px;
}
.JobSubmission-selectedItemLabel,
.JobSubmission-label {
  color: #606060;
  margin-right: 10px;
}
.JobSubmission-label {
  line-height: 24px;
}
.JobSubmission-selectedItemNone {
  color: #646972;
}
.JobSubmission-selectedItemContainer {
  display: block;
  width: 100%;
}
.JobSubmission-instructions {
  color: #606060;
  margin-top: 25px;
  margin-bottom: 15px;
}
.JobSubmission-passwordButton {
  padding: 5px 13px!important;
}
.JobSubmission .List-noItems {
  margin-top: auto;
}
.JobSubmission-selectedItemLabel {
  flex: 0 0 80px;
  line-height: 29px;
}
.JobSubmission-previewTags--outer {
  flex: 1 0 auto;
  max-width: calc(100% - 140px);
}
.JobSubmission-previewTags--inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.JobSubmission-previewTagLabel {
  color: #606060;
}
.JobSubmission-previewTagLabel--deletable {
  color: #EBEBEB;
}
.JobSubmission-previewTagRevert {
  flex: 0 0 60px;
  line-height: 29px;
}
.JobSubmission-previewTagContainer {
  display: flex;
}
.JobSubmission-credentialSubSection .select2 {
  width: 50% !important;
}
/*
* Style conventions
* .ModuleName-component-subComponent
* Naming describes components of the view
*/
.License-container {
  height: 100%;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 900px) {
  .License-container {
    flex-direction: column;
  }
}
.License-container--missing {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}
.License-field--label {
  word-wrap: break-word;
  width: 170px;
  display: inline-block;
  color: #606060;
  text-transform: uppercase;
  font-weight: 400;
}
.License-fileName {
  padding-left: 20px;
}
.License-management .CodeMirror-scroll {
  min-height: 140px;
}
.License-file textarea {
  display: block;
  width: 100%;
}
.License-submit--success.ng-hide-add,
.License-submit--success.ng-hide-remove {
  transition: all ease-in-out 0.5s;
}
.License-submit--success {
  opacity: 1;
  transition: all ease-in-out 0.5s;
}
.License-submit--success.ng-hide {
  opacity: 0;
}
.License-eulaNotice {
  font-size: 12px;
  width: 100%;
  max-height: 129px;
  padding: 15px;
  padding-top: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #F6F6F6;
  background-color: #F6F6F6;
  color: #707070;
  overflow-y: scroll;
  overflow-x: visible;
  white-space: pre-line;
}
.License-field label {
  width: 155px;
}
.License-field--content {
  display: inline-block;
  width: 220px;
  word-wrap: break-word;
  text-transform: capitalize;
}
.License-field--key {
  text-transform: none;
}
.License-field {
  display: flex;
}
.License-field + .License-field {
  margin-top: 20px;
}
.License-greenText {
  color: #5CB85C;
  padding-right: 10px;
}
.License-redText {
  color: #D9534F;
  padding-right: 10px;
}
.License-fields {
  margin-top: 25px;
}
.License-titleText {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  display: flex;
}
.License-management {
  display: flex;
}
.License-management--missingLicense {
  height: auto;
}
.License-downloadLicenseButton {
  margin-bottom: 10px;
  color: #FFFFFF;
}
.License-downloadLicenseButton:hover {
  background-color: #286090 !important;
  color: #FFFFFF !important;
}
.License-downloadLicenseButton:focus {
  background-color: #286090 !important;
  color: #FFFFFF !important;
}
@media (min-width: 900px) {
  .License-details {
    margin-right: 20px;
  }
}
.License-submit--success {
  margin: 0;
}
.License-file--container input[type=file] {
  display: none;
}
.License-upgradeText {
  margin: 20px 0px;
}
.License-body {
  margin-top: 25px;
}
.License-subTitleText {
  text-transform: uppercase;
  margin: 20px 0px 15px 0px;
  color: #606060;
}
.License-helperText {
  color: #606060;
}
.License-input--fake {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.License-detailsGroup {
  margin-bottom: 20px;
}
.License-detailsGroup--withSeparator {
  border-top: 1px solid #D7D7D7;
}
/** @define ThirdPartySignOn */
.ThirdPartySignOn {
  display: flex;
  align-items: center;
}
.ThirdPartySignOn-label {
  flex: initial;
  color: #606060;
}
.ThirdPartySignOn-item {
  margin-left: 15px;
}
.ThirdPartySignOn-button {
  transition: color 0.2s;
  flex: 1 0 auto;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  color: #646972;
  background-color: #FFFFFF;
  border: 0;
  padding: 0;
}
.ThirdPartySignOn-button--error {
  color: #D9534F;
}
.ThirdPartySignOn-button:hover {
  color: #D7D7D7;
}
.ThirdPartySignOn-button--error:hover {
  color: #C9302C;
}
.ThirdPartySignOn-icon {
  font-size: 35px;
}
.ThirdPartySignOn-icon--gitHub {
  margin-top: -3px;
}
.ThirdPartySignOn-icon--fontCustom {
  font-size: 30px;
}
/** @define LoginModal */
.LoginModal-backDrop {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1041;
  opacity: 0;
  transition: 0.5s opacity;
  background: #000000;
}
.LoginModal-backDrop.is-loggedOut {
  opacity: 0.2;
}
.LoginModal-dialog {
  margin: 30px auto;
  margin-top: 95px;
}
.LoginModal-content {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  border: 0;
  box-shadow: none;
  background-color: #FFFFFF;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 0.5s;
  z-index: 1042;
  position: relative;
}
.LoginModal-content.is-loggedOut {
  opacity: 1;
  transition: opacity 0.5s;
}
.LoginModal-header {
  text-align: left;
  background-color: #FFFFFF;
  border-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.LoginModal-body {
  padding-top: 15px;
  padding-bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
}
.LoginModal-logoImage {
  max-width: 112px;
  margin: 20px 20px 10px 20px;
}
.LoginModal-logoImage--notCustom {
  max-width: 200px;
  margin: -30px 20px 10px -30px;
}
.LoginModal-alert {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: normal;
  color: #606060;
  transition: opacity 0.2s;
}
.LoginModal-alert--error {
  color: #D9534F;
  padding-bottom: 4px;
}
.LoginModal-alert {
  opacity: 1;
  display: flex;
}
.LoginModal-alert.ng-hide {
  display: none;
  opacity: 0;
}
.LoginModal-alert.ng-hide-add {
  display: none;
  opacity: 0;
}
.LoginModal-alert.ng-hide-remove {
  display: block;
}
.LoginModal-alertIcon {
  display: flex;
  align-items: center;
  line-height: 19px;
}
.LoginModal-alertIcon:before {
  margin-right: 10px;
}
.LoginModal-formGroup {
  margin-bottom: 20px;
}
.LoginModal-label {
  color: #606060;
  font-weight: 400;
}
.LoginModal-field {
  color: #161B1F;
  background-color: #FCFCFC;
  border: 1px solid #B7B7B7;
}
.LoginModal-footer {
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  padding: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
  margin-top: 20px;
}
.LoginModal-footerBlock {
  flex: 1 0 auto;
  margin-bottom: 20px;
  display: flex;
  max-width: 100%;
}
.LoginModal-footerBlock--submit {
  flex: initial;
  margin-left: auto;
  padding-left: 20px;
}
.LoginModal-signInButton {
  transition: background-color 0.2s;
  background-color: #5CB85C;
  color: #FFFFFF;
  font-size: 0.875rem;
}
.LoginModal-signInButton:hover,
.LoginModal-signInButton:focus {
  color: #FFFFFF;
  background-color: #449D44;
}
/** @define LoginModalNotice */
.LoginModalNotice {
  font-size: 12px;
  width: 100%;
  max-height: 129px;
  padding: 15px;
  padding-top: 10px;
  margin-bottom: 15px;
  border-radius: 4px;
  border: 1px solid #F6F6F6;
  background-color: #F6F6F6;
  color: #707070;
  overflow-y: scroll;
  overflow-x: visible;
  white-space: pre-wrap;
}
.LoginModalNotice-title {
  color: #606060;
  font-weight: bold;
  padding-bottom: 4px;
  font-size: 14px;
}
.MgmtCards {
  display: flex;
  flex-flow: row wrap;
}
.MgmtCards-card {
  background-color: #FFFFFF;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #B7B7B7;
  align-items: baseline;
  margin-top: 20px;
  margin-right: 20px;
  width: 32%;
}
.MgmtCards-card--selected {
  padding-left: 16px;
  border-left: 5px solid #337AB7;
}
.MgmtCards-card--promptElements {
  padding-top: 10px;
}
.MgmtCards-promptText {
  color: #606060;
}
.MgmtCards-header {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  width: 100%;
}
.MgmtCards-label {
  margin-top: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #606060;
  margin-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MgmtCards-actionItems {
  margin-left: auto;
  display: flex;
  flex-wrap: nowrap;
}
.MgmtCards-actionItem {
  margin-left: 15px;
}
.MgmtCards-description {
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MgmtCards-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.MgmtCards-link {
  flex: initial;
  width: calc(50% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}
.MgmtCards-linkBadge {
  margin-right: 10px;
}
@media (max-width: 840px) {
  .MgmtCards-card {
    width: 100%;
    margin-right: 0px;
  }
}
@media (min-width: 840px) and (max-width: 1240px) {
  .MgmtCards-card {
    width: calc(50% - 10px);
  }
}
#prompt-for-days-facts,
#prompt-for-days {
  overflow-x: hidden;
  font-family: "Open Sans";
}
#prompt-for-days-facts .label-text,
#prompt-for-days .label-text {
  text-transform: uppercase;
  font-weight: normal;
}
.NotificationsForm-typeSelect {
  flex: none;
}
.NotifierList-lastColumn {
  text-align: left!important;
}
.alert-success {
  background-color: #5CB85C;
  color: #FFFFFF;
}
.alert-danger {
  background-color: #D9534F;
  color: #FFFFFF;
}
.Toast-successIcon {
  font-size: x-large;
  vertical-align: middle;
  padding-right: 10px;
}
.NotificationsForm-radioButtons {
  display: block!important;
}
.notificationsList {
  margin-top: 0;
}
.ng-toast {
  left: 0;
}
.ng-toast .alert {
  margin: 0;
  position: relative;
  text-align: left;
  width: 100%;
  word-wrap: break-word;
}
.ng-toast .close {
  color: white;
  opacity: 1;
  text-shadow: none;
}
/** @define AddUsers */
.AddUsers-backDrop {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1041;
  opacity: 0.2;
  transition: 0.5s opacity;
  background: #000000;
}
.AddUsers-dialog {
  margin: 30px auto;
  margin-top: 95px;
}
.AddUsers-content {
  max-width: 750px;
  margin: 0 auto;
  border: 0;
  box-shadow: none;
  background-color: #FFFFFF;
  border-radius: 4px;
  transition: opacity 0.5s;
  z-index: 1042;
  position: relative;
  opacity: 1;
}
.AddUsers-header {
  padding: 15px 20px 0 20px;
}
.AddUsers-body {
  padding: 0px 20px;
}
.AddUsers-footer {
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: center;
  padding: 20px;
  padding-bottom: 0px;
  padding-top: 20px;
}
.AddUsers-list .List-searchRow {
  height: 0px;
}
.AddUsers-list .List-searchWidget {
  height: 66px;
}
.AddUsers-list .List-tableHeader:last-child {
  border-top-right-radius: 5px;
}
.AddUsers-list select-all {
  display: none;
}
.AddUsers-title {
  margin-top: 5px;
  margin-bottom: 20px;
}
.AddUsers-buttons {
  margin-left: auto;
  margin-bottom: 20px;
}
.AddUsers-directions {
  margin-top: 10px;
  margin-bottom: 20px;
  color: #606060;
  display: flex;
  align-items: center;
}
.AddUsers-directionNumber {
  font-size: 14px;
  font-weight: bold;
  border-radius: 50%;
  background-color: #EBEBEB;
  padding: 1px 8px;
  margin-right: 10px;
  width: 23px;
  height: 23px;
}
.AddUsers-separator {
  margin-top: 20px 0px;
  width: 100%;
  border-bottom: 1px solid #D7D7D7;
}
.AddUsers-roleRow {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}
.AddUsers-roleName {
  width: 30%;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
.AddUsers-roleNameVal {
  font-size: 14px;
  max-width: calc(100% - 46px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.AddUsers-roleType {
  padding: 0px 6px;
  font-size: 10px;
  color: #606060;
  text-transform: uppercase;
  background-color: #FFFFFF;
  margin-left: 6px;
}
.AddUsers-roleSelect {
  width: calc(70% - 40px);
  margin-right: 20px;
}
.AddUsers-roleSelect .Form-dropDown {
  height: inherit !important;
}
.AddUsers-roleRemove {
  border-radius: 50%;
  padding: 1px 0;
  line-height: 11px;
  color: #646972;
  background-color: #FAFAFA;
  border: 0;
  height: 23px;
  width: 23px;
}
.AddUsers-roleRemove:hover {
  background-color: #D9534F;
  color: #FFFFFF;
}
.AddUsers-selectHide {
  display: none;
}
.AddUsers .select2-search__field {
  text-transform: uppercase;
}
.AddUsers-keyToggle {
  margin-left: auto;
  text-transform: uppercase;
  padding: 3px 9px;
  font-size: 12px;
  background-color: #FFFFFF;
  border-radius: 5px;
  color: #606060;
  border: 1px solid #D7D7D7;
  cursor: pointer;
}
.AddUsers-keyToggle:hover {
  background-color: #FAFAFA;
}
.AddUsers-keyToggle.is-active {
  background-color: #337AB7;
  border-color: #337AB7;
  color: #FFFFFF;
}
.AddUsers-keyPane {
  margin: 20px 0;
  font-size: 12px;
  width: 100%;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 4px;
  border: 1px solid #F6F6F6;
  background-color: #F6F6F6;
  color: #707070;
}
.AddUsers-keyRow {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.AddUsers-keyName {
  flex: 1 0 auto;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 3px;
}
.AddUsers-keyDescription {
  flex: 1 0 auto;
}
/** @define OrgCards */
.OrgCards {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  width: calc(100% + 20px);
  margin: 0px -10px;
}
.OrgCards-search tag-search {
  margin-top: 10px;
  width: 100%;
  height: 35px;
}
.OrgCards-search .TagSearch {
  min-height: 35px;
  height: 35px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.OrgCards-search .TagSearch-bar {
  margin-bottom: 0px;
}
.OrgCards .List-pagination {
  width: 100%;
}
.OrgCards-card {
  background-color: #FFFFFF;
  padding: 20px;
  padding-bottom: 0px;
  border-radius: 5px;
  border: 1px solid #B7B7B7;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  width: calc(33.333% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.OrgCards-card--selected {
  padding-left: 16px;
  border-left: 5px solid #337AB7;
}
.OrgCards-header {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.OrgCards-label {
  cursor: pointer;
  margin-top: 0px;
  font-size: 14px;
  height: 17px;
  font-weight: bold;
  color: #337AB7;
  margin-bottom: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: baseline;
}
.OrgCards-label:hover {
  color: #286090;
}
.OrgCards-actionItems {
  margin-left: auto;
  display: flex;
  flex-wrap: nowrap;
}
.OrgCards-actionItem {
  margin-left: 15px;
}
.OrgCards-description {
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.OrgCards-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.OrgCards-link {
  flex: initial;
  width: calc(50% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
}
.OrgCards-linkBadge {
  margin-right: 10px;
}
@media (max-width: 840px) {
  .OrgCards-card {
    width: calc(100% - 20px);
  }
}
@media (min-width: 840px) and (max-width: 1240px) {
  .OrgCards-card {
    width: calc(50% - 20px);
  }
}
/** @define RepeatFrequencyOptions */
.RepeatFrequencyOptions {
  width: calc(100% + 21px);
  padding: 20px;
  border-left: 5px solid #D7D7D7;
  margin-left: -20px;
  padding-left: 17px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  align-items: flex-start;
}
.RepeatFrequencyOptions-formGroup {
  padding-right: 0px;
}
@media (min-width: 901px) {
  .RepeatFrequencyOptions-formGroup {
    flex: 0 0 auto;
    margin-bottom: 25px;
    width: calc(33% - 32px);
    margin-right: 50px;
  }
  .RepeatFrequencyOptions-formGroup:nth-child(3n+3) {
    flex: 0 0 auto;
    margin-bottom: 25px;
    margin-right: 0px;
  }
}
@media (min-width: 651px) and (max-width: 900px) {
  .RepeatFrequencyOptions-formGroup {
    flex: 0 0 auto;
    margin-bottom: 25px;
    width: calc(50% - 25px);
    margin-right: 50px;
  }
  .RepeatFrequencyOptions-formGroup:nth-child(2n+2) {
    flex: 0 0 auto;
    margin-bottom: 25px;
    margin-right: 0px;
  }
}
@media (max-width: 650px) {
  .RepeatFrequencyOptions-formGroup {
    flex: 0 0 auto;
    margin-bottom: 25px;
    width: 100%;
    margin-right: 0px;
  }
}
.RepeatFrequencyOptions-label {
  width: 100%;
  margin-top: -2px;
  text-transform: uppercase;
  font-weight: bold;
  color: #606060;
  font-size: 13px;
  margin-left: -20px;
  border-left: 5px solid #D7D7D7;
  padding-left: 15px;
  padding-bottom: 15px;
}
.RepeatFrequencyOptions-weekButtonContainer {
  width: 100%;
}
.RepeatFrequencyOptions-weekButtonGroup {
  height: 27px;
  width: 100%;
  display: flex;
}
.RepeatFrequencyOptions-weekButton {
  height: 27px;
  padding-top: 2px;
  padding-right: 4px;
  padding-left: 4px;
  flex: 1;
}
.RepeatFrequencyOptions-weekButton.active {
  background-color: #EBEBEB !important;
  border-color: #D7D7D7 !important;
}
.RepeatFrequencyOptions-everyGroup {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.RepeatFrequencyOptions-inlineLabel {
  font-weight: normal;
  color: #606060;
  text-transform: uppercase;
  flex: initial;
  width: 54px;
  margin-left: 10px;
  font-size: 13px;
}
.RepeatFrequencyOptions-occurencesGroup {
  width: 100%;
}
.RepeatFrequencyOptions-radioLabel {
  margin-top: 0px;
  margin-bottom: 5px;
}
.RepeatFrequencyOptions-everyLabel {
  margin-top: 2px;
}
.RepeatFrequencyOptions-spacedSelect,
.RepeatFrequencyOptions-spacedSelect ~ .select2 {
  margin-bottom: 10px;
}
.RepeatFrequencyOptions-subFormBorderFixer {
  height: 25px;
  width: 5px;
  background: #FFFFFF;
  margin-left: -20px;
  margin-top: -25px;
  margin-right: 50px;
}
.RepeatFrequencyOptions-monthlyOccurence,
.RepeatFrequencyOptions-yearlyOccurence {
  text-transform: capitalize;
}
.RepeatFrequencyOptions-error {
  flex: initial;
  width: 100%;
}
.RepeatFrequencyOptions-nameBorderErrorFix {
  border-color: #D9534F !important;
}
.RepeatFrequencyOptions-inputGroup {
  display: flex;
  justify-content: space-between;
}
.RepeatFrequencyOptions-inputGroup--thirds > .select2 {
  width: calc(33% - 3px) !important;
}
.RepeatFrequencyOptions-inputGroup--halves > .select2 {
  width: calc(50% - 3px) !important;
}
.RepeatFrequencyOptions-inputGroup--halvesWithNumber > .select2 {
  width: calc(50% - 3px) !important;
  margin-right: 7px;
}
.RepeatFrequencyOptions-inputGroup--halvesWithSelect > .select2 {
  width: calc(50% - 3px) !important;
  margin-left: 7px;
}
.RepeatFrequencyOptions-inputGroup--halvesWithSelect > .RepeatFrequencyOptions-number {
  width: calc(50% - 3px) !important;
}
/** @define SchedulerForm */
.SchedulerForm-formGroup {
  padding-right: 0px;
}
.SchedulerForm-inputGroup--date {
  width: 100%;
}
#SchedulerFormTarget .DatePicker {
  max-height: 31px;
}
#SchedulerFormTarget .DatePicker-icon {
  padding-top: 4px;
}
input.DatePicker-input[disabled] {
  background: #ebebeb;
}
@media (min-width: 901px) {
  .SchedulerForm-formGroup {
    flex: 0 0 auto;
    margin-bottom: 25px;
    width: calc(33% - 32px);
    margin-right: 50px;
  }
  .SchedulerForm-formGroup:nth-child(3n+3) {
    flex: 0 0 auto;
    margin-bottom: 25px;
    margin-right: 0px;
  }
}
@media (min-width: 651px) and (max-width: 900px) {
  .SchedulerForm-formGroup {
    flex: 0 0 auto;
    margin-bottom: 25px;
    width: calc(50% - 25px);
    margin-right: 50px;
  }
  .SchedulerForm-formGroup:nth-child(2n+2) {
    flex: 0 0 auto;
    margin-bottom: 25px;
    margin-right: 0px;
  }
}
@media (max-width: 650px) {
  .SchedulerForm-formGroup {
    flex: 0 0 auto;
    margin-bottom: 25px;
    width: 100%;
    margin-right: 0px;
  }
}
.SchedulerForm-promptSaveTooltip {
  position: absolute;
  height: 100%;
  display: block;
  margin-left: 20px;
  width: calc(100% - 20px);
}
.SchedulerForm-promptSave {
  position: relative;
}
.DatePicker {
  flex: 1 0 auto;
  display: flex;
}
.DatePicker-icon {
  flex: initial;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 4px 0 0 4px;
  border: 1px solid #B7B7B7;
  border-right: 0;
  background-color: #FFFFFF;
}
.DatePicker-icon:hover {
  background-color: #f6f6f6;
}
.DatePicker-icon:focus,
.DatePicker-icon:active {
  background-color: #f6f6f6;
}
.DatePicker-input {
  flex: 1 0 auto;
  border-radius: 0 4px 4px 0;
  border: 1px solid #B7B7B7;
  padding: 6px 12px;
  background-color: #fcfcfc;
}
.DatePicker-input:focus,
.DatePicker-input:active {
  outline-offset: 0;
  outline: 0;
}
/** @define SchedulerFormDetail */
.SchedulerFormDetail-container {
  padding: 15px;
  border: 1px solid #B7B7B7;
  border-radius: 5px;
  margin-bottom: 20px;
}
.SchedulerFormDetail-container--error {
  border-color: #D9534F;
}
.SchedulerFormDetail-errorText {
  text-align: center;
  margin-bottom: 0px;
  color: #D9534F;
}
.SchedulerFormDetail-label {
  text-transform: uppercase;
  color: #606060;
  margin-bottom: 15px;
}
.SchedulerFormDetail-nlp {
  margin-bottom: 10px;
}
.SchedulerFormDetail-occurrenceHeader {
  display: flex;
  flex-wrap: wrap;
}
.SchedulerFormDetail-labelOccurrence {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 10px;
  margin-right: 20px;
}
.SchedulerFormDetail-labelDetail {
  font-size: 12px;
  text-transform: none;
}
.SchedulerFormDetail-dateFormats {
  text-transform: uppercase;
  font-size: 13px;
  color: #606060;
}
.SchedulerFormDetail-dateFormatsLabel {
  font-weight: normal;
}
.SchedulerFormDetail-radioLabel {
  margin-top: -3px !important;
  color: #161B1F !important;
  font-weight: normal;
  margin-left: 5px;
}
.SchedulerFormDetail-dateFormats label:last-of-type {
  margin-left: 10px;
}
.SchedulerFormDetail-radioButton {
  margin-top: 2px !important;
  color: #606060 !important;
}
.SchedulerFormDetail-occurrenceList {
  margin-top: 10px;
  padding-left: 0px;
  list-style-type: none;
}
/** @define SchedulerTime */
.SchedulerTime {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
span.ui-spinner.ui-widget.ui-widget-content.ui-corner-all {
  flex: 1;
}
.SchedulerTime-separator {
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 3px;
}
.SchedulerTime-utc {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  margin-top: -2px;
  font-size: 12px;
}
.SchedulerTime-utcLabel {
  flex: 1;
  font-weight: normal;
  margin-bottom: 0;
}
.SchedulerTime-utcTime {
  flex: 1;
}
/** @define ScheduleToggle */
.Form-formGroup--disabled .ScheduleToggle {
  cursor: not-allowed;
  border-color: #337AB7 !important;
}
.Form-formGroup--disabled .ScheduleToggle .ScheduleToggle-switch {
  background-color: #D7D7D7 !important;
  cursor: not-allowed;
}
.ScheduleToggle {
  border-radius: 5px;
  border: 1px solid #337AB7;
  background-color: #337AB7;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  width: 42px;
}
.ScheduleToggle.ScheduleToggle--disabled {
  cursor: not-allowed;
  background-color: none;
  border-color: #D7D7D7 !important;
}
.ScheduleToggle.ScheduleToggle--disabled .ScheduleToggle-switch {
  background-color: #D7D7D7 !important;
  cursor: not-allowed;
}
.ScheduleToggle-switch {
  color: #337AB7;
  background-color: #FFFFFF;
  border-left: 1px solid #337AB7;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0px 5px;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  height: 16px;
  line-height: 16px;
}
.ScheduleToggle.is-on {
  border-color: #337AB7;
  background-color: #FFFFFF;
  justify-content: flex-start;
}
.ScheduleToggle-switch.is-on {
  background-color: #337AB7;
  color: #FFFFFF;
  border-left: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0 7px;
}
.ScheduleToggle-switch:hover {
  background-color: #FAFAFA;
}
.ScheduleToggle.is-on:hover {
  border-color: #286090;
}
.ScheduleToggle-switch.is-on:hover {
  background-color: #286090;
}
.ScheduleToggle-listTableCell {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
  padding-right: 0px;
}
/** @define SpinnerInput */
.SpinnerInput {
  width: calc(100% - 26px);
}
/** @define Container */
.Container {
  display: flex;
  flex-wrap: wrap;
}
.Container-main {
  flex: 6;
  margin-right: 2.28rem;
}
.Container-aside {
  flex: 3;
}
@media screen and (max-width: 710px) {
  .Container {
    flex-direction: column;
  }
}
/** @define DetailNav */
.DetailNav-title {
  font-size: 1.4rem;
  margin-bottom: 0.4rem;
}
.DetailNav-title:first-child {
  margin-top: 0;
}
/** @define Icon */
.Icon path,
.Icon g {
  fill: #242424;
}
#instance-groups-panel table {
  overflow: hidden;
}
#instance-groups-panel .List-header {
  margin-bottom: 20px;
}
#instance-groups-panel .isActive {
  border-left: 10px solid #337AB7;
}
#instance-groups-panel .instances-list,
#instance-groups-panel .instance-jobs-list {
  margin-top: 20px;
}
.Lookup .modal-body {
  padding-top: 0px;
}
.Modal-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 15px 20px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.25);
}
.Modal-header {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}
.Modal-title {
  flex: 1 0 auto;
  text-transform: uppercase;
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  width: calc(82%);
  word-break: break-word;
}
.Modal-exitHolder {
  justify-content: flex-end;
  display: flex;
}
.Modal-exit {
  cursor: pointer;
  padding: 0px;
  border: none;
  height: 20px;
  font-size: 20px;
  background-color: #FFFFFF;
  color: #D7D7D7;
  line-height: 1;
  opacity: 1;
}
.Modal-exit:hover {
  color: #646972;
  opacity: 1;
}
.Modal-body {
  width: 100%;
}
.Modal-bodyQuery {
  margin-bottom: 20px;
  color: #606060;
}
.Modal-bodyTarget {
  color: #161B1F;
}
.Modal-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  width: 100%;
}
.Modal-defaultButton {
  background-color: #FFFFFF;
  color: #606060;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #B7B7B7;
  transition: background-color 0.2s;
  padding-left: 15px;
  padding-right: 15px;
}
.Modal-defaultButton:hover {
  background-color: #f2f2f2;
  color: #606060;
}
.Modal-errorButton {
  background-color: #D9534F;
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 5px;
  transition: background-color 0.2s;
  padding-left: 15px;
  padding-right: 15px;
}
.Modal-errorButton:hover {
  background-color: #C9302C;
  color: #FFFFFF;
}
.Modal-errorButton--sourcesDelete:hover {
  cursor: not-allowed;
}
.Modal-primaryButton {
  background-color: #337AB7;
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 5px;
  transition: background-color 0.2s;
  padding-left: 15px;
  padding-right: 15px;
}
.Modal-primaryButton:hover {
  background-color: #286090;
  color: #FFFFFF;
}
.Modal-errorButton:focus {
  color: #FFFFFF;
}
.Modal-footerButton {
  padding: 4px 8px;
}
.Modal-footerButton + .Modal-footerButton {
  margin-left: 20px;
}
.Modal-titleResourceName {
  color: #D9534F;
}
.MultiSelectPreview {
  display: flex;
  flex: 1 0 auto;
  margin-bottom: 15px;
  align-items: baseline;
}
.MultiSelectPreview-selectedItems {
  display: flex;
  flex: 0 0 100%;
  background-color: #F6F6F6;
  border: 1px solid #D7D7D7;
  padding: 10px;
  border-radius: 5px;
}
.MultiSelectPreview-selectedItemsLabel,
.MultiSelectPreview-label {
  color: #606060;
  margin-right: 10px;
}
.MultiSelectPreview-selectedItemsLabel {
  flex: 0 0 80px;
  line-height: 29px;
}
.MultiSelectPreview-previewTags--outer {
  flex: 1 0 auto;
  max-width: calc(100% - 140px);
}
.MultiSelectPreview-previewTags--inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.MultiSelectPreview-previewTagContainer {
  display: flex;
}
.MultiSelectPreview-previewTagRevert {
  flex: 0 0 60px;
  line-height: 29px;
}
.MultiSelectPreview-revertLink {
  font-size: 12px;
}
.MultiSelectPreview-previewTagContainerDelete {
  background-color: #337AB7;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #FFFFFF;
  padding: 0 5px;
  margin: 4px 0px;
  align-items: center;
  display: flex;
  cursor: pointer;
}
.MultiSelectPreview-previewTagContainerDelete:hover {
  border-color: #D9534F;
  background-color: #D9534F;
}
.MultiSelectPreview-previewTagContainerDelete:hover > .MultiSelectPreview-previewTagContainerTagDelete {
  color: #FFFFFF;
}
.MultiSelectPreview-previewTag {
  border-radius: 5px;
  padding: 2px 10px;
  margin: 4px 0px;
  font-size: 12px;
  color: #606060;
  background-color: #EBEBEB;
  margin-right: 5px;
  max-width: 100%;
  display: inline-block;
}
.MultiSelectPreview-previewTagLabel {
  color: #EBEBEB;
}
.MultiSelectPreview-previewTag--deletable {
  color: #FFFFFF;
  background-color: #337AB7;
  margin-right: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-right: 0;
  max-width: calc(100% - 23px);
  margin-right: 5px;
}
.Paginate-controls--first a,
.Paginate-controls--previous a {
  border-radius: 4px 0 0 4px;
}
.Paginate-controls--last a,
.Paginate-controls--next a {
  border-radius: 0px 4px 4px 0;
}
.Paginate-controls--item a {
  font-size: 12px;
  padding: 3px 6px !important;
  border-color: #D7D7D7;
}
.Paginate {
  margin-top: 20px;
  font-size: 10px !important;
  color: #606060;
  text-transform: uppercase;
  display: flex;
  justify-content: flex-end;
}
.Paginate-pager--pageof {
  line-height: 25px;
  margin-left: 10px;
}
.Paginate-wrapper {
  display: flex;
  flex: 1 0 auto;
}
.Paginate-controls {
  margin-bottom: 0px;
}
.Paginate-controls--active {
  color: #fff !important;
  border-color: #D7D7D7 !important;
  background-color: #D7D7D7 !important;
}
.Paginate-total {
  display: flex;
  align-items: flex-end;
  margin: 0 0 -2px 10px;
}
.Paginate-filterLabel {
  padding: 0px 10px 0px 10px;
}
.Paginate-filteringDropdowns {
  display: flex;
  align-items: center;
  line-height: 25px;
}
.Paginate-dropdown {
  z-index: 1041;
  margin-bottom: 10px;
}
.Paginate-filteringDropdowns > .DashboardGraphs-periodDropdown {
  min-width: 50px;
}
.Paginate-filteringDropdowns > .DashboardGraphs-periodDropdown > ul {
  min-width: 50px;
}
.Paginate-itemsOf {
  line-height: 25px;
}
.Prompt-bodyQuery {
  margin-bottom: 20px;
  color: #606060;
  word-break: break-word;
}
.Prompt-bodyTarget {
  color: #161B1F;
  word-break: break-word;
}
.Prompt-bodyNote {
  margin: 20px 0;
  color: #606060;
}
.Prompt-bodyNote--emphasis {
  text-transform: uppercase;
  color: #D9534F;
}
.Prompt-emphasis {
  font-weight: bold;
  text-transform: uppercase;
}
.Prompt-warningResourceTitle {
  margin-right: 10px;
}
.SmartSearch {
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}
.SmartSearch-form {
  width: 100%;
}
.SmartSearch-bar {
  display: flex;
  padding: 0;
  font-size: 12px;
  align-items: stretch;
  line-height: 20px;
  width: 50%;
}
.SmartSearch-bar--fullWidth {
  width: 100%;
}
.SmartSearch-tags {
  padding-left: 0px;
}
.SmartSearch-bar i {
  font-size: 16px;
  color: #646972;
}
.SmartSearch-searchTermContainer {
  flex: initial;
  flex-grow: 1;
  border: 1px solid #B7B7B7;
  border-radius: 4px;
  display: flex;
  background-color: #FFFFFF;
  position: relative;
  height: 34px;
}
.SmartSearch-searchTermContainer.is-open {
  border-bottom-right-radius: 0;
}
.SmartSearch-input {
  flex: 1 0 auto;
  margin: 0 10px;
  border: none;
  font-size: 14px;
  height: 100%;
  width: 100%;
}
.SmartSearch-input:focus,
.SmartSearch-input:active {
  outline: 0;
}
.SmartSearch-searchTermContainer input:placeholder-shown {
  color: #646972 !important;
  text-transform: uppercase;
}
.SmartSearch-searchButton {
  flex: initial;
  margin-left: auto;
  padding: 8px 10px;
  border-left: 1px solid #B7B7B7;
  background-color: #FFFFFF;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 1;
}
.SmartSearch-searchButton:not(.SmartSearch-searchButton--disabled):hover {
  background-color: #FAFAFA;
}
.SmartSearch-searchButton--disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.SmartSearch-flexContainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.SmartSearch-tagContainer {
  display: flex;
  max-width: 100%;
  margin-top: 10px;
}
.SmartSearch-tag {
  border-radius: 5px;
  padding: 2px 10px;
  margin: 0px;
  font-size: 12px;
  color: #606060;
  background-color: #FFFFFF;
  margin-right: 10px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
}
.SmartSearch-tag--deletable {
  margin-right: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-right: 0;
  max-width: calc(100% - 23px);
  background-color: #337AB7;
  color: #FFFFFF;
  margin-right: 10px;
}
.SmartSearch-deleteContainer {
  background-color: #337AB7 !important;
  color: white;
  background-color: #FFFFFF;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0 5px;
  margin: 0px;
  align-items: center;
  display: flex;
  cursor: pointer;
  height: 20px;
}
.SmartSearch-tagDelete {
  font-size: 13px;
}
.SmartSearch-name {
  flex: initial;
  max-width: 100%;
}
.SmartSearch-tag--deletable > .SmartSearch-name {
  max-width: calc(100% - 23px);
}
.SmartSearch-deleteContainer:hover {
  border-color: #D9534F;
  background-color: #D9534F !important;
}
.SmartSearch-deleteContainer:hover > .SmartSearch-tagDelete {
  color: #FFFFFF;
}
.SmartSearch-clearAll-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.SmartSearch-clearAll {
  font-size: 10px;
  padding-top: 14px;
}
.SmartSearch-keyToggle {
  margin-right: auto;
  margin-left: 20px;
  text-transform: uppercase;
  background-color: #FFFFFF;
  border-radius: 5px;
  color: #606060;
  border: 1px solid #B7B7B7;
  cursor: pointer;
  min-width: 70px;
  height: 34px;
  line-height: 20px;
}
.SmartSearch-keyToggle:hover {
  background-color: #FAFAFA;
}
.SmartSearch-keyToggle.is-active {
  background-color: #337AB7;
  border-color: #337AB7;
  color: #FFFFFF;
}
.SmartSearch-keyToggle.is-active:hover {
  background-color: #286090;
}
.SmartSearch-keyPane {
  max-height: 215px;
  overflow: auto;
  margin: 10px 0 0 0;
  font-size: 12px;
  width: 100%;
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #D7D7D7;
  background-color: #F6F6F6;
  color: #707070;
  position: relative;
}
.SmartSearch-keyRow {
  margin-bottom: 15px;
}
.SmartSearch-keyRow:last-child {
  margin-bottom: 0;
}
.SmartSearch-keyName {
  flex: 1 0 auto;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 3px;
}
.SmartSearch-keyComparators {
  flex: 1 0 auto;
}
.SmartSearch-keyPane--exit {
  background-color: #F6F6F6;
}
.SmartSearch-examples {
  display: flex;
  flex-wrap: wrap;
}
.SmartSearch-examples--title {
  margin-right: 5px;
}
.SmartSearch-examples--search {
  color: #D9534F;
  background-color: #FFFFFF;
  border: 1px solid #D7D7D7;
  border-radius: 5px;
  padding: 0px 5px;
  margin-right: 5px;
}
@media (max-width: 700px) {
  .SmartSearch-bar {
    width: 100%;
  }
}
/** @define Button */
.Button--pseudo {
  background: transparent;
  border: 0;
  padding: 0;
  color: #1778c3;
  text-align: left;
  outline: none;
}
/** @define DownloadStandardOut */
.DownloadStandardOut {
  color: #FFFFFF !important;
}
.DownloadStandardOut--onStandardOutPage {
  margin-top: -3px;
  margin-right: -9px;
  float: right;
}
.DownloadStandardOut--onModal {
  margin-bottom: 10px;
  float: right;
}
.DownloadStandardOut-icon {
  color: #FFFFFF;
}
.DownloadStandardOut-icon--withText {
  margin-right: 5px;
}
.DownloadStandardOut-pre {
  width: 100%;
}
/** @define Media */
.Media {
  display: flex;
  align-items: flex-start;
}
.Media-figure {
  margin-right: 1.4rem;
}
.Media-body {
  flex: 1;
}
/* oops */
.at-Upgrade--panel {
  align-items: center;
  background-color: #ebebeb;
  border-radius: 10px;
  color: #707070;
  display: flex;
  flex-direction: column;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  height: calc(100vh - 40px);
  justify-content: center;
  margin: 20px;
  padding: 50px;
}
.at-Upgrade--header {
  display: flex;
  font-size: 24px;
  margin-top: 10px;
}
.at-Upgrade--text {
  align-items: center;
  display: flex;
  flex-flow: column;
}
.at-Upgrade--brand {
  margin-right: .4em;
}
.at-Upgrade--icon {
  color: #b7b7b7;
}
.at-Upgrade--loading:after {
  content: "\2026";
  display: inline-block;
  overflow: hidden;
  position: absolute;
  vertical-align: bottom;
  width: 0px;
  animation: ellipsis steps(4, end) 1500ms infinite;
  -webkit-animation: ellipsis steps(4, end) 1500ms infinite;
}
@keyframes ellipsis {
  to {
    width: 30px;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 30px;
  }
}
/** @define SmartStatus */
.SmartStatus-container {
  display: flex;
}
.SmartStatus-iconContainer {
  padding: 2px;
  flex: 0 1 auto;
}
.SmartStatus-icon {
  width: 14px;
  height: 14px;
}
.SmartStatus-iconDirectionPlaceholder {
  width: 14px;
  height: 7px;
  border: 1px solid #D7D7D7;
  background: #f2f2f2;
}
.SmartStatus-iconDirectionPlaceholder--bottom {
  border-bottom: 0;
}
.SmartStatus-iconDirectionPlaceholder--top {
  border-top: 0;
}
.SmartStatus-iconIndicator {
  width: 14px;
  height: 7px;
}
.SmartStatus-iconIndicator--success {
  background: #5cb85c;
}
.SmartStatus-iconIndicator--failed {
  background: #d9534f;
}
.SmartStatus-iconPlaceholder {
  height: 14px;
  width: 14px;
  border: 1px solid #D7D7D7;
  background: #f2f2f2;
}
.SmartStatus-tooltip--successful,
.SmartStatus-tooltip--success {
  color: #5CB85C;
  padding-right: 0px;
  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}
.SmartStatus-tooltip--error,
.SmartStatus-tooltip--failed {
  color: #D9534F;
  padding-right: 0px;
  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}
.SmartStatus-tooltip--running {
  color: #161B1F;
  padding-right: 0px;
  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
  -webkit-animation: pulsate 1.5s linear infinite alternate;
  -moz-animation: pulsate 1.5s linear infinite alternate;
  animation: pulsate 1.5s linear infinite alternate;
}
.SmartStatus-waiting {
  width: 14px;
  height: 14px;
  border: 1px solid #D7D7D7;
}
@keyframes pulse_animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.SmartStatus-running {
  height: 14px;
  width: 14px;
  background-color: #5CB85C;
  animation-name: pulse_animation;
  animation-duration: 5000ms;
  transform-origin: 70% 70%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
/** @define StandardOut */
.StandardOut-panelHeader {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  display: flex;
}
.StandardOut-panelHeaderText {
  align-items: center;
  flex: 1 0 auto;
  display: flex;
}
.StandardOut-panelHeaderActions {
  justify-content: flex-end;
  margin-left: 10px;
  font-size: 12px;
}
.StandardOut-actionButton {
  font-size: 16px;
  height: 30px;
  min-width: 30px;
  color: #646972;
  background-color: inherit;
  border: none;
  border-radius: 5px;
}
.StandardOut-actionButton:hover {
  background-color: #337AB7;
  color: #FFFFFF;
}
.StandardOut-actionButton--active {
  background-color: #337AB7;
  color: #FFFFFF;
}
.StandardOut-actionButton--active:hover {
  background-color: #286090;
}
.StandardOut-actionButton + a {
  margin-left: 15px;
}
.Prompt .modal-dialog {
  width: 700px;
}
.Prompt-step {
  margin-top: 20px;
}
.Prompt-footer {
  display: flex;
  flex: 0 0 auto;
  margin-top: 15px;
  justify-content: flex-end;
  align-items: flex-end;
}
.Prompt-actionButton {
  background-color: #5CB85C;
  border: 1px solid #5CB85C;
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 5px;
  height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 85px;
  margin-left: 20px;
}
.Prompt-actionButton:disabled {
  background-color: #D7D7D7;
  border-color: #D7D7D7;
  opacity: 0.65;
}
.Prompt-actionButton:enabled:hover,
.Prompt-actionButton:enabled:focus {
  background-color: #449D44;
  border: 1px solid #449D44;
}
.Prompt-defaultButton {
  background-color: #FFFFFF;
  color: #606060;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #B7B7B7;
  padding-left: 15px;
  padding-right: 15px;
  height: 30px;
  min-width: 85px;
}
.Prompt-defaultButton:hover {
  background-color: #f2f2f2;
  color: #606060;
}
.Prompt-revertLink {
  font-size: 12px;
}
.Prompt-selectedItem {
  display: flex;
  flex: 1 0 auto;
  align-items: baseline;
}
.Prompt-selectedItemInfo {
  display: flex;
  flex: 0 0 100%;
  background-color: #F6F6F6;
  border: 1px solid #D7D7D7;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.Prompt-selectedItemRevert {
  display: flex;
  flex: 0 0 auto;
}
.Prompt-credentialSubSection {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 15px;
}
.Prompt-selectedItemLabel,
.Prompt-label {
  color: #606060;
  margin-right: 10px;
}
.Prompt-label {
  line-height: 24px;
}
.Prompt-selectedItemNone {
  color: #646972;
}
.Prompt-selectedItemContainer {
  display: block;
  width: 100%;
}
.Prompt-instructions {
  color: #606060;
  margin-top: 25px;
  margin-bottom: 15px;
}
.Prompt-passwordButton {
  padding: 4px 13px;
}
.Prompt .List-noItems {
  margin-top: auto;
}
.Prompt-selectedItemLabel {
  flex: 0 0 80px;
  line-height: 29px;
}
.Prompt-previewTags--outer {
  display: flex;
  flex: 1 0 auto;
  width: calc(100% - 140px);
}
.Prompt-previewTags--inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.Prompt-previewTagLabel {
  color: #606060;
}
.Prompt-previewTagLabel--deletable {
  color: #EBEBEB;
}
.Prompt-previewTagRevert {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Prompt-previewTagContainer {
  display: flex;
  flex-flow: row wrap;
}
.Prompt-previewRow--flex {
  display: flex;
  margin-bottom: 10px;
}
.Prompt-previewRow--noflex {
  margin-bottom: 10px;
}
.Prompt-previewRowTitle {
  width: 150px;
  color: #606060;
  text-transform: uppercase;
}
.Prompt-previewRowValue {
  max-width: 508px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.Prompt-noSelectedItem {
  height: 30px;
  line-height: 30px;
  font-style: italic;
  color: #606060;
}
.Prompt-previewTag {
  border-radius: 5px;
  padding: 2px 10px;
  margin: 3px 0px;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #337AB7;
  margin-right: 5px;
  max-width: 100%;
  display: inline-block;
}
.Prompt-credentialSubSection .select2 {
  width: 50% !important;
}
.Prompt-credentialTypeMissing {
  margin-bottom: 20px;
  color: #D9534F;
}
.Prompt-credsWarning {
  margin-bottom: 5px;
  color: #D9534F;
}
.Prompt-credsWarningList {
  margin-bottom: 20px;
}
.MultiCredential-selectedBar {
  display: flex;
  padding: 5px 10px;
  background: #F6F6F6;
  margin-bottom: 20px;
  border: 1px solid #D7D7D7;
  border-radius: 5px;
  max-height: 120px;
  overflow-y: auto;
}
.MultiCredential-selectedBarLabel {
  align-self: center;
  margin-right: 20px;
  font-size: 12px;
  color: #646972;
}
.MultiCredential-tags {
  padding-left: 0px;
}
.MultiCredential-bar i {
  font-size: 16px;
  color: #646972;
}
.MultiCredential-flexContainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.MultiCredential-tagContainer {
  display: flex;
  max-width: 100%;
  background-color: #337AB7;
  color: #FFFFFF;
  border-radius: 5px;
  padding: 0px 0px 0px 10px;
  margin: 3px 10px 3px 0px;
}
.MultiCredential-tagContainer--disabled {
  background-color: #646972;
}
.MultiCredential-tag {
  font-size: 12px;
  margin-right: 10px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 2px 0px 2px 15px;
}
.MultiCredential-tag--disabled {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding-left: 10px;
}
.MultiCredential-tag--deletable {
  margin-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0;
  max-width: calc(100% - 23px);
  padding-left: 10px;
}
.MultiCredential-deleteContainer {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 2px 5px;
  align-items: center;
  display: flex;
  cursor: pointer;
}
.MultiCredential-tagDelete {
  font-size: 11px;
}
.MultiCredential-iconContainer {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 0px 5px;
  margin: 3px 0px;
  margin-left: -3px;
  align-items: center;
  display: flex;
}
.MultiCredential-iconContainer--disabled {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0 5px;
  padding-left: 10px;
  margin: 3px 0px;
  align-items: center;
  display: flex;
}
.MultiCredential-tagIcon {
  margin: 0px 0px;
  font-size: 12px;
}
.MultiCredential-name {
  flex: initial;
  font-size: 12px;
  max-width: 100%;
}
.MultiCredential-name--label {
  color: #EBEBEB;
  font-size: 12px;
  margin-left: -8px;
  margin-right: 5px;
}
.MultiCredential-tag--deletable > .MultiCredential-name {
  max-width: calc(100% - 23px);
}
.MultiCredential-deleteContainer:hover {
  border-color: #D9534F;
  background-color: #D9534F !important;
}
.MultiCredential-deleteContainer:hover > .MultiCredential-tagDelete {
  color: #FFFFFF;
}
.MultiCredential-credentialSubSection {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 15px;
}
.MultiCredential-credentialSubSection .select2 {
  width: 50% !important;
}
.MultiCredential-selectLabel {
  color: #606060;
  margin-right: 10px;
  line-height: 24px;
  text-transform: uppercase;
}
.MultiCredential-previewTagRevert {
  flex: 0 0 60px;
  line-height: 29px;
  margin-left: auto;
  text-align: right;
}
.MultiCredential-revertLink {
  font-size: 12px;
}
/** @define LabelList */
.LabelList {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.LabelList-tagContainer {
  display: inline-block;
}
.LabelList-tagContainer {
  max-width: 200px;
}
.LabelList-tag,
.JobSubmission-previewTag {
  border-radius: 5px;
  padding: 2px 10px;
  font-size: 12px;
  color: #606060;
  background-color: #EBEBEB;
  margin-right: 5px;
  max-width: 100%;
  display: inline-block;
}
.LabelList-seeMoreLess {
  color: #337AB7;
  margin: 4px 0px;
  text-transform: uppercase;
  padding: 2px 0px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 11px;
  display: inherit;
}
.LabelList-seeMoreLess:hover {
  color: #286090;
}
.LabelList-tag--deletable,
.JobSubmission-previewTag--deletable,
.Prompt-previewTag--deletable {
  color: #FFFFFF;
  background-color: #337AB7;
  margin-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: 0;
  max-width: calc(100% - 23px);
}
.LabelList-deleteContainer,
.JobSubmission-previewTagContainerDelete,
.Prompt-previewTagContainerDelete {
  background-color: #337AB7;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: #FFFFFF;
  padding: 0 5px;
  margin: 3px 0px;
  align-items: center;
  display: flex;
  cursor: pointer;
  margin-right: 5px;
}
.LabelList-tagDelete {
  font-size: 13px;
  color: #FFFFFF;
}
.LabelList-name {
  flex: initial;
  max-width: 100%;
  word-break: break-word;
}
.LabelList-tag--deletable > .LabelList-name {
  max-width: calc(100% - 23px);
}
.LabelList-deleteContainer:hover,
.JobSubmission-previewTagContainerDelete:hover,
.Prompt-previewTagContainerDelete:hover {
  border-color: #D9534F;
  background-color: #D9534F;
}
.LabelList-deleteContainer:hover > .LabelList-tagDelete,
.JobSubmission-previewTagContainerDelete:hover > .JobSubmission-previewTagContainerTagDelete,
.Prompt-previewTagContainerDelete:hover > .Prompt-previewTagContainerTagDelete {
  color: #FFFFFF;
}
.LabelList-lookupTags {
  display: flex;
  padding: 0 12px;
}
.LabelList-lookupTags--disabled {
  cursor: not-allowed;
  background-color: #EBEBEB;
}
.LabelList-lookupTags--disabled .LabelList-tag {
  color: #FFFFFF;
  background-color: #646972;
}
.JobSubmission-previewTagContainer--vault {
  flex: 1 0 auto;
}
.JobSubmission-previewTag--vault {
  border-radius: 5px;
}
.position-center {
  left: 0;
  right: 0;
  margin: auto;
}
.SurveyMaker-dialog {
  max-width: 1200px;
  padding: 0px;
  left: 0;
  right: 0;
  margin: auto;
}
.SurveyMaker-dialog .ui-dialog-buttonpane,
.SurveyMaker-dialog .ui-dialog-titlebar {
  display: none;
}
.SurveyMaker-header {
  display: flex;
}
.SurveyMaker-title {
  align-items: center;
  flex: 1 0 auto;
  display: flex;
  word-wrap: break-word;
  word-break: break-all;
  max-width: 98%;
}
.SurveyMaker-titleText {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  max-width: 75%;
}
.SurveyMaker-titleLockup {
  margin-left: 4px;
  margin-right: 6px;
  display: inline-block;
  margin-top: 0px;
  padding-bottom: 2px;
  vertical-align: bottom;
}
.SurveyMaker-titleLockup:before {
  content: "|";
  color: #D7D7D7;
  display: block;
  font-size: 13px;
}
.SurveyMaker-close {
  justify-content: flex-end;
  display: flex;
}
.SurveyMaker-exit {
  cursor: pointer;
  padding: 0px;
  border: none;
  height: 20px;
  font-size: 20px;
  background-color: #FFFFFF;
  color: #D7D7D7;
  transition: color 0.2s;
  line-height: 1;
}
.SurveyMaker-exit:hover {
  color: #646972;
}
.SurveyMaker-content {
  display: flex;
  margin-top: 25px;
  min-height: 560px;
  flex-flow: row nowrap;
  justify-content: space-around;
}
.SurveyMaker-questionPanel,
.SurveyMaker-previewPanel {
  display: flex;
  flex: 0 0 90%;
  max-width: 500px;
}
.SurveyMaker-separatorPanel {
  display: flex;
  flex: 0 0 51px;
}
.SurveyMaker-contentSeparator {
  width: 1px;
  background-color: #EBEBEB;
  margin: 0px 25px;
}
.SurveyMaker-panelHeader {
  color: #646972;
  padding-bottom: 20px;
  min-height: 40px;
  flex: 0 0 auto;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.SurveyMaker-panelBody {
  flex: 1 0 auto;
  padding-bottom: 20px;
}
.SurveyMaker-panelFooter {
  flex: 0 0 auto;
}
.SurveyMaker-noQuestions {
  color: #646972;
}
.SurveyMaker-deleteButton {
  color: #FFFFFF;
  background-color: #D9534F;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 20px;
}
.SurveyMaker-deleteButton:hover {
  background-color: #C9302C;
  color: #FFFFFF;
}
.SurveyMaker-previewLabel {
  text-transform: uppercase;
  color: #606060;
  font-weight: normal;
  font-size: small;
  width: 100%;
  word-break: break-word;
}
.SurveyMaker-deleteOverlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.SurveyMaker-deleteOverlay .Modal-content {
  position: fixed;
  top: calc(50% - 100px);
  width: 600px;
  left: 0;
  right: 0;
  margin: auto;
}
.SurveyMaker-previewInputRow {
  display: flex;
  margin-bottom: 20px;
}
.SurveyMaker-previewInput {
  width: 100%;
}
.SurveyMaker-previewActions {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.SurveyMaker-previewActions--selected {
  background-color: #337AB7 !important;
  color: #FFFFFF;
}
.SurveyMaker-previewRows {
  position: relative;
  min-height: 42px;
  padding-left: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px;
  /* These classes are dynamically added via the angular-drag-and-drop-lists directive */
}
.SurveyMaker-previewRows .dndPlaceholder {
  display: block;
  background-color: #FAFAFA;
  border: 1px solid #D7D7D7;
  padding: 10px 15px;
  min-height: 42px;
  margin-bottom: 20px;
  border-radius: 4px;
  color: #606060;
}
.SurveyMaker-previewRows .dndDraggingSource {
  display: none;
}
.SurveyMaker-previewRow {
  position: relative;
  display: block;
  /* Disable text selection if item is not draggable */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.SurveyMaker-reorderButton {
  color: #646972;
  margin-right: 10px;
  display: flex;
  align-items: center;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.SurveyMaker-reorderButton:hover {
  color: #606060;
}
.SurveyMaker-previewPasswordButton {
  padding: 7px 15px!important;
}
.SurveyMaker-previewInput .select2-container--disabled {
  opacity: inherit!important;
}
.SurveyMaker-previewMultiSelect {
  background-color: #EEEEEE!important;
  cursor: not-allowed !important;
}
.SurveyMaker-previewDescription {
  margin-bottom: 5px;
}
.SurveyMaker-questionPanel #survey_question_default_password button {
  height: 30px;
  /* show/hide button should match our input height */
}
@media screen and (max-width: 1200px) {
  .SurveyMaker-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .SurveyMaker-separatorPanel {
    flex: 0 0 90%;
  }
  .SurveyMaker-separatorPanel .SurveyMaker-contentSeparator {
    width: 100%;
    margin: 25px 0;
    height: 1px;
  }
}
@media screen and (max-width: 600px) {
  .SurveyMaker-dialog {
    max-width: 100vw;
  }
  .SurveyMaker-dialog .Modal-content {
    max-width: calc(100vw - 50px);
  }
}
/** @define SurveyControls */
.SurveyControls-selectWrapper {
  margin-left: 15px;
}
.SurveyControls--dropdown {
  z-index: 10000;
  opacity: 1;
}
.Workflow-warning {
  float: right;
  margin-right: 20px;
  color: #606060;
}
.Workflow-warningIcon {
  color: #F0AD4E;
  margin-right: 5px;
}
.Workflow-warningLink {
  color: #337AB7;
  cursor: pointer;
}
.WorkflowChart-node {
  font-size: 12px;
  font-family: 'Open Sans', sans-serif, 'FontAwesome';
}
.WorkflowChart-link {
  fill: none;
  stroke-width: 2px;
}
.WorkflowChart-linkOverlay {
  fill: #606060;
}
.WorkflowChart-link--active.WorkflowChart-linkOverlay,
.WorkflowChart-linkHovering .WorkflowChart-linkOverlay {
  cursor: pointer;
  opacity: 1;
  fill: #E1E1E1;
}
.WorkflowChart-linkHovering .WorkflowChart-linkPath {
  cursor: pointer;
}
.WorkflowChart-link circle,
.WorkflowChart-link polygon,
.WorkflowChart-link .WorkflowChart-betweenNodesIcon,
.WorkflowChart-node .WorkflowChart-nodeAddCircle,
.WorkflowChart-node .WorkflowChart-linkCircle,
.WorkflowChart-node .WorkflowChart-nodeRemoveCircle,
.WorkflowChart-node .WorkflowChart-nodeAddIcon,
.WorkflowChart-node .WorkflowChart-nodeRemoveIcon,
.WorkflowChart-node .WorkflowChart-nodeLinkIcon {
  opacity: 0;
}
.WorkflowChart-node .WorkflowChart-addCircle,
.WorkflowChart-link .WorkflowChart-addCircle {
  fill: #5CB85C;
}
.WorkflowChart-addCircle.WorkflowChart-addHovering {
  fill: #449D44;
}
.WorkflowChart-node .WorkflowChart-linkCircle {
  fill: #337AB7;
}
.WorkflowChart-linkCircle.WorkflowChart-linkButtonHovering {
  fill: #286090;
}
.WorkflowChart-node .WorkflowChart-nodeRemoveCircle {
  fill: #D9534F;
}
.WorkflowChart-nodeRemoveCircle.removeHovering {
  fill: #C9302C;
}
.WorkflowChart-node .WorkflowChart-rect {
  fill: #FCFCFC;
}
.WorkflowChart-rect.WorkflowChart-isNodeBeingAdded {
  stroke-dasharray: 3;
}
.WorkflowChart-node .WorkflowChart-nodeOverlay--transparent {
  fill: #FFFFFF;
  opacity: 0;
}
.WorkflowChart-node .WorkflowChart-nodeOverlay--disabled {
  fill: #000000;
  opacity: 0.2;
}
.WorkflowChart-alwaysShowAdd circle,
.WorkflowChart-alwaysShowAdd path,
.WorkflowChart-alwaysShowAdd .WorkflowChart-betweenNodesIcon,
.WorkflowChart-nodeHovering .WorkflowChart-nodeAddCircle,
.WorkflowChart-nodeHovering .WorkflowChart-nodeAddIcon,
.WorkflowChart-nodeHovering .WorkflowChart-linkCircle,
.WorkflowChart-nodeHovering .WorkflowChart-nodeLinkIcon,
.WorkflowChart-nodeHovering .WorkflowChart-nodeRemoveCircle,
.WorkflowChart-nodeHovering .WorkflowChart-nodeRemoveIcon,
.WorkflowChart-addHovering circle,
.WorkflowChart-addHovering path,
.WorkflowChart-addHovering .WorkflowChart-betweenNodesIcon {
  cursor: pointer;
  opacity: 1;
}
.WorkflowChart-link.WorkflowChart-isNodeBeingAdded {
  stroke-dasharray: 3;
}
.WorkflowChart-svg {
  border-bottom-left-radius: 5px;
  width: 100%;
}
.WorkflowChart-defaultText {
  fill: #606060;
}
.WorkflowChart-startText {
  fill: #FFFFFF;
  cursor: default;
}
.WorkflowChart-nodeTypeCircle {
  fill: #646972;
}
.WorkflowChart-nodeTypeLetter {
  fill: #FFFFFF;
}
.WorkflowChart-nodeStatus--running {
  fill: #646972;
}
.WorkflowChart-nodeStatus--success {
  fill: #5CB85C;
}
.WorkflowChart-nodeStatus--failed,
.WorkflowChart-nodeStatus--canceled {
  fill: #D9534F;
}
.WorkflowChart-detailsLink {
  fill: #337AB7;
  cursor: pointer;
  font-size: 10px;
}
.WorkflowChart-incompleteIcon {
  color: #F0AD4E;
}
.WorkflowChart-deletedText {
  width: 90px;
  color: #606060;
}
.WorkflowChart-activeNode {
  fill: #337AB7;
}
.WorkflowChart-elapsedHolder {
  background-color: #B7B7B7;
  color: #FFFFFF;
  height: 13px;
  width: 39px;
  padding: 1px 3px;
  border-radius: 4px;
}
.WorkflowChart-nameText {
  font-size: 10px;
}
.WorkflowChart-tooltip {
  pointer-events: none;
  text-align: center;
}
.WorkflowChart-tooltipContents {
  padding: 10px;
  background-color: #606060;
  color: #FFFFFF;
  border-radius: 4px;
  word-wrap: break-word;
  max-width: 325px;
  font-size: 10px;
}
.WorkflowChart-tooltipArrow--down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #606060;
  margin: auto;
}
.WorkflowChart-tooltipArrow {
  fill: #606060;
}
.WorkflowChart-dashedNode {
  stroke-dasharray: 5,5;
}
.WorkflowChart-nodeLinkIcon {
  color: #FFFFFF;
}
.WorkflowChart-nodeHovering .WorkflowChart-addLinkCircle {
  fill: #337AB7;
}
.WorkflowControls {
  display: flex;
}
.WorkflowControls-Zoom {
  display: flex;
  flex: 1 0 auto;
}
.WorkflowControls-Pan {
  flex: 0 0 87px;
}
.WorkflowControls-Pan--button {
  color: #646972;
  font-size: 1.5em;
}
.WorkflowControls-Pan--button:hover {
  color: #286090;
}
.WorkflowControls-Pan--home {
  position: relative;
  top: 9px;
  right: 38px;
  font-size: 1em;
}
.WorkflowControls-Pan--up {
  position: relative;
  top: -4px;
  left: 16px;
}
.WorkflowControls-Pan--down {
  position: relative;
  top: 25px;
  right: 0px;
}
.WorkflowControls-Pan--right {
  position: relative;
  top: 12px;
  right: 7px;
}
.WorkflowControls-Pan--left {
  position: relative;
  top: 12px;
  right: 31px;
}
.WorkflowControls-Zoom--button {
  line-height: 60px;
  color: #646972;
}
.WorkflowControls-Zoom--button:hover {
  color: #286090;
}
.WorkflowControls-zoomSlider {
  width: 150px;
  padding-left: 8px;
  padding-right: 8px;
}
.WorkflowControls-zoomPercentage {
  text-align: center;
  font-size: 0.7em;
  height: 24px;
  line-height: 24px;
}
.WorkflowControls-ZoomToFit {
  display: flex;
  flex: 0 0 62px;
  align-items: center;
  justify-content: center;
  color: #646972;
}
.WorkflowControls-ZoomToFit:hover {
  color: #286090;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
  border-radius: 50%;
  border-color: #646972;
  background: #646972;
}
.ui-slider-handle.ui-state-default.ui-corner-all:hover,
.ui-slider-handle.ui-state-default.ui-corner-all:active {
  border-color: #286090;
  background: #286090;
}
.WorkflowMaker-dialog {
  padding: 0px;
  margin-bottom: 20px;
  width: 100vw !important;
  height: 100vh !important;
  overflow: scroll;
}
.WorkflowMaker-dialog .ui-dialog-buttonpane,
.WorkflowMaker-dialog .ui-dialog-titlebar {
  display: none;
}
.WorkflowMaker-header {
  display: flex;
  height: 34px;
}
.WorkflowMaker-title {
  align-items: center;
  flex: 1 0 auto;
  display: flex;
  height: 34px;
}
.WorkflowMaker-titleText {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
}
.WorkflowMaker-exitHolder {
  justify-content: flex-end;
  display: flex;
}
.WorkflowMaker-exit {
  cursor: pointer;
  padding: 0px;
  border: none;
  height: 20px;
  font-size: 20px;
  background-color: #FFFFFF;
  color: #D7D7D7;
  transition: color 0.2s;
  line-height: 1;
}
.WorkflowMaker-exit:hover {
  color: #646972;
}
.WorkflowMaker-contentHolder {
  display: flex;
  border: 1px solid #B7B7B7;
  border-radius: 5px;
  height: calc(100% - 85px);
  overflow: hidden;
}
.WorkflowMaker-contentLeft {
  flex: 1;
  flex-direction: column;
  height: 100%;
}
.WorkflowMaker-contentRight {
  flex: 0 0 400px;
  border-left: 1px solid #B7B7B7;
  background: #FFFFFF;
  padding: 20px;
  height: 100%;
  overflow-y: scroll;
}
.WorkflowMaker-buttonHolder {
  height: 30px;
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.WorkflowMaker-saveButton {
  background-color: #5CB85C;
  color: #FFFFFF;
  text-transform: uppercase;
  transition: background-color 0.2s;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 20px;
}
.WorkflowMaker-saveButton:disabled {
  background-color: #D7D7D7;
}
.WorkflowMaker-saveButton:hover {
  background-color: #449D44;
  color: #FFFFFF;
}
.WorkflowMaker-cancelButton {
  background-color: #FFFFFF;
  color: #606060;
  text-transform: uppercase;
  border-radius: 5px;
  border: 1px solid #B7B7B7;
  transition: background-color 0.2s;
  padding-left: 15px;
  padding-right: 15px;
}
.WorkflowMaker-cancelButton:hover {
  background-color: #f2f2f2;
  color: #606060;
}
.WorkflowMaker-deleteOverlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.WorkflowMaker-deleteModal {
  height: 200px;
  width: 600px;
  background-color: #FFFFFF;
  border-radius: 5px;
}
.WorkflowMaker-formTitle {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
}
.WorkflowMaker-formHelp {
  color: #606060;
}
.WorkflowMaker-formLists {
  margin-bottom: 20px;
}
.WorkflowMaker-formLists .SmartSearch-searchTermContainer {
  width: 100%;
}
.WorkflowMaker-formTitle {
  display: flex;
  color: #606060;
  margin-right: 10px;
}
.WorkflowMaker-formLabel {
  font-weight: normal;
}
.WorkflowMaker-formElement {
  margin-bottom: 10px;
}
.WorkflowMaker-chart {
  display: flex;
  width: 100%;
}
.WorkflowMaker-totalJobs {
  margin-right: 5px;
}
.WorkflowLegend-maker {
  display: flex;
  height: 40px;
  line-height: 40px;
  color: #606060;
  background: #FFFFFF;
  border-bottom: 1px solid #B7B7B7;
}
.WorkflowLegend-maker--left {
  flex: 1 0 auto;
}
.WorkflowLegend-maker--right {
  flex: 0 0 217px;
  text-align: right;
  padding-right: 20px;
  position: relative;
}
.WorkflowLegend-onSuccessLegend {
  height: 4px;
  width: 20px;
  background-color: #5CB85C;
  margin: 18px 5px 18px 0px;
}
.WorkflowLegend-onFailLegend {
  height: 4px;
  width: 20px;
  background-color: #D9534F;
  margin: 18px 5px 18px 0px;
}
.WorkflowLegend-alwaysLegend {
  height: 4px;
  width: 20px;
  background-color: #337AB7;
  margin: 18px 5px 18px 0px;
}
.WorkflowLegend-letterCircle {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #646972;
  color: #FFFFFF;
  text-align: center;
  margin: 10px 5px 10px 0px;
  line-height: 20px;
}
.WorkflowLegend-details {
  align-items: center;
  display: flex;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  border: 1px solid #D7D7D7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.WorkflowLegend-details--left {
  display: block;
  flex: 1 0 auto;
}
.WorkflowLegend-details--right {
  flex: 0 0 44px;
  text-align: right;
  padding-right: 20px;
  position: relative;
}
.Key-menuIcon,
.WorkflowMaker-manualControlsIcon {
  color: #646972;
  vertical-align: middle;
  font-size: 1.2em;
  margin-left: 15px;
}
.Key-menuIcon:hover,
.WorkflowMaker-manualControlsIcon:hover {
  color: #286090;
  cursor: pointer;
}
.Key-menuIcon--active,
.WorkflowMaker-manualControlsIcon--active {
  color: #286090;
}
.WorkflowMaker-manualControls {
  position: absolute;
  left: -106px;
  height: 60px;
  width: 322px;
  background-color: #FFFFFF;
  display: flex;
  border: 1px solid #B7B7B7;
  border-top: 0px;
  border-bottom-left-radius: 5px;
  margin-left: -1px;
  border-right: 0;
}
.WorkflowLegend-manualControls {
  position: absolute;
  left: -272px;
  top: 38px;
  height: 60px;
  width: 322px;
  background-color: #FFFFFF;
  display: flex;
  border: 1px solid #D7D7D7;
  border-bottom-left-radius: 5px;
}
.WorkflowMaker-formTab {
  margin-right: 10px;
}
.WorkflowMaker-preventBodyScrolling {
  height: 100%;
  overflow: hidden;
}
.WorkflowMaker-invalidJobTemplateWarning {
  margin-bottom: 5px;
  color: #D9534F;
}
.WorkflowMaker-readOnlyPromptText {
  margin-bottom: 20px;
}
.Key-list {
  margin: 0;
  padding: 20px;
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #EBEBEB;
}
.Key-listItem {
  display: flex;
  padding: 0;
  margin: 5px 0 0 0;
}
.Key-listItemContent {
  margin: 0;
  line-height: 20px;
}
.Key-listItemContent--circle {
  line-height: 28px;
}
.Key-icon {
  height: 3px;
  width: 20px;
  margin: 9px 5px 9px 0px;
  outline: none;
}
.Key-heading {
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 0;
  padding: 0;
}
.Key-icon--success {
  background-color: #5CB85C;
}
.Key-icon--fail {
  background-color: #D9534F;
}
.Key-icon--always {
  background-color: #337AB7;
}
.Key-icon--warning {
  background: #F0AD4E;
}
.Key-icon--default {
  background: #646972;
}
.Key-icon--circle {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #FFFFFF;
  text-align: center;
  line-height: 20px;
  margin: 4px 5px 5px 0px;
}
.Key-details {
  display: flex;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border: 1px solid #F6F6F6;
  margin-top: 10px;
}
/** @define Tooltip */
.tooltip.bs-tooltip-bottom .tooltip-arrow {
  border-bottom-color: #606060;
}
.tooltip.bs-tooltip-top .tooltip-arrow {
  border-top-color: #606060;
}
.tooltip.bs-tooltip-left .tooltip-arrow {
  border-left-color: #606060;
}
.tooltip.bs-tooltip-right .tooltip-arrow {
  border-right-color: #606060;
}
.tooltip.Tooltip.fade.bottom.in {
  opacity: 1;
  padding-top: 4px;
}
.tooltip-inner {
  background-color: #606060;
}
.tooltip-inner--logOut {
  margin-left: -15px !important;
}
.tooltip {
  z-index: 2050;
  opacity: 1.0;
}
.tooltip-inner {
  padding: 10px;
  text-align: left;
  max-width: 150px;
}
.Tooltip-inner {
  white-space: pre-wrap;
  word-break: break-word;
}
.Tooltip-wide {
  max-width: 300px!important;
}
.Tooltip-secondary .Tooltip-inner {
  background-color: #646972;
}
.Tooltip-secondary.bs-tooltip-top .Tooltip-arrow {
  border-top-color: #646972;
}
.Tooltip-secondary.bs-tooltip-bottom .Tooltip-arrow {
  border-bottom-color: #646972;
}
.Tooltip-secondary.bs-tooltip-left .Tooltip-arrow {
  border-left-color: #646972;
}
.Tooltip-secondary.bs-tooltip-right .Tooltip-arrow {
  border-right-color: #646972;
}
.WorkflowStatusBar {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
}
.WorkflowStatusBar-successful,
.WorkflowStatusBar-failed,
.WorkflowStatusBar-pending,
.WorkflowStatusBar-noData {
  height: 15px;
  border-top: 5px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
}
.WorkflowStatusBar-successful {
  background-color: #5CB85C;
  display: flex;
  flex: 0 0 auto;
}
.WorkflowStatusBar-failed {
  background-color: #D9534F;
  flex: 0 0 auto;
}
.WorkflowStatusBar-pending {
  background-color: #B7B7B7;
  flex: 0 0 auto;
}
.WorkflowStatusBar-noData {
  background-color: #D7D7D7;
  flex: 1 0 auto;
}
.WorkflowStatusBar-tooltipLabel {
  text-transform: uppercase;
  margin-right: 15px;
}
.WorkflowStatusBar-tooltipBadge {
  border-radius: 5px;
}
.WorkflowStatusBar-tooltipBadge--successful {
  background-color: #5CB85C;
}
.WorkflowStatusBar-tooltipBadge--failed {
  background-color: #D9534F;
}
.WorkflowStatusBar-tooltipBadge--pending {
  background-color: #B7B7B7;
}
.WorkflowResults {
  height: 100%;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1200px) {
  .WorkflowResults {
    flex-direction: column;
  }
}
.WorkflowResults.fullscreen .WorkflowResults-rightSide {
  max-width: 100%;
}
@media screen and (max-width: 1200px) {
  .WorkflowResults {
    display: block;
    min-width: 400px;
  }
}
.WorkflowResults-leftSide {
  flex: 1 0;
  height: 100%;
  width: 100%;
  margin-right: 20px;
  height: calc(100vh - 177px);
  min-height: 350px;
}
@media screen and (max-width: 1200px) {
  .WorkflowResults-leftSide {
    margin-right: 0px;
    height: inherit;
  }
}
.WorkflowResults-leftSide .card {
  overflow: scroll;
}
.WorkflowResults-rightSide {
  height: 100%;
  flex: 2 0;
  height: calc(100vh - 177px);
  min-height: 350px;
  min-width: 0;
}
@media screen and (max-width: 1200px) {
  .WorkflowResults-rightSide {
    flex-direction: column;
  }
}
@media (max-width: 1200px - 1px) {
  .WorkflowResults-rightSide {
    padding-right: 15px;
  }
}
@media (max-width: 1200px) {
  .WorkflowResults-rightSide {
    height: inherit;
  }
}
.WorkflowResults-stdoutActionButton--active {
  display: none;
  visibility: hidden;
  flex: none;
  width: 0px;
  padding-right: 0px;
}
.WorkflowResults-panelHeader {
  display: flex;
  height: 30px;
}
.WorkflowResults-panelHeaderText {
  color: #606060;
  flex: 1 0 auto;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
}
.WorkflowResults-resultRow {
  width: 100%;
  display: flex;
  padding-bottom: 10px;
  flex-wrap: wrap;
}
.WorkflowResults-resultRow--variables {
  flex-direction: column;
}
.WorkflowResults-resultRowLabel {
  text-transform: uppercase;
  color: #606060;
  font-size: 12px;
  font-weight: normal!important;
  width: 30%;
  margin-right: 20px;
}
@media screen and (max-width: 1200px) {
  .WorkflowResults-resultRowLabel {
    flex: 2.5 0 auto;
  }
}
.WorkflowResults-resultRowLabel--fullWidth {
  width: 100%;
  margin-right: 0px;
}
.WorkflowResults-resultRowText {
  width: calc(70% - 20px);
  flex: 1 0 auto;
  text-transform: none;
  word-wrap: break-word;
}
.WorkflowResults-resultRowText--fullWidth {
  width: 100%;
}
.WorkflowResults-statusResultIcon {
  padding-left: 0px;
  padding-right: 10px;
}
.WorkflowResults-panelRightTitle {
  flex-wrap: wrap;
}
.WorkflowResults-panelRightTitleText {
  word-wrap: break-word;
  word-break: break-all;
  max-width: 100%;
}
.WorkflowResults-badgeAndActionRow {
  display: flex;
  flex: 1 0 auto;
  justify-content: flex-end;
  flex-wrap: wrap;
  max-width: 100%;
}
.WorkflowResults-badgeRow {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.WorkflowResults-badgeTitle {
  color: #606060;
  font-size: 14px;
  margin-right: 10px;
  font-weight: normal;
  text-transform: uppercase;
  margin-left: 20px;
}
.WorkflowResults-extraVarsLabel {
  font-size: 14px!important;
}
.WorkflowResults-seeMoreLess {
  color: #337AB7;
  margin: 4px 0px;
  text-transform: uppercase;
  padding: 2px 0px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 11px;
}
.WorkflowResults-rightSide .WorkflowChart-svg {
  background-color: #f6f6f6;
  border: 1px solid #D7D7D7;
  border-top: 0px;
  border-bottom-right-radius: 5px;
}
/**
 * App-wide style
 *
 * NOTE: Variables, mixins, and classes below are useful in more than one place across the
 * application. When working with Less, if the need for a variable, mixin, class, etc exists in
 * more than one location, take a moment to move it to this more general location for easy reuse
 * and to avoid duplication.
 */
/**
 * All base variables used. These should only be referenced by the contextual variables defined
 * below. In development, unless you are intentionally making a fundamental change, these variables
 * should not be modified, removed, or added to.
 *
 * These variables should not be used directly in development of components or features. If an
 * alias doesn't exist for the context you're working within, check with UX to create a new alias
 * or to define a more applicable alias.
 *
 * The goal is for UX to define the contexts for the contextual variables, so it's easy to make
 * modifications like, "Change heading text to be smaller" or "Make all warnings a lighter shade
 * of orange"
 *
 * 1. Colors
 * 2. Typography
 * 3. Layout
 * 4. Breakpoints
 *
 */
/**
 * All variables used in the UI. Use these variables directly during the development of components
 * and features. Be sure the context of the variable name applies to the work that's being done.
 * For example, it wouldn't make sense to use `@at-input-height` to describe the height of a
 * button. Either add an alias if it makes sense to use the same base variable, or add a new
 * base variable to reference.
 *
 * Keep in mind the goal is to be able to modify an item by referencing its context instead of
 * an arbitrary variable name. For example, tt should be a simple change when an ask comes in to
 * "increase the height of inputs"
 *
 * 1. Colors
 * 2. Typography
 * 3. Layout
 * 4. Buttons
 * 5. Misc
 * 6. Breakpoints
 *
 */
.at-u-noSpace {
  margin: 0;
  padding: 0;
}
.at-u-flat {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.at-u-thin {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.at-u-clear {
  clear: both;
}
.at-u-noBorder {
  border: none;
}
.at-u-floatRight {
  float: right;
}
/**
 * For styles that are used in more than one place throughout the application.
 *
 * 1. Buttons
 *
 */
.at-Button--success,
.at-Button--add {
  border-radius: 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.at-Button--success,
.at-Button--success:hover,
.at-Button--success:focus,
.at-Button--add,
.at-Button--add:hover,
.at-Button--add:focus {
  color: #ffffff;
}
.at-Button--success:hover,
.at-Button--success:focus,
.at-Button--add:hover,
.at-Button--add:focus {
  background-color: #449d44;
  border-color: #449d44;
}
.at-Button--success[disabled],
.at-Button--add[disabled] {
  background-color: rgba(92, 184, 92, 0.6);
}
.at-Button--success[disabled],
.at-Button--add[disabled] {
  background: #b7b7b7;
  border-color: #b7b7b7;
}
.at-Button--add {
  border: none;
  display: inline-flex;
  margin-left: 20px;
}
.at-Button--add:before {
  content: "+";
  font-size: 20px;
}
.at-Button--add[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.at-Button--info {
  border-radius: 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1;
  background-color: #337ab7;
  border-color: #337ab7;
}
.at-Button--info,
.at-Button--info:hover,
.at-Button--info:focus {
  color: #ffffff;
}
.at-Button--info:hover,
.at-Button--info:focus {
  background-color: #286090;
  border-color: #286090;
}
.at-Button--info[disabled] {
  background-color: rgba(51, 122, 183, 0.6);
}
.at-Button--error {
  border-radius: 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1;
  background-color: #d9534f;
  border-color: #d9534f;
}
.at-Button--error,
.at-Button--error:hover,
.at-Button--error:focus {
  color: #ffffff;
}
.at-Button--error:hover,
.at-Button--error:focus {
  background-color: #c9302c;
  border-color: #c9302c;
}
.at-Button--error[disabled] {
  background-color: rgba(217, 83, 79, 0.6);
}
.at-ButtonHollow--default {
  border-radius: 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1;
  background-color: #ffffff;
  color: #707070;
  border-color: #b7b7b7;
}
.at-ButtonHollow--default:hover,
.at-ButtonHollow--default:active {
  color: #707070;
  background-color: #f2f2f2;
  box-shadow: none;
}
.at-ButtonHollow--default:focus {
  color: #707070;
  background-color: #f2f2f2;
  border-color: #b7b7b7;
  cursor: default;
}
.at-ButtonHollow--default[disabled] {
  opacity: 0.65;
}
.at-ButtonIcon {
  padding: 4px 10px;
  font-size: 14px;
}
.at-ButtonIcon-noborder {
  padding: 4px 10px;
  border-radius: 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1;
  background-color: #ffffff;
  color: #707070;
  border-color: #ffffff;
}
.at-ButtonIcon-noborder:hover,
.at-ButtonIcon-noborder:active {
  color: #707070;
  background-color: #f2f2f2;
  box-shadow: none;
}
.at-ButtonIcon-noborder:focus {
  color: #707070;
  background-color: #f2f2f2;
  border-color: #ffffff;
  cursor: default;
}
.at-ButtonIcon-noborder[disabled] {
  opacity: 0.65;
}
.at-Button--expand {
  width: 100%;
}
/**
 * Component and Feature style
 *
 * NOTE: These index files are aggregation points for components and features. To view the more
 * granular imports, view the contents of these files. Variables, classes, etc defined within
 * these specific files ought to have no use elsewhere. As we shift to leverage components, very
 * few feature-specific styles will exist.
 */
.at-ActionGroup {
  margin-top: 20px;
}
.at-ActionGroup button:last-child {
  margin-left: 15px;
}
.at-Input {
  height: 30px;
  background: #fcfcfc;
  border-radius: 5px;
  color: #161b1f;
  padding: 0 10px;
}
.at-Input:-moz-placeholder {
  color: #646972;
}
.at-Input:-ms-input-placeholder {
  color: #646972;
}
.at-Input::-webkit-input-placeholder {
  color: #646972;
}
.at-Input,
.at-Input:active {
  border-color: #b7b7b7;
}
.at-Input:focus {
  border-color: #337ab7;
}
.at-Input[readonly] {
  background: #fcfcfc;
}
.at-Input[disabled] {
  background: #ebebeb;
}
.at-InputCheckbox {
  margin: 0;
  padding: 0;
}
.at-InputCheckbox > label > input[type=checkbox] {
  height: 30px;
  margin: 0;
  padding: 0;
}
.at-InputCheckbox > label > p {
  margin: 0;
  padding: 0 0 0 20px;
  line-height: 2;
}
.at-InputContainer {
  margin-top: 20px;
}
.at-Input-button {
  height: 30px;
  padding: 0 10px;
}
.at-Input-button,
.at-Input-button:active,
.at-Input-button:hover,
.at-Input-button:focus {
  color: #707070;
  border-color: #b7b7b7;
  background-color: #ffffff;
  cursor: pointer;
}
.at-Input-button:hover {
  background-color: #f2f2f2;
}
.at-Input-button--fixed-xs {
  padding: 0 10px;
  min-width: 72px;
  height: 30px;
}
.at-Input-button--fixed-xs,
.at-Input-button--fixed-xs:active,
.at-Input-button--fixed-xs:hover,
.at-Input-button--fixed-xs:focus {
  color: #707070;
  border-color: #b7b7b7;
  background-color: #ffffff;
  cursor: pointer;
}
.at-Input-button--fixed-xs:hover {
  background-color: #f2f2f2;
}
.at-Input-button--fixed-sm {
  padding: 0 10px;
  min-width: 84px;
  height: 30px;
}
.at-Input-button--fixed-sm,
.at-Input-button--fixed-sm:active,
.at-Input-button--fixed-sm:hover,
.at-Input-button--fixed-sm:focus {
  color: #707070;
  border-color: #b7b7b7;
  background-color: #ffffff;
  cursor: pointer;
}
.at-Input-button--fixed-sm:hover {
  background-color: #f2f2f2;
}
.at-Input-button--fixed-md {
  height: 30px;
  padding: 0 10px;
  display: inherit;
  min-width: 84px;
  height: 144px;
}
.at-Input-button--fixed-md,
.at-Input-button--fixed-md:active,
.at-Input-button--fixed-md:hover,
.at-Input-button--fixed-md:focus {
  color: #707070;
  border-color: #b7b7b7;
  background-color: #ffffff;
  cursor: pointer;
}
.at-Input-button--fixed-md:hover {
  background-color: #f2f2f2;
}
.at-Input-button--active {
  background-color: #337ab7;
  border-color: #337ab7;
}
.at-Input-button--active,
.at-Input-button--active:hover,
.at-Input-button--active:focus {
  color: #ffffff;
}
.at-Input-button--active:hover,
.at-Input-button--active:focus {
  background-color: #286090;
  border-color: #286090;
}
.at-Input-button--active[disabled] {
  background-color: rgba(51, 122, 183, 0.6);
}
.at-Input--focus {
  border-color: #337ab7;
}
.at-Input--rejected,
.at-Input--rejected:focus {
  border-color: #d9534f;
}
.at-InputFile--hidden {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  z-index: -2;
  opacity: 0;
}
.at-InputFile--drag {
  z-index: 3;
}
.at-InputGroup {
  padding: 0;
  margin: 20px 0 0 0;
}
.at-InputGroup-border {
  position: absolute;
  width: 5px;
  height: 100%;
  background: #b7b7b7;
  left: -5px;
}
.at-InputGroup-title {
  color: #707070;
  font-size: 13px;
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  margin: 0 0 0 15px;
}
.at-InputGroup-divider {
  clear: both;
  margin: 0;
  padding: 0;
  height: 20px;
}
.at-InputLabel {
  display: inline-block;
  width: 100%;
}
.at-InputLabel-name {
  color: #707070;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}
.at-InputLabel-hint {
  margin-left: 10px;
  color: #646972;
  font-size: 12px;
  font-weight: 400;
  line-height: 0.9;
}
.at-InputLabel-checkbox {
  margin: 0;
  padding: 0;
}
.at-InputLabel-checkboxLabel {
  margin-bottom: 0;
}
.at-InputLabel-checkboxLabel > input[type=checkbox] {
  margin: 0 3px 0 0;
}
.at-InputLabel-checkboxLabel > p {
  font-size: 12px;
  color: #707070;
  font-weight: 400;
  display: inline;
  margin: 0;
  padding: 0;
}
.at-InputMessage--rejected {
  font-size: 12px;
  color: #d9534f;
  margin: 5px 0 0 0;
  padding: 0;
}
.at-InputLabel-required {
  color: #d9534f;
  font-weight: 700;
  font-size: 13px;
  margin: 0;
}
.at-InputSelect {
  position: relative;
  width: 100%;
}
.at-InputSelect > i {
  font-size: 12px;
  position: absolute;
  z-index: 3;
  pointer-events: none;
  top: 10px;
  right: 10px;
  color: #b7b7b7;
}
.at-InputSelect-input {
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.at-InputSelect-select {
  height: 30px;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 0;
}
.at-InputSelect-select > optgroup {
  text-transform: uppercase;
}
.at-InputSelect-select > optgroup > option {
  text-transform: none;
}
.at-InputTextarea {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  min-height: 144px;
  padding: 6px 10px 0 10px;
}
.at-InputLookup {
  display: flex;
}
.at-InputLookup .at-InputLookup-button {
  height: 30px;
  padding: 0 10px;
  border-radius: 5px 0 0 5px;
  border-right: none;
  flex: 0 0 35px;
  height: auto;
  min-height: 30px;
}
.at-InputLookup .at-InputLookup-button,
.at-InputLookup .at-InputLookup-button:active,
.at-InputLookup .at-InputLookup-button:hover,
.at-InputLookup .at-InputLookup-button:focus {
  color: #707070;
  border-color: #b7b7b7;
  background-color: #ffffff;
  cursor: pointer;
}
.at-InputLookup .at-InputLookup-button:hover {
  background-color: #f2f2f2;
}
.at-InputLookup .at-InputLookup-tagContainer {
  border-width: 1px;
  border-style: solid;
  border-color: #b7b7b7;
  display: flex;
  flex-flow: row wrap;
  padding: 0 10px;
  width: 100%;
}
.at-InputLookup .at-InputLookup-button + .at-Input,
.at-InputLookup .at-InputLookup-tagContainer {
  border-radius: 0 5px 5px 0;
}
.at-InputSlider {
  display: flex;
  padding: 5px 0;
}
.at-InputSlider p {
  color: #707070;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 0 10px;
  padding: 0;
  width: 50px;
}
.at-InputSlider input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
  height: 20px;
  border-right: 1px solid #b7b7b7;
  border-left: 1px solid #b7b7b7;
}
.at-InputSlider input[type=range]:focus {
  outline: none;
}
.at-InputSlider input[type=range]::-webkit-slider-runnable-track {
  background: #b7b7b7;
  cursor: pointer;
  height: 1px;
  width: 100%;
}
.at-InputSlider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #337ab7;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  height: 16px;
  margin-top: -7px;
  width: 16px;
}
.at-InputSlider input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  background-color: #337ab7;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  height: 16px;
  width: 16px;
}
.at-InputSlider input[type=range]::-moz-range-track {
  background: #b7b7b7;
  cursor: pointer;
  height: 1px;
  width: 100%;
}
.at-InputSlider input[type=range][disabled]::-webkit-slider-thumb {
  background: #b7b7b7;
  border: solid 1px #b7b7b7;
  cursor: not-allowed;
}
.at-InputGroup-container .row {
  margin: 0;
}
.at-LaunchTemplate--button {
  font-size: 16px;
  height: 30px;
  min-width: 30px;
  color: #646972;
  background-color: inherit;
  border: none;
  border-radius: 5px;
}
.at-LaunchTemplate--button:hover {
  background-color: #337ab7;
  color: white;
}
.open .at-LaunchTemplate--button {
  background-color: #337ab7;
  color: white;
}
.at-Layout {
  min-height: 100vh;
  width: 100vw;
  display: flex;
}
.at-Layout-topNav {
  display: flex;
  background-color: #ffffff;
  border-bottom: 1px solid #b7b7b7;
  z-index: 1040;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  height: 60px;
}
.at-Layout-topNav .at-Layout-topNavRightAligner {
  margin-left: auto;
}
.at-Layout-topNav .at-Layout-topNavItem {
  color: #707070;
  padding: 0 20px;
}
.at-Layout-topNav .at-Layout-topNavItem a {
  cursor: pointer;
}
.at-Layout-topNav .at-Layout-topNavItem a,
.at-Layout-topNav .at-Layout-topNavItem div {
  color: #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.at-Layout-topNav .at-Layout-topNavItem i {
  color: #646972;
  font-size: 21px;
}
.at-Layout-topNav .at-Layout-topNavItem--logo {
  padding-left: 0px;
}
.at-Layout-topNav .at-Layout-topNavItem--logo img {
  max-width: initial;
  max-height: initial;
  height: initial;
  width: 200px;
  margin: -50px 0px 0px -40px;
  flex: initial;
  pointer-events: none;
}
.at-Layout-topNav .at-Layout-topNavItem--user i {
  margin-right: 10px;
}
.at-Layout-topNav .at-Layout-topNavItem--socket i {
  margin-top: -3px;
  font-size: 18px;
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
}
.at-Layout-topNav .at-Layout-topNavItem:focus,
.at-Layout-topNav .at-Layout-topNavItem:hover,
.at-Layout-topNav .at-Layout-topNavItem.is-currentRoute {
  background-color: #fafafa;
}
.at-Layout-topNav .at-Layout-topNavItem.is-loggedOut {
  opacity: 0;
}
.at-Layout-sideContainer {
  background: #484848;
}
.at-Layout-side {
  margin-top: 55px;
  width: 55px;
}
.at-Layout-side .at-Popover-container {
  margin-top: 2px;
  margin-left: -11px;
}
.at-Layout-side .at-Popover-arrow {
  padding-top: 7px;
  margin-left: -10px;
}
.at-Layout-side .at-Layout-sideNavItem {
  background: inherit;
  color: #ffffff;
  display: flex;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.42857143;
}
.at-Layout-side .at-Layout-sideNavItem i {
  cursor: pointer;
  color: #ffffff;
  font-size: 19px;
  padding: 10px 15px;
  padding-left: 10px;
  text-align: center;
  width: 50px;
}
.at-Layout-side .at-Layout-sideNavItem i.is-no-tooltip {
  padding-left: 18px;
}
.at-Layout-side .at-Layout-sideNavItem:hover,
.at-Layout-side .at-Layout-sideNavItem.is-active {
  background: #767676;
  border-left: 5px solid #ffffff;
}
.at-Layout-side .at-Layout-sideNavItem:hover i,
.at-Layout-side .at-Layout-sideNavItem.is-active i {
  color: #ffffff;
  margin-left: -5px;
}
.at-Layout-side .at-Layout-sideNavToggle {
  padding-top: 5px;
}
.at-Layout-side .at-Layout-sideNavToggle i {
  padding-left: 15px;
}
.at-Layout-side .at-Layout-sideNavSpacer {
  border-bottom: 1px solid #b7b7b7;
  padding: 0;
  margin: 5px 0;
}
.at-Layout-side .at-Layout-sideNavSpacer--first {
  display: none;
}
.at-Layout-side .at-Layout-sideNavHeader {
  display: none;
}
.at-Layout-side--expanded {
  width: 190px;
}
.at-Layout-side--expanded .at-Layout-sideNavItem {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 15px;
}
.at-Layout-side--expanded .at-Layout-sideNavItem i {
  padding-left: 15px;
}
.at-Layout-side--expanded + .at-Layout-main {
  padding-left: 190px;
}
.at-Layout-side--expanded + .at-Layout-main--noLicense {
  padding-left: 0;
}
.at-Layout-side--expanded .at-Layout-sideNavSpacer--first {
  display: inherit;
}
.at-Layout-side--expanded .at-Layout-sideNavSpacer {
  height: 20px;
  font-size: 11px;
  color: #d7d7d7;
  padding: 10px 10px 25px 15px;
  text-transform: uppercase;
  border-bottom: 0;
  margin: 0;
}
.at-Layout-side--expanded .at-Layout-sideNavHeader {
  display: inherit;
}
.at-Layout-main {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  padding-bottom: 20px;
  overflow-x: hidden;
}
.at-Layout-content {
  flex: 1px;
}
@media screen and (max-width: 700px) {
  .at-Layout-side {
    top: 60px;
    background-color: transparent;
  }
  .at-Layout-side .at-Layout-sideNavItem.at-Layout-sideNavToggle {
    display: flex;
    height: 40px;
    align-items: center;
    width: 50px;
  }
  .at-Layout-side .at-Layout-sideNavItem.at-Layout-sideNavToggle i {
    padding-bottom: 15px;
  }
  .at-Layout-side .at-Layout-sideNavItem,
  .at-Layout-side .at-Layout-sideNavSpacer {
    display: none;
    background-color: #484848;
  }
  .at-Layout-side--expanded {
    width: 100vw;
    z-index: 1030;
  }
  .at-Layout-side--expanded .at-Layout-sideNavItem,
  .at-Layout-side--expanded .at-Layout-sideNavSpacer {
    display: flex;
  }
  .at-Layout .at-Layout-main {
    padding-left: 0;
  }
  .at-Layout .at-Layout-main #content-container {
    padding-top: 100px;
  }
}
/* Tower Sub Nav Dropdown */
.at-SettingsSubPane {
  position: relative;
}
.at-SettingsSubPane-content {
  display: none;
  position: absolute;
  background-color: #484848;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  bottom: 0px;
  left: 55px;
  z-index: 2000;
}
.at-Layout-side--expanded + .at-SettingsSubPane .at-SettingsSubPane-content {
  left: 190px;
}
.at-SettingsSubPane-content a {
  color: #ffffff;
  font-size: 13px;
  padding: 10px 20px;
  text-decoration: none;
  display: block;
  height: 39px;
}
.at-SettingsSubPane-content a:hover {
  background-color: #767676;
}
.at-SettingsSubPane.at-SettingsSubPane--visible .at-SettingsSubPane-content {
  display: block;
}
.at-SettingsSubPane.at-SettingsSubPane--visible .nav-button {
  background-color: #767676;
}
.at-List {
  margin-top: 20px;
}
.at-List--empty {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 200px;
  border-radius: 5px;
  border: 1px solid #d7d7d7;
  background-color: #f6f6f6;
  color: #646972;
  text-transform: uppercase;
  text-align: center;
  padding: 10px;
}
.at-List-toolbar {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.at-List--toolbar-padAbove {
  margin-top: 20px;
}
.at-List-search {
  flex: auto;
}
.at-List-toolbarAction {
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-radius: 5px;
  position: relative;
}
.at-List-toolbarActionButton {
  border: none;
  border-radius: 5px;
  min-width: 80px;
}
.at-List-toolbarActionDropdownMenu {
  border-top-right-radius: 0;
  border: 1px solid #d7d7d7;
  float: right;
  left: auto;
  margin: 0;
  right: 0;
}
.at-List-toolbar--attached {
  display: flex;
  justify-content: flex-end;
  border: 1px solid #b7b7b7;
  border-bottom: none;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.at-List-toolbar-item {
  padding: 2px 10px;
  border-left: 1px solid #b7b7b7;
  border-right: 1px solid #b7b7b7;
}
.at-List-toolbar-item:hover {
  cursor: pointer;
  background: #f2f2f2;
}
.at-List-toolbar-item:first-of-type {
  border-right: none;
}
.at-List-toolbar-item:last-of-type {
  border: none;
}
.at-List-toolbar-item:first-child {
  border-left: 1px solid #b7b7b7;
}
.at-List-toolbar-item.active {
  background: #337ab7;
  color: #ffffff;
}
.at-List-container {
  border: 1px solid #b7b7b7;
  border-radius: 5px;
}
.at-List-toolbar--attached + .at-List > .at-List-container {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.at-List-toolbar--attached + .at-List {
  margin-top: 0;
}
.at-Row {
  display: grid;
  grid-template-columns: 10px 1fr;
  overflow: hidden;
}
.at-Row--collapsed {
  max-height: 50px;
}
.at-Row--active {
  border-left: 5px solid #337ab7;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.at-Row--active .at-Row--invalid {
  border-left: #ffffff solid 1px;
}
.at-Row--active .at-Row-content {
  margin-left: -5px;
}
.at-Row ~ .at-Row {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: 1px solid #b7b7b7;
}
.at-Row--invalid {
  align-items: center;
  background: #d9534f;
  display: flex;
  justify-content: center;
}
.at-Row--invalid .at-Popover {
  padding: 0;
}
.at-Row--invalid .at-Popover-icon i {
  color: #ffffff;
}
.at-Row--invalid .at-Popover-icon i:hover {
  color: #ffffff;
}
.at-Row-content {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  grid-column-start: 2;
  padding: 10px 20px 10px 10px;
}
.at-Row-toggle {
  align-self: flex-start;
  margin-right: 20px;
}
.at-Row-actions {
  display: flex;
}
.at-Row-items {
  flex: 1;
}
.at-RowItem {
  align-items: center;
  line-height: 27px;
  word-wrap: break-word;
  word-break: break-all;
  display: block;
  margin-right: 10px;
}
.at-RowItem-status {
  margin-right: 10px;
}
.at-RowItem-status > a {
  cursor: pointer;
}
.at-RowItem--isHeader {
  display: flex;
  color: #707070;
  margin-bottom: 5px;
  line-height: 15px;
}
.at-Row-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.at-Row-container--wrapped {
  display: flex;
  flex-wrap: wrap;
}
.at-RowItem--isHeaderLink {
  color: #337ab7;
  cursor: pointer;
}
.at-RowItem--isHeaderLink:hover {
  color: #286090;
}
.at-RowItem--labels {
  line-height: 17px;
  display: inline-block;
}
.at-RowItem--labels * {
  font-size: 10px;
}
.at-RowItem-header {
  font-weight: bold;
}
.at-RowItem-tagContainer {
  display: inline-block;
  flex-wrap: wrap;
  line-height: initial;
}
.at-RowItem-tag {
  font-weight: 100;
  background-color: #ebebeb;
  border-radius: 5px;
  color: #606060;
  font-size: 10px;
  margin: 5px 20px;
  padding: 3px 9px;
  line-height: 14px;
  word-break: keep-all;
  display: inline-flex;
}
.at-RowItem-tag--primary {
  background: #337ab7;
  color: #ffffff;
}
.at-RowItem-tag--header,
.at-RowItem-tag--secondary {
  line-height: inherit;
}
.at-RowItem-tagIcon {
  margin-right: 8px;
}
.at-RowItem-label {
  display: inline-block;
  text-transform: uppercase;
  color: #646972;
  font-size: 12px;
  margin-right: 10px;
}
.at-RowItem-value {
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
}
.at-RowItem-badge {
  background-color: #646972;
  border-radius: 5px;
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
  height: 14px;
  line-height: 10px;
  margin: 0 10px;
  padding: 2px 10px;
}
.at-RowAction {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  padding: 7px;
  background: #ffffff;
  border-radius: 5px;
  height: 30px;
  width: 30px;
}
.at-RowAction i {
  font-size: 19px;
  color: #646972;
}
.at-RowAction:hover {
  background-color: #337ab7;
}
.at-RowAction:hover i {
  color: #ffffff;
}
.at-RowAction--danger:hover {
  background-color: #d9534f;
}
.at-RowAction--disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.at-Row .at-Row-checkbox {
  align-self: start;
  margin: 2px 20px 0 0;
}
.at-RowItem--inline {
  display: inline-flex;
  margin-right: 20px;
}
.at-RowItem--inline .at-RowItem-label {
  width: auto;
  margin-right: 10px;
}
@media screen and (max-width: 1036px) {
  .at-Row-items--instances {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 700px) {
  .at-Row--collapsed {
    max-height: 60px;
  }
  .at-Row-actions {
    align-items: center;
  }
  .at-RowAction {
    margin: 10px;
  }
  .at-RowItem--inline {
    display: flex;
    margin-right: inherit;
  }
  .at-RowItem--inline .at-RowItem-label {
    width: 120px;
    margin-right: inherit;
  }
}
.at-Modal-body {
  font-size: 12px;
  padding: 20px 0;
}
.at-Modal-dismiss {
  line-height: 0.9;
  font-size: 14px;
  color: #d7d7d7;
  text-align: right;
}
.at-Modal-dismiss > i {
  cursor: pointer;
  transition: color 0.2s;
}
.at-Modal-dismiss > i:hover {
  color: #646972;
}
.at-Modal-heading {
  margin: 0;
  overflow: visible;
}
.at-Modal-heading > .at-Modal-dismiss {
  margin: 0;
}
.at-Modal-title {
  color: #707070;
  font-size: 14px;
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
.at-Panel {
  margin: 20px 0 0 0;
  padding: 20px;
  border-color: #b7b7b7;
}
.at-Panel-heading {
  margin-bottom: 20px;
  padding: 0;
}
.at-Panel-headingRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.at-Panel-dismiss {
  line-height: 0.9;
  color: #d7d7d7;
  text-align: right;
}
.at-Panel-dismiss > i {
  cursor: pointer;
  transition: color 0.2s;
}
.at-Panel-dismiss > i:hover {
  color: #646972;
}
.at-Panel-body {
  margin: 0;
  padding: 0;
}
.at-Panel-headingTitle {
  color: #707070;
  font-size: 14px;
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  text-transform: none;
}
.at-Panel-headingTitleBadge {
  font-size: 11px;
  font-weight: normal;
  padding: 2px 10px;
  line-height: 10px;
  background-color: #646972;
  border-radius: 5px;
  display: inline-block;
  min-width: 10px;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  margin-left: 10px;
  margin-right: auto;
}
.at-Panel-headingTitleBadge--inline {
  margin-right: 10px;
  margin-left: 0;
}
.at-Panel-headingCustomContent {
  display: flex;
  flex: 1;
}
.at-Panel-label {
  text-transform: uppercase;
  color: #606060;
  font-size: 12px;
  font-weight: normal!important;
  width: 30%;
  margin: 10px;
}
@media screen and (max-width: 1200px) {
  .at-Panel-label {
    flex: 2.5 0 auto;
  }
}
.at-Popover {
  padding: 0 0 0 5px;
}
.at-Popover--inline {
  display: inline-block;
}
.at-Popover-icon {
  line-height: 0.9;
  color: #646972;
  font-size: 16px;
  margin: 0;
}
.at-Popover-icon > i {
  cursor: pointer;
  transition: color 0.2s;
}
.at-Popover-icon > i:hover {
  color: #646972;
}
.at-Popover-icon--defaultCursor i {
  cursor: default;
}
.at-Popover-container {
  visibility: hidden;
  opacity: 0;
  color: #ffffff;
  background-color: #707070;
  max-width: 320px;
  padding: 10px;
  height: auto;
  position: fixed;
  z-index: 2000;
  margin: 0;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  transition: opacity .15s linear;
  font-weight: 400;
}
.at-Popover-arrow {
  color: #707070;
  position: fixed;
  z-index: 1999;
  padding: 0;
  margin: 0;
}
.at-Popover-title {
  color: #707070;
  font-size: 14px;
  font-weight: 700;
  line-height: 0.9;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: #ffffff;
  margin-bottom: 10px;
}
.at-Popover-text {
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.at-Relaunch {
  margin-left: 15px;
}
.at-Relaunch--button {
  font-size: 16px;
  height: 30px;
  min-width: 30px;
  color: #646972;
  background-color: inherit;
  border: none;
  border-radius: 4px;
}
.at-Relaunch--button:hover {
  background-color: #337ab7;
  color: white;
}
.at-Relaunch--dropdownTitle {
  color: #707070;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 3px 10px;
}
.at-Relaunch--dropdownOptions i {
  padding-right: 5px;
}
.at-Relaunch--dropdownOptions a:hover {
  cursor: pointer;
}
.open .at-Relaunch--button {
  background-color: #337ab7;
  color: white;
}
.at-Tab {
  margin: 0 15px 0 0;
  font-size: 14px;
  line-height: 1;
}
.at-Tab--active,
.at-Tab--active:hover,
.at-Tab--active:active,
.at-Tab--active:focus {
  color: #ffffff;
  background-color: #646972;
  border-color: #646972;
  cursor: default;
}
.at-Tab--disabled,
.at-Tab--disabled:hover,
.at-Tab--disabled:active,
.at-Tab--disabled:focus {
  background-color: #ffffff;
  color: #707070;
  border-color: #b7b7b7;
  opacity: 0.65;
  cursor: not-allowed;
}
.at-TabGroup--padBelow {
  margin-bottom: 20px;
}
.TagComponent {
  color: #ffffff;
  cursor: default;
  background: #337ab7;
  border-radius: 5px;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-content: center;
  min-height: 20px;
  overflow: hidden;
  max-width: 200px;
  margin: 5px 0;
}
.TagComponent:last-of-type {
  margin-right: 20px;
}
.TagComponent-name {
  color: #ffffff;
  margin: 2px 10px;
  align-self: center;
  word-break: break-word;
}
.TagComponent-name:hover,
.TagComponent-name:focus {
  color: #ffffff;
}
.TagComponent-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 20px;
  margin-left: 10px;
}
.TagComponent-icon--cloud:before,
.TagComponent-icon--aws:before,
.TagComponent-icon--tower:before,
.TagComponent-icon--azure_rm:before {
  content: '\F0C2';
}
.TagComponent-icon--insights:before {
  content: '\F129';
}
.TagComponent-icon--net:before {
  content: '\F0E8';
}
.TagComponent-icon--scm:before {
  content: '\F126';
}
.TagComponent-icon--ssh:before {
  content: '\F084';
}
.TagComponent-icon--vault:before {
  content: '\F187';
}
.TagComponent-button {
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.TagComponent-button:hover {
  cursor: pointer;
  border-color: #d9534f;
  background-color: #d9534f;
}
.ToggleComponent-wrapper {
  line-height: initial;
}
.ToggleComponent-container {
  display: flex;
  flex-wrap: wrap;
}
.ToggleComponent-button {
  border: none;
  background: transparent;
  color: #337ab7;
  font-size: 12px;
}
.ToggleComponent-button:hover {
  color: #286090;
}
.at-Truncate {
  display: inline-block;
}
.at-Truncate .at-Truncate-text {
  font-family: monospace, Courier, "Courier New", "Open Sans", sans-serif;
}
.at-Truncate .at-Truncate-tag {
  display: inherit;
}
.at-Truncate .at-Truncate-copy {
  color: #b7b7b7;
  cursor: pointer;
  margin: 0 20px 0 0;
  display: inherit;
}
.at-Truncate .at-Truncate-copy i:hover {
  color: #337ab7;
}
.at-Truncate .at-Truncate-textarea {
  background: transparent;
  border: none;
  box-shadow: none;
  height: 2em;
  left: 0px;
  outline: none;
  padding: 0px;
  position: fixed;
  top: 0px;
  width: 2em;
}
.at-Divider {
  clear: both;
  margin: 0;
  padding: 0;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.atCodeMirror-label {
  display: flex;
  width: 100%;
  margin-bottom: 5px;
}
.atCodeMirror-labelLeftSide {
  flex: 1 0 auto;
}
.atCodeMirror-labelRightSide {
  display: flex;
  align-items: center;
}
.atCodeMirror-labelText {
  text-transform: uppercase;
  color: #707070;
  font-weight: normal;
  font-size: small;
  padding-right: 5px;
  width: 100%;
}
.atCodeMirror-toggleContainer {
  margin: 0 0 0 10px;
  display: initial;
  padding-bottom: 5px;
}
.atCodeMirror-expandTextContainer {
  flex: 1 0 auto;
  text-align: right;
  font-weight: normal;
  color: #337AB7;
  cursor: pointer;
  font-size: 12px;
}
.CodeMirror-modal .modal-dialog {
  width: calc(100% - 200px);
  height: calc(100vh - 80px);
}
@media screen and (min-width: 768px) {
  .NetworkingExtraVars .modal-dialog {
    width: 700px;
  }
}
.CodeMirror-modal .modal-dialog {
  width: calc(100% - 200px);
  height: calc(100vh - 80px);
}
.CodeMirror-modal .modal-content {
  height: 100%;
}
.NetworkingExtraVars .CodeMirror {
  overflow-x: hidden;
}
.CodeMirror-modalControls {
  float: right;
  margin-top: 15px;
}
.CodeMirror-modalControls button {
  margin-left: 10px;
}
.atCodeMirror-badge {
  display: initial;
  margin-right: 20px;
}
/* Cards Group */
.at-CardContainer {
  padding: 20px;
}
.at-CardGroup {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 20px;
}
/* Card */
.at-Card {
  min-height: 103px;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #ffffff;
  text-decoration: none;
  text-align: center;
  padding: 20px;
  border-left: 3px solid #ffffff;
  border-radius: 2px;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.at-Card:hover {
  background-color: #fcfcfc;
  border-left: 3px solid #337ab7;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.at-Card-title {
  font-size: 14px;
  color: #707070;
  font-weight: bold;
  line-height: 14px;
}
.at-Card-text {
  font-size: 12px;
  color: #161b1f;
}
/* Spacers */
.at-Card--spacer {
  min-height: 15px;
}
.PortalMode-container {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 900px) {
  .PortalMode-container {
    flex-direction: column;
    height: 100%;
  }
}
.PortalMode-panel--left {
  flex: 1 1;
  height: 100%;
  width: 100%;
  max-width: 50%;
  margin-right: 20px;
}
@media screen and (max-width: 900px) {
  .PortalMode-panel--left {
    max-width: 100%;
    margin-right: 0px;
    height: inherit;
  }
}
.PortalMode-panel--right {
  flex: 1 1;
  height: 100%;
  width: 100%;
  max-width: 50%;
  margin-right: 0px;
}
@media screen and (max-width: 900px) {
  .PortalMode-panel--right {
    max-width: 100%;
    height: inherit;
  }
}
.PortalMode-panel--right .List-tableHeader:last-of-type {
  text-align: left;
}
.PortalMode-panel .List-header {
  height: 14px;
  margin-bottom: 20px;
}
.PortalMode-panelHeader {
  color: #606060;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  display: flex;
}
.PortalMode-headerContainer {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.PortalMode-headerContainer .at-Panel-heading {
  margin-bottom: 0;
}
.PortalMode-headerContainer .FormToggle-container {
  padding-bottom: 0;
}
.PortalMode-filterHolder {
  position: absolute;
  right: 1px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.PortalMode-filterHolder .btn.btn-xs {
  padding: 1px 10px;
}
.PortalMode-filterButton--edges:first-child {
  border-right: none;
}
.PortalMode-filterButton--edges:last-child {
  border-left: none;
}
.PortalMode-refresh {
  margin-left: 10px;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
@media screen and (min-width: 768px) {
  .HostEvent .modal-dialog {
    width: 700px;
  }
}
.HostEvent .CodeMirror {
  overflow-x: hidden;
  max-height: none!important;
}
.HostEvent-close:hover {
  color: #606060;
  background-color: #f2f2f2;
}
.HostEvent-body {
  margin-bottom: 20px;
}
.HostEvent-tab {
  color: #606060;
  background-color: #FFFFFF;
  font-size: 12px;
  border: 1px solid #B7B7B7;
  height: 30px;
  border-radius: 5px;
  margin-right: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  transition: background-color 0.2s;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  not supported by any browser */
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.HostEvent-tab:hover {
  color: #606060;
  background-color: #f2f2f2;
  cursor: pointer;
}
.HostEvent-tab--selected {
  color: #FFFFFF !important;
  background-color: #646972 !important;
  border-color: #646972 !important;
}
.HostEvent-view--container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.HostEvent .modal-footer {
  border: 0;
  margin-top: 0px;
  padding-top: 5px;
}
.HostEvent-controls {
  float: right;
}
.HostEvent-controls button {
  margin-left: 10px;
}
.HostEvent-status--ok {
  color: #5CB85C;
}
.HostEvent-status--unreachable {
  color: #FF0000;
}
.HostEvent-status--changed {
  color: #FF9900;
}
.HostEvent-status--failed {
  color: #D9534F;
}
.HostEvent-status--skipped {
  color: #2dbaba;
}
.HostEvent-header {
  padding-bottom: 15px;
}
.HostEvent-title {
  color: #606060;
  font-weight: 600;
  margin-bottom: 8px;
}
.HostEvent .modal-body {
  padding: 0px!important;
  overflow-y: auto;
}
.HostEvent-nav {
  padding-top: 12px;
  padding-bottom: 20px;
}
.HostEvent-field {
  margin-bottom: 8px;
  flex: 0 1 12em;
}
.HostEvent-field--label {
  text-transform: uppercase;
  flex: 0 1 80px;
  max-width: 80px;
  min-width: 80px;
  font-size: 12px;
  word-wrap: break-word;
}
.HostEvent-field {
  display: flex;
}
.HostEvent-field--content {
  word-wrap: break-word;
}
.HostEvent-field--monospaceContent {
  font-family: monospace;
}
.HostEvent-button:disabled {
  pointer-events: all!important;
}
.HostEvent-stdout {
  height: 200px;
  width: 100%;
}
.HostEvent-stdoutContainer {
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-style: normal;
  background-color: #F6F6F6;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.HostEvent-numberColumnPreload {
  background-color: #EBEBEB;
  height: 198px;
  border-right: 1px solid #ccc;
  width: 30px;
  position: fixed;
}
.HostEvent-numberColumn {
  background-color: #EBEBEB;
  border-right: 1px solid #ccc;
  border-bottom-left-radius: 5px;
  color: #999;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  position: fixed;
  padding: 4px 3px 0 5px;
  text-align: right;
  white-space: nowrap;
  width: 30px;
}
.HostEvent-numberColumn--second {
  padding-top: 0px;
}
.HostEvent-stdoutColumn {
  overflow-y: hidden;
  overflow-x: auto;
  margin-left: 46px;
  padding-top: 4px;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
.HostEvent-noJson {
  align-items: center;
  background-color: #F6F6F6;
  border: 1px solid #D7D7D7;
  border-radius: 5px;
  color: #B7B7B7;
  display: flex;
  height: 200px;
  justify-content: center;
  text-transform: uppercase;
  width: 100%;
}
.at-Stdout {
  /* The ng-transclude tag that gets injected as a part of at-Panel was throwing off the height
    of the panel after Bootstrap's move to display: flex.  This seemed like the most concise fix*/
}
.at-Stdout-menuTop {
  color: #646972;
  border: 1px solid #b7b7b7;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: none;
  margin-top: 15px;
}
.at-Stdout-menuTop > div {
  user-select: none;
}
.at-Stdout-menuIconGroup > p {
  margin: 0;
}
.at-Stdout-menuIconGroup > p:first-child {
  font-size: 20px;
  margin-right: 8px;
}
.at-Stdout-menuIconGroup > p:last-child {
  margin-top: 9px;
}
.at-Stdout-menuIcon {
  font-size: 12px;
  padding: 10px;
  cursor: pointer;
}
.at-Stdout-menuIcon:hover {
  color: #337ab7;
}
.at-Stdout-menuIcon--md {
  font-size: 14px;
  padding: 10px;
  cursor: pointer;
}
.at-Stdout-menuIcon--md:hover {
  color: #337ab7;
}
.at-Stdout-menuIcon--lg {
  font-size: 22px;
  line-height: 12px;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
}
.at-Stdout-menuIcon--lg:hover {
  color: #337ab7;
}
.at-Stdout-menuIcon--active {
  font-size: 22px;
  line-height: 12px;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
  color: #337ab7;
}
.at-Stdout-row {
  display: flex;
}
.at-Stdout-row:hover {
  background-color: white;
}
.at-Stdout-row:hover div {
  background-color: white;
}
.at-Stdout-row--clickable {
  cursor: pointer;
}
.at-Stdout-toggle {
  background-color: #ebebeb;
  color: #646972;
  display: flex;
  flex: 0 0 30px;
  font-size: 18px;
  justify-content: center;
  line-height: 12px;
  user-select: none;
}
.at-Stdout-toggle > i {
  cursor: pointer;
}
.at-Stdout-line {
  color: #161b1f;
  background-color: #ebebeb;
  flex: 0 0 45px;
  text-align: right;
  vertical-align: top;
  padding-right: 5px;
  border-right: 1px solid #b7b7b7;
  user-select: none;
}
.at-Stdout-line--clickable {
  cursor: pointer;
}
.at-Stdout-event {
  padding: 0 10px;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
.at-Stdout-time {
  padding-right: 2ch;
  font-size: 12px;
  text-align: right;
  user-select: none;
  width: 11ch;
}
.at-Stdout-time > span {
  background-color: white;
  border-radius: 4px;
  padding: 1px 2px;
}
.at-Stdout-wrapper {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.at-Stdout-container {
  background-color: #f2f2f2;
  border-radius: 0 0 4px 4px;
  border: 1px solid #b7b7b7;
  color: #161b1f;
  display: flex;
  flex-direction: column;
  flex: 1;
  font-family: monospace;
  font-size: 15px;
  height: 100%;
  margin: 0;
  overflow-y: scroll;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  .at-Stdout-container {
    max-height: calc(70vh);
  }
}
.at-Stdout-borderHeader {
  background-color: #ebebeb;
  border-right: 1px solid #b7b7b7;
  width: 75px;
  height: 10px;
}
.at-Stdout-borderFooter {
  background-color: #ebebeb;
  border-right: 1px solid #b7b7b7;
  width: 75px;
  flex: 1;
}
.at-Stdout--fullscreen {
  grid-column-start: 1;
  grid-column-end: 3;
}
.at-Stdout ng-transclude {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.jobz-searchKeyPaneContainer {
  margin-top: 10px;
  margin-bottom: 15px;
}
.jobz-searchKeyPane {
  background-color: #F6F6F6;
  color: #707070;
  border-radius: 5px;
  border: 1px solid #b7b7b7;
  padding: 6px 10px 6px 10px;
}
.jobz-searchClearAllContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.jobz-searchClearAll {
  font-size: 10px;
}
.jobz-Button-searchKey {
  border-radius: 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1;
  background-color: #337ab7;
  border-color: at-color-button-border-default;
  color: #ffffff;
}
.jobz-Button-searchKey:hover,
.jobz-Button-searchKey:active {
  color: #ffffff;
  background-color: #286090;
  box-shadow: none;
}
.jobz-Button-searchKey:focus {
  color: #ffffff;
}
.jobz-tagz {
  margin-top: 5px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-left: -5px;
}
.HostStatusBar {
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 15px;
}
.HostStatusBar-ok,
.HostStatusBar-changed,
.HostStatusBar-dark,
.HostStatusBar-failures,
.HostStatusBar-skipped,
.HostStatusBar-noData {
  height: 15px;
  border-top: 5px solid #FFFFFF;
  border-bottom: 5px solid #FFFFFF;
}
.HostStatusBar-ok {
  background-color: #5CB85C;
  display: flex;
  flex: 0 0 auto;
}
.HostStatusBar-changed {
  background-color: #F0AD4E;
  flex: 0 0 auto;
}
.HostStatusBar-dark {
  background-color: #FF0000;
  flex: 0 0 auto;
}
.HostStatusBar-failures {
  background-color: #D9534F;
  flex: 0 0 auto;
}
.HostStatusBar-skipped {
  background-color: #337AB7;
  flex: 0 0 auto;
}
.HostStatusBar-noData {
  background-color: #D7D7D7;
  flex: 1 0 auto;
}
.HostStatusBar-tooltipLabel {
  text-transform: uppercase;
  margin-right: 15px;
}
.HostStatusBar-tooltipBadge {
  border-radius: 5px;
  border: 1px solid #FFFFFF;
}
.HostStatusBar-tooltipBadge--ok {
  background-color: #5CB85C;
}
.HostStatusBar-tooltipBadge--dark {
  background-color: #FF0000;
}
.HostStatusBar-tooltipBadge--skipped {
  background-color: #337AB7;
}
.HostStatusBar-tooltipBadge--changed {
  background-color: #F0AD4E;
}
.HostStatusBar-tooltipBadge--failures {
  background-color: #D9534F;
}
.HostStatusBar-tooltip.top {
  margin-top: 4px;
}
.JobResults-container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: minmax(400px, 1fr) minmax(500px, 2fr);
  grid-template-rows: minmax(500px, calc(100vh - 130px));
}
.JobResults-container .at-Panel {
  min-width: 0;
  overflow-y: auto;
}
.JobResults-detailsPanel {
  display: flex;
  flex-direction: column;
}
.JobResults-panelHeader {
  display: flex;
  height: 30px;
}
.JobResults-panelHeaderText {
  color: #606060;
  flex: 1 0 auto;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
}
.JobResults-panelHeaderButtonActions {
  display: flex;
}
.JobResults-resultRow {
  width: 100%;
  display: flex;
  padding-bottom: 10px;
  flex-wrap: wrap;
}
.JobResults-resultRow div[id$='variables-container'] {
  width: 100%;
}
.JobResults-resultRowLabel {
  text-transform: uppercase;
  color: #606060;
  font-size: 12px;
  font-weight: normal!important;
  width: 30%;
  margin-right: 20px;
}
@media screen and (max-width: 1200px) {
  .JobResults-resultRowLabel {
    flex: 2.5 0 auto;
  }
}
.JobResults-resultRowLabel--fullWidth {
  width: 100%;
  margin-right: 0px;
}
.JobResults-resultRowText {
  display: flex;
  flex-flow: row wrap;
  width: calc(70% - 20px);
  flex: 1 0 auto;
  text-transform: none;
  word-wrap: break-word;
}
.JobResults-resultRowText--fullWidth {
  width: 100%;
}
.JobResults-expandArrow {
  color: #D7D7D7;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
  margin-left: 10px;
}
.JobResults-resultRowText--instanceGroup {
  display: flex;
}
.JobResults-isolatedBadge {
  align-items: center;
  background-color: #EBEBEB;
  border-radius: 5px;
  color: #707070;
  display: flex;
  font-size: 10px;
  height: 16px;
  margin: 3px 0 0 10px;
  padding: 0 10px;
  text-transform: uppercase;
}
.JobResults-statusResultIcon {
  padding-left: 0px;
  padding-right: 10px;
}
.StandardOut-panelHeader {
  flex: initial;
}
.JobResults-seeMoreLess {
  color: #337AB7;
  margin: 4px 0px;
  text-transform: uppercase;
  padding: 2px 0px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 11px;
}
@media screen and (max-width: 1200px) {
  .JobResults-container {
    display: flex;
    flex-direction: column;
    min-width: 400px;
  }
}
/** @define Popup Modal after create new token and applicaiton and save form */
.PopupModal {
  display: flex;
}
.PopupModal-label {
  font-weight: bold;
  width: 130px;
}
.PopupModal-value {
  width: 70%;
}
/*
 * Resets
 *
 * NOTE: In some cases, the legacy classes override dependency styles explicitly. In those cases,
 * it's necessary to override the overrides. This particular file will only be relevant during
 * the transition.
 */
.at-Panel-heading:hover {
  cursor: default;
}