a.navbar-header-logo {
  min-width: 100px;
  margin: 0 10px 0 0;
  background: url("/assets/img/inprod_logo.png") no-repeat center center;
  background-size: 90%;
  height: 41px; }

.navbar-custom {
  z-index: 1200;
  margin-bottom: 15px;
  min-height: 44px;
  box-shadow: rgba(0, 0, 0, 0.0745098) 1px 0px 1px 0px; }
  .navbar-custom .container {
    display: flex; }
  .navbar-custom ul.nav.navbar-nav li.divider {
    margin: 5px 0 4px 0; }
  .navbar-custom ul.nav.navbar-nav > li > a.active {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-custom .nav-route-nav {
    margin-right: 0px;
    margin-left: 0px; }
  .navbar-custom .nav-environment-nav {
    margin-right: 0px;
    margin-left: 0px; }
  .navbar-custom .navbar-text {
    margin-top: 12px; }
  .navbar-custom .navbar-nav > li > a {
    padding: 13px 15px;
    display: block;
    color: #777;
    text-decoration: none; }
    .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
      background: #e7e7e7;
      color: #777; }
  .navbar-custom .env-selector {
    width: 170px;
    margin-top: 5px; }

.lookup-disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.65; }

ul#nav-list {
  text-align: center;
  margin-top: -5px; }
  ul#nav-list li {
    float: none;
    display: inline-block;
    text-align: center;
    list-style: none; }
  ul#nav-list a {
    display: block;
    padding: 10px 12px;
    margin: -10px 0 0 0;
    text-decoration: none; }
    ul#nav-list a:hover, ul#nav-list a:focus {
      background: #e7e7e7; }

.subRouteActive {
  background: #e7e7e7; }

.table-pagination .page-group {
  display: inline-table;
  max-width: 150px;
  margin-left: 15px; }

.fix-to-top .content.sticky, .fix-to-top--xs .content.sticky {
  position: fixed;
  top: 0; }

@media (max-width: 1200px) {
  .fix-to-top--lg .content.sticky {
    position: static;
    top: auto; } }

@media (max-width: 992px) {
  .fix-to-top--md .content.sticky {
    position: static;
    top: auto; } }

@media (max-width: 768px) {
  .fix-to-top--sm .content.sticky {
    position: static;
    top: auto; } }

loading-spinner, .loading-spinner {
  z-index: 1100;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  display: block;
  position: relative; }
  loading-spinner .overlay, .loading-spinner .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #333;
    opacity: .6; }
  loading-spinner .preloader-text, .loading-spinner .preloader-text {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 36px;
    margin-left: -100px;
    width: 200px;
    text-align: center;
    color: white; }
  loading-spinner .preloader-wrapper, .loading-spinner .preloader-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -18px; }
    loading-spinner .preloader-wrapper .spinner-layer, .loading-spinner .preloader-wrapper .spinner-layer {
      border-color: white; }
  loading-spinner.blue .spinner-layer, .loading-spinner.blue .spinner-layer {
    border-color: #337AB7; }
  loading-spinner.blue .preloader-text, .loading-spinner.blue .preloader-text {
    color: #2E6DA4; }
  loading-spinner.blue .overlay, .loading-spinner.blue .overlay {
    background: white; }
  loading-spinner.fixed, .loading-spinner.fixed {
    position: fixed !important; }
  loading-spinner.cover, .loading-spinner.cover {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: auto;
    height: auto;
    margin: none; }

.tag-list-input .tag-list-items {
  margin-bottom: 5px; }
  .tag-list-input .tag-list-items .tag-item {
    display: inline-block;
    margin: 2px 4px 2px 0;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: normal; }
    .tag-list-input .tag-list-items .tag-item.label {
      font-size: 90%; }
    .tag-list-input .tag-list-items .tag-item .tag-remove {
      margin-left: 5px;
      cursor: pointer;
      color: #fff;
      text-decoration: none;
      font-weight: bold; }
      .tag-list-input .tag-list-items .tag-item .tag-remove:hover {
        color: #ff6b6b; }

.tag-list-input .tag-list-add {
  display: flex;
  align-items: center;
  gap: 5px; }
  .tag-list-input .tag-list-add .tag-input {
    max-width: 250px; }

.index-page {
  position: relative;
  margin-bottom: 100px; }
  .index-page h3 {
    display: inline-block; }
    .index-page h3 .label {
      font-size: 14px;
      font-weight: 200; }
  .index-page .chart-row {
    position: relative;
    background-color: white; }
    .index-page .chart-row .pie-chart-container {
      background-color: white; }
    .index-page .chart-row .line-chart {
      background-color: white; }
    .index-page .chart-row div.no-data-label {
      transform: none;
      margin-left: -279px;
      top: 50px; }
  .index-page .no-data-ovelay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .index-page .no-data-ovelay .no-data-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #fff;
      opacity: .6; }
    .index-page .no-data-ovelay .no-data-label {
      font-size: 20px;
      position: absolute;
      transform: translateX(-50%);
      top: 200px; }

.environment .button-group {
  width: 70%;
  margin: auto; }

.environment .table-space {
  height: 14px; }

.environment .cyara-configuration {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px; }
  .environment .cyara-configuration h2 {
    margin: 0; }

table.cyara-table {
  margin-top: 30px;
  width: 80%; }
  table.cyara-table tr {
    height: 50px; }
    table.cyara-table tr td {
      width: 50%;
      text-align: right; }
    table.cyara-table tr th {
      width: 50%; }
    table.cyara-table tr .center {
      text-align: center; }

.enabled-cell {
  padding-top: 17px; }
  .enabled-cell .enabled-cell-icon {
    top: 11px;
    position: relative; }
  .enabled-cell .estimated-time {
    width: 333px;
    position: relative;
    right: 168px;
    border-top: solid 1.5px;
    margin-top: 13px;
    font-size: 14px;
    font-weight: 500;
    text-align: center; }
    .enabled-cell .estimated-time .header {
      margin-right: 20px; }

.edit-only-actions {
  display: flex;
  justify-content: right;
  margin-top: 20px;
  margin-bottom: 20px; }

.enabled-cell.enabled-cell-default {
  padding-top: 0px; }

.ember-light-table thead .lt-column {
  border-bottom: 2px solid #dadada;
  font-size: 14px;
  font-weight: 600;
  padding: 5px; }
  .ember-light-table thead .lt-column .glyphicon {
    font-size: 12px;
    font-weight: 100; }

.change-detection-interval-input {
  gap: 45px;
  display: flex;
  align-items: center; }
  .change-detection-interval-input button.btn.btn-default.btn-sm {
    color: black; }

.inline-group {
  display: inline-flex; }
  .inline-group:after {
    content: "";
    transition: opacity 1s linear 0s;
    -webkit-transition: opacity 1s linear 0s; }
  .inline-group.has-saved:after {
    opacity: 0;
    font-family: "Glyphicons Halflings";
    color: green;
    content: "\e013"; }
  .inline-group .value-edit {
    display: inline-flex; }
    .inline-group .value-edit > div {
      min-width: 150px; }
  .inline-group .input-group-btn {
    display: block; }
  .inline-group:hover .value-display button {
    color: #ccc; }
    .inline-group:hover .value-display button:active, .inline-group:hover .value-display button:focus {
      color: #ccc; }
    .inline-group:hover .value-display button:hover, .inline-group:hover .value-display button:hover:active {
      color: #333333; }
  .inline-group .value-display {
    word-wrap: break-word; }
    .inline-group .value-display button {
      border: none;
      background-color: transparent;
      color: #f2f2f2; }
      .inline-group .value-display button:active, .inline-group .value-display button:focus {
        color: #ccc; }
      .inline-group .value-display button:hover, .inline-group .value-display button:hover:active {
        color: #333333; }
      .inline-group .value-display button:hover, .inline-group .value-display button:active, .inline-group .value-display button:focus {
        background-color: transparent;
        border-color: transparent;
        outline: none; }
  .inline-group .spinner-parent {
    display: flex;
    align-items: center; }
  .inline-group .spinner, .inline-group .spinner--center {
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-left: 14px;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

table.details-table {
  margin: auto;
  margin-bottom: 30px; }
  table.details-table tr {
    height: 34px; }
    table.details-table tr td {
      width: 70%; }
    table.details-table tr th {
      width: 30%; }
    table.details-table tr .center {
      text-align: center; }

.raw-key-modal-body {
  min-width: 450px; }

.raw-key-display {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 12px;
  margin: 10px 0;
  word-break: break-all; }
  .raw-key-display .raw-key-value {
    font-size: 13px;
    color: #333;
    user-select: all; }

.api-key-permissions-table {
  margin-top: 10px; }

.admin-page {
  padding-left: 0px; }
  .admin-page table.table.no-item {
    position: relative;
    min-height: 300px; }
  .admin-page table.table tr {
    cursor: pointer;
    height: 40px; }
  .admin-page table.table table tbody {
    position: relative;
    min-height: 200px; }

table.table-info tr > td {
  text-align: center;
  border-top: none; }

table.table-info tr > th {
  border-top: none; }

ul.nav-pills li a {
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 14px;
  margin-right: 1px;
  letter-spacing: 1px; }

ul.nav-tabs-custom {
  display: inline-block; }
  ul.nav-tabs-custom li {
    margin: 0px;
    padding-top: 2px;
    padding-left: 2px;
    width: 50%; }

.permission-table {
  margin-top: 10px; }
  .permission-table input[type="checkbox"] {
    display: inline-block; }
  .permission-table.table-small {
    width: 400px;
    margin: 10px auto; }
  .permission-table > tbody .heading {
    text-align: center;
    background-color: #f5f5f5;
    padding: 7px; }
  .permission-table > tbody .sub-heading {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px; }
  .permission-table > thead > tr > th {
    text-align: center; }
  .permission-table > thead > tr > th.small-width {
    width: 1px; }
  .permission-table > tbody > tr > td,
  .permission-table > tbody > tr > th {
    padding: 6px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    text-align: center; }

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: none; }

.cyara-header {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  border: 1px solid #bce8f1;
  background-color: #f6fbfd;
  min-height: 40px;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  flex-align: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: start;
  flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: relative; }

.cyara-header-title {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  flex-align: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: start;
  flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 230px;
  text-align: left; }
  .cyara-header-title h3 {
    font-size: 14px;
    padding: 0px 10px;
    margin: 0px;
    font-weight: bold; }

.cyara-header-tools {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 320px;
  text-align: right; }

.cyara-content {
  padding-top: 10px;
  border: 1px solid #d3d3d3;
  border-top: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

.flex-container {
  display: flex; }

.inline-editable-dropdown:after {
  content: "";
  transition: opacity 1s linear 0s;
  -webkit-transition: opacity 1s linear 0s; }

.inline-editable-dropdown.has-saved:after {
  opacity: 0;
  position: relative;
  left: 10px;
  bottom: 7px;
  font-family: "Glyphicons Halflings";
  color: green;
  content: "\e013"; }

.change-data-grid .page-group {
  display: inline-table;
  max-width: 150px;
  margin-left: 15px; }

canvas {
  padding: 0;
  margin: auto;
  display: block; }

.report-page {
  margin-top: 30px;
  margin-bottom: 100px; }
  .report-page .btn-group .btn:focus.active {
    background-color: #e6e6e6;
    border-color: #adadad;
    outline: none; }
  .report-page .btn-group .btn:focus {
    outline: none; }
  .report-page .btn-group .btn:focus:not(.active) {
    border-color: #ccc;
    background-color: transparent; }

hr {
  margin-top: 10px;
  margin-bottom: 15px; }

.report-page .range-picker-block {
  height: 70px;
  margin-bottom: 10px; }

.report-page .title-row {
  margin: 0 0 5px 0; }
  .report-page .title-row .title {
    font-size: 20px; }
  .report-page .title-row .btns .btn {
    margin-left: 5px; }

.report-page .info-label {
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400; }

.report-page .table-result {
  margin-top: 8px; }

.report-page .form-group {
  margin-bottom: 5px; }

.report-page .header-block {
  margin-bottom: 10px; }

.report-page .info-block {
  margin: 10px 0 0 0; }
  .report-page .info-block .date {
    width: 180px;
    float: right; }

.report-page .time-bar-graph-wrapper {
  padding-left: 10px; }

.container.change-sets {
  width: 95vw; }
  .container.change-sets .filter-environment {
    display: flex;
    float: right; }

.change-sets-folder {
  padding-top: 13px; }
  .change-sets-folder .ember-view .modal-header {
    padding-top: 18px;
    padding-bottom: 12px; }

.csa-action-container {
  margin: 0 auto;
  width: 100%; }

.csa-action {
  padding: 10px 0px;
  min-height: 50px;
  width: 100%;
  transition-duration: 600ms;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: stretch;
  flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align-items: stretch;
  -ms-align-items: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -ms-flex-pack: start;
  flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row; }
  .csa-action > .csa-dragger {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    flex-align: center;
    -webkit-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-flex-direction: row;
    -moz-box-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    width: 50px;
    height: 40px; }
    .csa-action > .csa-dragger > .btn {
      cursor: -webkit-grab; }
  .csa-action > .csa-content {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto; }
  .csa-action > .csa-right-toolbar {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    flex-align: center;
    -webkit-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-flex-direction: row;
    -moz-box-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    height: 40px; }
  .csa-action > .csa-dragger > .btn,
  .csa-action > .csa-right-toolbar > .btn {
    color: #ccc;
    display: inline-block; }

.csa-draggable-target {
  height: 100%;
  position: absolute;
  width: 30%;
  z-index: 1; }
  .csa-draggable-target > span {
    align-items: center;
    background: gray;
    border: 1px dashed white;
    color: white;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%; }

.csa-action.is-editing .csa-content .csa-header {
  transition: box-shadow .15s ease-in-out;
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }

.csa-action:not(.is-editing) .csa-content .csa-header {
  transition: box-shadow .35s ease-in-out; }

.csa-action.is-dragging {
  z-index: 1050;
  position: relative;
  transition: transform 0s; }
  .csa-action.is-dragging .csa-content {
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); }

.csa-action:hover > .csa-dragger > .btn,
.csa-action:hover > .csa-right-toolbar > .btn {
  display: inline-block; }
  .csa-action:hover > .csa-dragger > .btn:hover,
  .csa-action:hover > .csa-right-toolbar > .btn:hover {
    color: #333333; }

.csa-action:not(.is-dragging) {
  transition: transform .35s ease-in-out; }

.csa-action .csa-content {
  transition: box-shadow .35s ease-in-out; }

.csa-action.is-dragging {
  transition: transform 0s; }

.csa-action.is-dragging .csa-content {
  transition: box-shadow .15s ease-in-out, transform 0s; }

.csa-action:not(:hover) > .csa-dragger > .btn,
.csa-action.is-editing > .csa-dragger > .btn {
  transform: translateX(100px);
  opacity: 0;
  transition: transform .35s ease-in-out, opacity .15s ease-in-out; }

.csa-action:not(:hover) > .csa-right-toolbar > .btn,
.csa-action.is-editing > .csa-right-toolbar > .btn {
  transform: translateX(-100px);
  opacity: 0;
  transition: transform .35s ease-in-out, opacity .15s ease-in-out; }

.csa-action:not(.is-editing):hover > .csa-dragger > .btn,
.csa-action:not(.is-editing) > .csa-dragger > .btn:focus {
  transform: translateX(0px);
  opacity: 1;
  transition: transform .15s ease-in-out, opacity .25s ease-in-out; }

.csa-action:not(.is-editing):hover > .csa-right-toolbar > .btn,
.csa-action:not(.is-editing) > .csa-right-toolbar > .btn:focus {
  transform: translateX(0px);
  opacity: 1;
  transition: transform .15s ease-in-out, opacity .25s ease-in-out; }

.csa-action > .csa-content > .csa-header {
  min-height: 40px;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  flex-align: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: start;
  flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: relative; }
  .csa-action > .csa-content > .csa-header .ui.floating.label.action.validation-badge {
    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);
    left: 0;
    font-size: 1rem; }
  .csa-action > .csa-content > .csa-header > .csa-header-title {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    flex-align: center;
    -webkit-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: start;
    flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-flex-direction: row;
    -moz-box-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 230px;
    text-align: left; }
    .csa-action > .csa-content > .csa-header > .csa-header-title h3 {
      font-size: 14px;
      padding: 0px 10px;
      margin: 0px; }
    .csa-action > .csa-content > .csa-header > .csa-header-title .csa-img {
      background: url("/assets/img/genesys_logo.png") no-repeat center center;
      background-size: 250%;
      width: 30px;
      height: 40px;
      margin-left: 4px; }
    .csa-action > .csa-content > .csa-header > .csa-header-title .csa-img-email {
      background: url("/assets/img/email.png") no-repeat center center;
      background-size: 90%;
      width: 30px;
      height: 40px;
      margin-left: 4px; }
    .csa-action > .csa-content > .csa-header > .csa-header-title .csa-img-generic-api {
      background: url("/assets/img/settings.png") no-repeat center center;
      background-size: 85%;
      width: 30px;
      height: 40px;
      margin-left: 4px; }
    .csa-action > .csa-content > .csa-header > .csa-header-title .csa-img-ansible {
      background: url("/assets/img/ansible_logo.png") no-repeat center center;
      background-size: 90%;
      width: 30px;
      height: 40px;
      margin-left: 4px; }
    .csa-action > .csa-content > .csa-header > .csa-header-title .csa-img-cyara {
      background: url("/assets/img/cyara_logo.png") no-repeat center center;
      background-size: 100%;
      width: 30px;
      height: 40px;
      margin-left: 4px; }
    .csa-action > .csa-content > .csa-header > .csa-header-title .csa-img-comment {
      background: url("/assets/img/comment.png") no-repeat center center;
      background-size: 100%;
      width: 24px;
      height: 32px;
      margin-left: 4px; }
  .csa-action > .csa-content > .csa-header > .csa-header-label {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    user-select: none;
    -webkit-user-select: none;
    text-align: center; }
  .csa-action > .csa-content > .csa-header > .csa-header-tools {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 120px;
    text-align: right; }

.csa-action > .csa-content .csa-footer {
  position: relative;
  min-height: 40px;
  background-color: #fff; }
  .csa-action > .csa-content .csa-footer .add-property-container {
    float: right;
    margin-top: 10px; }
    .csa-action > .csa-content .csa-footer .add-property-container ul.ember-dropdown-menu.dropdown-menu li > a {
      text-transform: capitalize; }

.csa-properties-list {
  background-color: #fff;
  position: relative; }

.csa-action-create-type > .csa-content .csa-header {
  border: 1px solid #d6e9c6;
  border-color: #d6e9c6;
  background-color: #f4faf2;
  color: #3c763d; }
  .csa-action-create-type > .csa-content .csa-header .btn-link {
    color: #3c763d; }
  .csa-action-create-type > .csa-content .csa-header .csa-header-tools > .btn {
    color: #aad4ab; }
    .csa-action-create-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-create-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-create-type > .csa-content .csa-header .csa-header-tools > .btn:active {
      color: #3c763d; }
    .csa-action-create-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit {
      opacity: 0;
      transition: opacity .35s ease-in-out; }
  .csa-action-create-type > .csa-content .csa-header:hover .csa-header-tools > .btn {
    opacity: 1;
    transition: opacity .25s ease-in-out; }

.csa-action-update-type > .csa-content .csa-header {
  border: 1px solid #bce8f1;
  border-color: #bce8f1;
  background-color: #f6fbfd;
  color: #31708f; }
  .csa-action-update-type > .csa-content .csa-header .btn-link {
    color: #31708f; }
  .csa-action-update-type > .csa-content .csa-header .csa-header-tools > .btn {
    color: #aad0e2; }
    .csa-action-update-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-update-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-update-type > .csa-content .csa-header .csa-header-tools > .btn:active {
      color: #31708f; }
    .csa-action-update-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit {
      opacity: 0;
      transition: opacity .35s ease-in-out; }
  .csa-action-update-type > .csa-content .csa-header:hover .csa-header-tools > .btn {
    opacity: 1;
    transition: opacity .25s ease-in-out; }

.csa-action-delete-type > .csa-content .csa-header {
  border: 1px solid #ebccd1;
  border-color: #ebccd1;
  background-color: #fcf8f8;
  color: #a94442; }
  .csa-action-delete-type > .csa-content .csa-header .btn-link {
    color: #a94442; }
  .csa-action-delete-type > .csa-content .csa-header .csa-header-tools > .btn {
    color: #ebcdcc; }
    .csa-action-delete-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-delete-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-delete-type > .csa-content .csa-header .csa-header-tools > .btn:active {
      color: #a94442; }
    .csa-action-delete-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit {
      opacity: 0;
      transition: opacity .35s ease-in-out; }
  .csa-action-delete-type > .csa-content .csa-header:hover .csa-header-tools > .btn {
    opacity: 1;
    transition: opacity .25s ease-in-out; }

.csa-action-campaign-base > .csa-content .csa-header, .csa-action-replay-type > .csa-content .csa-header, .csa-action-scs-type > .csa-content .csa-header, .csa-action-email-type > .csa-content .csa-header, .csa-action-generic-api-type > .csa-content .csa-header, .csa-action-ansible-type > .csa-content .csa-header, .csa-action-comment-type > .csa-content .csa-header, .csa-action-data-variables-type > .csa-content .csa-header, .csa-action-dataset-type > .csa-content .csa-header {
  border: 1px solid #faebcc;
  border-color: #faebcc;
  background-color: #fdfbf1;
  color: #8a6d3b; }
  .csa-action-campaign-base > .csa-content .csa-header .btn-link, .csa-action-replay-type > .csa-content .csa-header .btn-link, .csa-action-scs-type > .csa-content .csa-header .btn-link, .csa-action-email-type > .csa-content .csa-header .btn-link, .csa-action-generic-api-type > .csa-content .csa-header .btn-link, .csa-action-ansible-type > .csa-content .csa-header .btn-link, .csa-action-comment-type > .csa-content .csa-header .btn-link, .csa-action-data-variables-type > .csa-content .csa-header .btn-link, .csa-action-dataset-type > .csa-content .csa-header .btn-link {
    color: #8a6d3b; }
  .csa-action-campaign-base > .csa-content .csa-header .csa-header-tools > .btn, .csa-action-replay-type > .csa-content .csa-header .csa-header-tools > .btn, .csa-action-scs-type > .csa-content .csa-header .csa-header-tools > .btn, .csa-action-email-type > .csa-content .csa-header .csa-header-tools > .btn, .csa-action-generic-api-type > .csa-content .csa-header .csa-header-tools > .btn, .csa-action-ansible-type > .csa-content .csa-header .csa-header-tools > .btn, .csa-action-comment-type > .csa-content .csa-header .csa-header-tools > .btn, .csa-action-data-variables-type > .csa-content .csa-header .csa-header-tools > .btn, .csa-action-dataset-type > .csa-content .csa-header .csa-header-tools > .btn {
    color: #deceb3; }
    .csa-action-campaign-base > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-replay-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-scs-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-email-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-generic-api-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-ansible-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-comment-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-data-variables-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-dataset-type > .csa-content .csa-header .csa-header-tools > .btn:hover, .csa-action-campaign-base > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-replay-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-scs-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-email-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-generic-api-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-ansible-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-comment-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-data-variables-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-dataset-type > .csa-content .csa-header .csa-header-tools > .btn:focus, .csa-action-campaign-base > .csa-content .csa-header .csa-header-tools > .btn:active, .csa-action-replay-type > .csa-content .csa-header .csa-header-tools > .btn:active, .csa-action-scs-type > .csa-content .csa-header .csa-header-tools > .btn:active, .csa-action-email-type > .csa-content .csa-header .csa-header-tools > .btn:active, .csa-action-generic-api-type > .csa-content .csa-header .csa-header-tools > .btn:active, .csa-action-ansible-type > .csa-content .csa-header .csa-header-tools > .btn:active, .csa-action-comment-type > .csa-content .csa-header .csa-header-tools > .btn:active, .csa-action-data-variables-type > .csa-content .csa-header .csa-header-tools > .btn:active, .csa-action-dataset-type > .csa-content .csa-header .csa-header-tools > .btn:active {
      color: #8a6d3b; }
    .csa-action-campaign-base > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit, .csa-action-replay-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit, .csa-action-scs-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit, .csa-action-email-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit, .csa-action-generic-api-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit, .csa-action-ansible-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit, .csa-action-comment-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit, .csa-action-data-variables-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit, .csa-action-dataset-type > .csa-content .csa-header .csa-header-tools > .btn.csa-button-edit {
      opacity: 0;
      transition: opacity .35s ease-in-out; }
  .csa-action-campaign-base > .csa-content .csa-header:hover .csa-header-tools > .btn, .csa-action-replay-type > .csa-content .csa-header:hover .csa-header-tools > .btn, .csa-action-scs-type > .csa-content .csa-header:hover .csa-header-tools > .btn, .csa-action-email-type > .csa-content .csa-header:hover .csa-header-tools > .btn, .csa-action-generic-api-type > .csa-content .csa-header:hover .csa-header-tools > .btn, .csa-action-ansible-type > .csa-content .csa-header:hover .csa-header-tools > .btn, .csa-action-comment-type > .csa-content .csa-header:hover .csa-header-tools > .btn, .csa-action-data-variables-type > .csa-content .csa-header:hover .csa-header-tools > .btn, .csa-action-dataset-type > .csa-content .csa-header:hover .csa-header-tools > .btn {
    opacity: 1;
    transition: opacity .25s ease-in-out; }

.gen-action-icon {
  background: url("/assets/img/genesys_logo.png") no-repeat center center;
  background-size: 190%;
  width: 40px;
  height: 50px; }

.generic-api-icon {
  background: url("/assets/img/settings.png") no-repeat center center;
  background-size: 72%;
  width: 40px;
  height: 50px; }

.cyara-action-icon {
  background: url("/assets/img/cyara_logo.png") no-repeat center center;
  background-size: 90%;
  width: 40px;
  height: 50px; }

.email-action-icon {
  background: url("/assets/img/email.png") no-repeat center center;
  background-size: 75%;
  width: 40px;
  height: 50px; }

.evaluator-icon {
  margin-left: 10px; }

.script-tooltip {
  z-index: 1300; }
  @media (min-width: 768px) {
    .script-tooltip {
      max-width: 206px; } }
  @media (min-width: 992px) {
    .script-tooltip {
      max-width: 300px; } }
  @media (min-width: 1200px) {
    .script-tooltip {
      max-width: 450px; } }

.ansible-action-icon {
  background: url("/assets/img/ansible_logo.png") no-repeat center center;
  background-size: 80%;
  width: 40px;
  height: 50px; }

.comment-action-icon {
  background: url("/assets/img/comment.png") no-repeat center center;
  background-size: 80%;
  width: 40px;
  height: 50px; }

.glyphicon--small-top {
  font-size: 9px;
  top: -6px;
  right: 3px; }

.csap-property-enum__title-tooltip {
  max-width: 400px; }

.csap-property-simple.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
  .csap-property-simple.is-editing .csap-value {
    padding: 0 10px 0 10px; }

.csap-property-enum.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
  .csap-property-enum.is-editing .csap-value .ember-dropdown-menu .dropdown-menu {
    width: 40vw; }

.csap-kvlist-section-list-item {
  background: transparent; }
  .csap-kvlist-section-list-item .csap-kvlist-section-header {
    width: 100%;
    vertical-align: middle;
    padding: 2px 0 2px 8px; }
  .csap-kvlist-section-list-item.is-deleted {
    color: #a94442;
    background-color: #f2dede; }
  .csap-kvlist-section-list-item.is-expanded {
    -webkit-box-shadow: inset 0px -4px 2px -2px rgba(0, 0, 0, 0.075), inset 0px 4px 2px -2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0px -4px 2px -2px rgba(0, 0, 0, 0.075), inset 0px 4px 2px -2px rgba(0, 0, 0, 0.125); }
    .csap-kvlist-section-list-item.is-expanded .csap-kvlist-section-header {
      border-bottom: 1px solid #ddd; }

.csap-kvlist-section-list-item-value {
  overflow: hidden;
  margin-left: 8px; }

.csap-kvlist-section-list-item-tools {
  min-width: 68px;
  float: right;
  text-align: right;
  font-size: 0; }
  .csap-kvlist-section-list-item-tools .btn {
    color: #ccc; }
    .csap-kvlist-section-list-item-tools .btn:hover {
      color: #333333; }
    .csap-kvlist-section-list-item-tools .btn.csap-edit-button {
      display: none; }
    .csap-kvlist-section-list-item-tools .btn.csap-save-button {
      border-radius: 0;
      border-left: 1px solid #ccc; }

.csap-kvlist-section-list-item:hover .csap-kvlist-section-list-item-tools .btn.csap-edit-button {
  display: inline-block; }

.csap-kvlist-pair-footer-tools {
  text-align: right;
  width: 100%;
  min-height: 30px;
  border-top: 1px solid #eee; }
  .csap-kvlist-pair-footer-tools > .btn {
    color: #ccc;
    text-decoration: none; }
    .csap-kvlist-pair-footer-tools > .btn:hover, .csap-kvlist-pair-footer-tools > .btn:active, .csap-kvlist-pair-footer-tools > .btn:hover:active, .csap-kvlist-pair-footer-tools > .btn:focus {
      color: #333333;
      text-decoration: none; }

.csap-property.csap-kvlist-pair-list-item:first-child {
  border-top: none; }

.csap-property.csap-kvlist-pair-list-item {
  background: transparent; }

.csap-kvlist-pair-list-item {
  min-height: 40px;
  border-top: 1px solid #eee;
  padding: 2px 0 0px 8px; }
  .csap-kvlist-pair-list-item.is-deleted {
    color: #a94442;
    background-color: #f2dede; }
  .csap-kvlist-pair-list-item .csap-kvlist-pair-list-item-value {
    overflow: hidden; }
    .csap-kvlist-pair-list-item .csap-kvlist-pair-list-item-value .value-section {
      float: left;
      width: 48%;
      margin: 0 1%;
      word-break: break-all; }
  .csap-kvlist-pair-list-item .csap-kvlist-pair-list-item-tools {
    float: right;
    text-align: right;
    font-size: 0; }
    .csap-kvlist-pair-list-item .csap-kvlist-pair-list-item-tools .btn {
      color: #ccc; }
      .csap-kvlist-pair-list-item .csap-kvlist-pair-list-item-tools .btn.csap-save-button {
        border-left: 1px solid #ccc;
        border-radius: 0; }
      .csap-kvlist-pair-list-item .csap-kvlist-pair-list-item-tools .btn:hover {
        color: #333333; }
    .csap-kvlist-pair-list-item .csap-kvlist-pair-list-item-tools .btn.csap-edit-button {
      visibility: hidden; }
  .csap-kvlist-pair-list-item:hover .csap-kvlist-pair-list-item-tools .btn.csap-edit-button {
    visibility: visible; }

.csap-property.csap-property-kvlist .csap-property {
  border-left: none;
  border-right: none; }

.csap-property.csap-property-kvlist .csap-title {
  display: table-cell;
  font-size: 14px;
  padding: 3px 10px;
  min-width: 190px; }
  .csap-property.csap-property-kvlist .csap-title .btn {
    color: #ccc; }
    .csap-property.csap-property-kvlist .csap-title .btn:hover {
      color: #333333;
      text-decoration: none; }

.csap-property.csap-property-kvlist .csap-value {
  line-height: 28px; }
  .csap-property.csap-property-kvlist .csap-value > .csap-kvlist-header > .csap-kvlist-delete-button {
    margin-left: auto; }

.csap-property.csap-property-kvlist.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }

.csap-property.csap-property-kvlist:hover > .csap-value > .csap-kvlist-header > .csap-kvlist-header-tools > .btn.csap-edit-button {
  visibility: visible; }
  .csap-property.csap-property-kvlist:hover > .csap-value > .csap-kvlist-header > .csap-kvlist-header-tools > .btn.csap-edit-button:hover {
    color: #333333; }

.csap-kvlist-list-footer-tools {
  width: 100%;
  text-align: right;
  border-top: 1px solid #eee; }
  .csap-kvlist-list-footer-tools > .btn {
    color: #ccc;
    text-decoration: none; }
    .csap-kvlist-list-footer-tools > .btn:hover, .csap-kvlist-list-footer-tools > .btn:active, .csap-kvlist-list-footer-tools > .btn:hover:active, .csap-kvlist-list-footer-tools > .btn:focus {
      color: #333333;
      text-decoration: none; }

.csap-property-kvlist:not(.is-editing) .csap-kvlist-section-list {
  width: 100%; }
  .csap-property-kvlist:not(.is-editing) .csap-kvlist-section-list li.csap-property {
    border-right: none; }
  .csap-property-kvlist:not(.is-editing) .csap-kvlist-section-list li.csap-property:last-child {
    border-bottom: none; }

.csap-kvlist-header {
  min-height: 30px;
  text-align: right;
  display: flex; }
  .csap-kvlist-header > .csap-kvlist-header-value-no-sections {
    text-align: center;
    float: left;
    min-width: 480px;
    color: #999;
    width: 100%; }
  .csap-kvlist-header:hover .btn.csap-edit-button {
    visibility: visible; }
  .csap-kvlist-header .btn {
    color: #ccc; }
    .csap-kvlist-header .btn:hover, .csap-kvlist-header .btn:active, .csap-kvlist-header .btn:hover:active, .csap-kvlist-header .btn:focus {
      color: #333333; }
  .csap-kvlist-header .btn.csap-edit-button {
    visibility: hidden; }
  .csap-kvlist-header .btn.csap-save-button {
    border-left: 1px solid #ccc;
    border-radius: 0; }

.csap-property-kvlist:hover .csap-kvlist-header .btn.csap-edit-button,
.csap-property-kvlist:hover .csap-kvlist-header:hover .btn.csap-edit-button,
.csap-property-kvlist .csap-kvlist-header:hover .btn.csap-edit-button {
  visibility: visible; }

.csap-kvlist-header-tools {
  min-height: 30px; }

.csap-property-ref-one.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
  .csap-property-ref-one.is-editing .csap-value .cs-object-lookup {
    -ms-flex-item-align: stretch;
    flex-item-align: stretch;
    -webkit-box-align-self: stretch;
    -moz-box-align-self: stretch;
    -ms-align-self: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center; }

.csap-property-ref-one.is-delete {
  color: #a94442;
  background-color: #f2dede; }

.csap-ref-many-header {
  width: 100%;
  min-height: 30px; }
  .csap-ref-many-header > .csap-ref-many-header-tools {
    float: right;
    width: 102px;
    text-align: right; }
    .csap-ref-many-header > .csap-ref-many-header-tools > .btn {
      color: #ccc; }
      .csap-ref-many-header > .csap-ref-many-header-tools > .btn:hover, .csap-ref-many-header > .csap-ref-many-header-tools > .btn:active, .csap-ref-many-header > .csap-ref-many-header-tools > .btn:hover:active, .csap-ref-many-header > .csap-ref-many-header-tools > .btn:focus {
        color: #333333; }
    .csap-ref-many-header > .csap-ref-many-header-tools > .btn.csap-edit-button {
      visibility: hidden; }
    .csap-ref-many-header > .csap-ref-many-header-tools > .btn.csap-save-button {
      border-left: 1px solid #ccc; }

.csap-ref-many-list-footer-tools {
  width: 102px;
  text-align: right;
  width: 100%; }
  .csap-ref-many-list-footer-tools > .btn {
    color: #ccc;
    text-decoration: none; }
    .csap-ref-many-list-footer-tools > .btn:hover, .csap-ref-many-list-footer-tools > .btn:active, .csap-ref-many-list-footer-tools > .btn:hover:active, .csap-ref-many-list-footer-tools > .btn:focus {
      color: #333333;
      text-decoration: none; }

.csap-property-ref-many.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }

.csap-property-ref-many:hover > .csap-value > .csap-ref-many-header > .csap-ref-many-header-tools > .btn.csap-edit-button {
  visibility: visible; }
  .csap-property-ref-many:hover > .csap-value > .csap-ref-many-header > .csap-ref-many-header-tools > .btn.csap-edit-button:hover {
    color: #333333; }

.csap-ref-many-list {
  width: 100%; }
  .csap-ref-many-list > .csap-ref-many-list-item.is-editing {
    -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
  .csap-ref-many-list > .csap-ref-many-list-item {
    min-height: 40px; }
    .csap-ref-many-list > .csap-ref-many-list-item > .csap-ref-many-tools {
      width: 102px;
      text-align: right; }
      .csap-ref-many-list > .csap-ref-many-list-item > .csap-ref-many-tools > .btn.csap-edit-button {
        visibility: hidden;
        color: #ccc; }
      .csap-ref-many-list > .csap-ref-many-list-item > .csap-ref-many-tools > .btn.csap-save-button {
        border-left: none; }
      .csap-ref-many-list > .csap-ref-many-list-item > .csap-ref-many-tools > .btn.csap-save-button,
      .csap-ref-many-list > .csap-ref-many-list-item > .csap-ref-many-tools > .btn.csap-cancel-button,
      .csap-ref-many-list > .csap-ref-many-list-item > .csap-ref-many-tools > .btn.csap-delete-button {
        color: #ccc; }
        .csap-ref-many-list > .csap-ref-many-list-item > .csap-ref-many-tools > .btn.csap-save-button:hover,
        .csap-ref-many-list > .csap-ref-many-list-item > .csap-ref-many-tools > .btn.csap-cancel-button:hover,
        .csap-ref-many-list > .csap-ref-many-list-item > .csap-ref-many-tools > .btn.csap-delete-button:hover {
          color: #333333; }
  .csap-ref-many-list > .csap-ref-many-list-item:hover > .csap-ref-many-tools > .btn.csap-edit-button {
    display: inline-block; }
    .csap-ref-many-list > .csap-ref-many-list-item:hover > .csap-ref-many-tools > .btn.csap-edit-button:hover {
      color: #333333; }

.cs-object-lookup {
  text-align: center; }

.struct-many-entry-detail-tether {
  z-index: 1050; }

.struct-many-entry-detail-tether {
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-color: #fff; }

.csap-struct-many-entry-detail {
  width: 65vw; }

.csap-struct-many-entry-detail {
  min-width: 380px;
  background-color: #fff;
  position: relative;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  text-align: left;
  z-index: 1050;
  border-radius: 6px; }
  .csap-struct-many-entry-detail > .arrow, .csap-struct-many-entry-detail > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .csap-struct-many-entry-detail > .arrow {
    border-width: 11px;
    top: 27px;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25); }
  .csap-struct-many-entry-detail > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-width: 10px;
    border-right-width: 0;
    border-left-color: #f5f5f5; }

.csap-struct-many-entry-detail-footer {
  min-height: 40px;
  padding: 10px 0px;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  flex-align: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: end;
  flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-right: 10px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px; }
  .csap-struct-many-entry-detail-footer .ember-dropdown-menu.dropdown-parent {
    margin: 0px; }

.csap-struct-many-entry-detail-header {
  min-height: 40px;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  flex-align: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: start;
  flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  color: #333333;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }
  .csap-struct-many-entry-detail-header h4 {
    font-size: 14px;
    padding: 0px 10px;
    margin: 0px; }

.csap-tools > .btn.csap-save-button, .csap-tools > .btn.csap-cancel-button {
  color: #ccc; }

.csap-tools > .btn.csap-save-button:hover, .csap-tools > .btn.csap-cancel-button:hover, .csap-tools > .btn.csap-delete-button:hover {
  color: #333333; }

.csap-struct-many-table-row.is-deleted {
  color: #a94442;
  background-color: #f2dede; }

.csap-property-struct-many.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
  .csap-property-struct-many.is-editing thead > tr > th.tools > .btn.csap-save-button {
    border-left: 1px solid #ccc; }
  .csap-property-struct-many.is-editing tbody > tr > td.tools > .btn.csap-edit-button {
    display: inline-block;
    border-left: 1px solid #ccc; }

.csap-property .csap-value.has-no-entries {
  color: #999; }

.table.csap-struct-many-list {
  margin-bottom: 0px; }
  .table.csap-struct-many-list tr.is-saving {
    background: #D9EDF7; }
  .table.csap-struct-many-list thead:hover .btn.csap-edit-button {
    visibility: visible; }
  .table.csap-struct-many-list thead .btn.csap-edit-button {
    visibility: hidden; }
  .table.csap-struct-many-list thead > tr > th {
    font-size: 11px;
    text-transform: uppercase;
    text-align: center; }
  .table.csap-struct-many-list thead > tr > th,
  .table.csap-struct-many-list thead > tr > td,
  .table.csap-struct-many-list tbody > tr > td,
  .table.csap-struct-many-list tfoot > tr > td {
    padding: 1px 5px;
    vertical-align: middle; }
    .table.csap-struct-many-list thead > tr > th.tools,
    .table.csap-struct-many-list thead > tr > td.tools,
    .table.csap-struct-many-list tbody > tr > td.tools,
    .table.csap-struct-many-list tfoot > tr > td.tools {
      white-space: nowrap;
      width: 1px;
      height: 30px;
      padding: 0px;
      text-align: right; }
      .table.csap-struct-many-list thead > tr > th.tools > .btn,
      .table.csap-struct-many-list thead > tr > td.tools > .btn,
      .table.csap-struct-many-list tbody > tr > td.tools > .btn,
      .table.csap-struct-many-list tfoot > tr > td.tools > .btn {
        color: #ccc; }
        .table.csap-struct-many-list thead > tr > th.tools > .btn:hover,
        .table.csap-struct-many-list thead > tr > td.tools > .btn:hover,
        .table.csap-struct-many-list tbody > tr > td.tools > .btn:hover,
        .table.csap-struct-many-list tfoot > tr > td.tools > .btn:hover {
          color: #333333; }
      .table.csap-struct-many-list thead > tr > th.tools .btn.csap-save-button,
      .table.csap-struct-many-list thead > tr > td.tools .btn.csap-save-button,
      .table.csap-struct-many-list tbody > tr > td.tools .btn.csap-save-button,
      .table.csap-struct-many-list tfoot > tr > td.tools .btn.csap-save-button {
        border-left: 1px solid #ccc;
        border-radius: 0; }
  .table.csap-struct-many-list thead > tr > th,
  .table.csap-struct-many-list thead > tr > td {
    min-height: 41px;
    height: 41px; }
    .table.csap-struct-many-list thead > tr > th.tools,
    .table.csap-struct-many-list thead > tr > td.tools {
      padding-top: 5px; }
  .table.csap-struct-many-list tbody > tr > td.tools {
    position: relative; }
  .table.csap-struct-many-list tbody > tr:hover > td.tools > .btn.csap-edit-button:hover {
    color: #333333; }
  .table.csap-struct-many-list tbody > tr.is-editing > td.tools > .btn.csap-edit-button {
    display: inline-block;
    color: #333333; }
  .table.csap-struct-many-list tfoot .csap-add-entry-button:hover {
    text-decoration: none; }

.table.csap-struct-many-list:hover thead > tr > td.tools > .btn.csap-edit-button,
.table.csap-struct-many-list:hover thead > tr > th.tools > .btn.csap-edit-button {
  display: inline-block; }
  .table.csap-struct-many-list:hover thead > tr > td.tools > .btn.csap-edit-button:hover,
  .table.csap-struct-many-list:hover thead > tr > th.tools > .btn.csap-edit-button:hover {
    color: #333333; }

.csap-property .csap-value.has-no-entries {
  color: #999; }

.csap-struct-one-list {
  margin-bottom: 0px; }
  .csap-struct-one-list .csap-struct-one-tools {
    width: 100% !important;
    display: block !important; }
    .csap-struct-one-list .csap-struct-one-tools button.csap-delete-button {
      color: #ccc;
      float: right; }
  .csap-struct-one-list:hover {
    color: #333333; }
    .csap-struct-one-list:hover button.csap-delete-button {
      color: #333333; }

.csap-property-html.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
  .csap-property-html.is-editing .csap-value {
    padding: 0 10px 0 10px; }

.csap-property-html .csap-value__textarea {
  resize: none; }

.csap-property-html .csap-value__content {
  text-align: left;
  display: inline-block;
  max-height: 250px;
  overflow-y: auto;
  width: 100%;
  word-break: break-word;
  white-space: pre-wrap; }

.csap-property-javascript.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
  .csap-property-javascript.is-editing .csap-value {
    padding: 0 10px 0 10px; }

.csap-property-javascript .csap-value__textarea {
  resize: none; }

.csap-property-javascript .csap-value__content {
  text-align: left;
  display: inline-block;
  max-height: 250px;
  overflow-y: auto;
  width: 100%;
  word-break: break-word;
  white-space: pre-wrap; }

.csap-property-json.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
  .csap-property-json.is-editing .csap-value {
    padding: 0 10px 0 10px;
    text-align: left !important;
    width: 675px;
    text-align: left !important;
    display: block !important; }
  .csap-property-json.is-editing .CodeMirror {
    font-family: monospace;
    height: 300px !important;
    color: black;
    text-align: left;
    height: inherit;
    position: relative; }

.csap-property-json .csap-value {
  width: 675px;
  text-align: left !important;
  display: block !important; }

.csap-property-json .csap-value__textarea {
  resize: none; }

.csap-property-json .csap-value__content .CodeMirror {
  font-family: monospace;
  height: 300px;
  color: black;
  text-align: left;
  position: relative; }

@media (max-width: 1060px) {
  .csap-property-json .csap-value {
    width: 600px; } }

@media (max-width: 960px) {
  .csap-property-json .csap-value {
    width: 550px; } }

@media (max-width: 860px) {
  .csap-property-json .csap-value {
    width: 500px; } }

@media (max-width: 760px) {
  .csap-property-json .csap-value {
    width: 450px; } }

.csap-property-text-field.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
  .csap-property-text-field.is-editing .csap-value {
    padding: 0 10px 0 10px; }

.csap-property-text-field .csap-value__textarea {
  resize: none; }

.csap-property-text-field .csap-value__content {
  max-height: 250px;
  overflow-y: auto;
  text-align: left;
  display: inline-block;
  word-break: break-word;
  width: 100%; }

.csap-property-yaml.is-editing {
  -webkit-box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }
  .csap-property-yaml.is-editing .csap-value {
    padding: 0 10px 0 10px; }

.csap-property-yaml .csap-value__textarea {
  resize: none; }

.csap-property-yaml .csap-value__content {
  text-align: left;
  display: inline-block;
  max-height: 250px;
  overflow-y: auto;
  width: 100%;
  word-break: break-word;
  white-space: pre-wrap; }

.csap-property-yaml .csap-value-yaml {
  width: 100%; }

.csap-property {
  transition: box-shadow, background-color .2s ease-in-out;
  display: table;
  width: 100%;
  border: 1px solid #ddd;
  margin-top: -1px;
  background: white;
  min-height: 34px;
  position: relative; }
  .csap-property input.input-sm.form-control {
    height: 28px;
    box-shadow: none; }
  .csap-property input.form-control:focus {
    box-shadow: none; }
  .csap-property .csap-title {
    display: table-cell;
    width: 190px;
    text-align: right;
    font-size: 14px;
    box-sizing: border-box;
    padding: 3px 10px;
    font-weight: 500;
    vertical-align: middle;
    min-width: 190px;
    text-transform: capitalize; }
  .csap-property .csap-value {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .csap-property .csap-value-wrap-word {
    word-break: break-word; }
  .csap-property .csap-tools {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 0;
    width: 110px; }
    .csap-property .csap-tools > .btn.csap-edit-button {
      color: #ccc;
      visibility: hidden;
      padding: 3px 10px; }
  .csap-property.is-saving {
    background: #D9EDF7; }
  .csap-property.is-editing {
    z-index: 20; }
    .csap-property.is-editing > .csap-tools > .btn.csap-save-button {
      border-radius: 0;
      border-left: 1px solid #ccc; }
    .csap-property.is-editing > .csap-tools > .btn.csap-save-button,
    .csap-property.is-editing > .csap-tools > .btn.csap-cancel-button,
    .csap-property.is-editing > .csap-tools > .btn.csap-delete-button {
      color: #ccc; }
      .csap-property.is-editing > .csap-tools > .btn.csap-save-button:hover,
      .csap-property.is-editing > .csap-tools > .btn.csap-cancel-button:hover,
      .csap-property.is-editing > .csap-tools > .btn.csap-delete-button:hover {
        color: #333333; }

.csap-property:hover > .csap-tools > .btn.csap-edit-button {
  visibility: visible; }
  .csap-property:hover > .csap-tools > .btn.csap-edit-button:hover {
    color: #333333; }

.cs-object-lookup .loading-spinner .preloader-wrapper.small {
  height: 20px;
  width: 20px;
  margin-left: -10px;
  margin-top: -10px; }

.cs-object-lookup .loading-spinner.blue .spinner-layer {
  border-color: #baccde; }

.cs-object-lookup .loading-spinner .circle-clipper .circle {
  border-width: 2px; }

.cs-object-lookup {
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  flex-align: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  flex-pack: center;
  -webkit-justify-content: center;
  -moz-box-justify-content: center;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row; }
  .cs-object-lookup.is-editing {
    padding-right: 20px; }

.cs-object-lookup-method-dropdown {
  min-width: 180px; }

.cs-object-lookup-active-method.cs-object-lookup-select-value, .cs-object-lookup-active-method.cs-object-lookup-query-value, .cs-object-lookup-active-method.cs-object-lookup-action-value, .cs-object-lookup-active-method.cs-object-lookup-empty-value {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto; }

.cs-object-lookup-active-method.cs-object-lookup-no-value {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #ccc; }

.cs-object-lookup .ember-selectize {
  text-align: left; }

.selectize-input {
  border-radius: 3px; }

.item-element {
  display: inline-block;
  font-size: 12px; }

.option-element {
  display: block;
  position: relative;
  font-size: 12px; }
  .option-element .object {
    text-align: left;
    display: inline-block;
    position: relative; }
  .option-element .id {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 40px;
    color: #ccc; }

.has-multiple-object-types .object-type-selectize {
  width: 30%;
  display: inline-block; }

.has-multiple-object-types .object-selectize {
  width: 37%;
  display: inline-block; }

.has-multiple-object-types .cs-object-lookup-method-dropdown {
  width: 180px;
  display: inline-block; }

.cs-object-lookup-method-tooltip {
  z-index: 1200;
  max-width: 600px; }

.cs-inline-editable-field {
  display: inline-flex; }
  .cs-inline-editable-field.large-text .value {
    font-size: 18px;
    max-width: 100%; }
  .cs-inline-editable-field .value-edit {
    display: inline-block; }
    .cs-inline-editable-field .value-edit input {
      min-width: 150px; }
  .cs-inline-editable-field .input-group-addon, .cs-inline-editable-field .input-group-btn, .cs-inline-editable-field .input-group .form-control {
    display: block; }
  .cs-inline-editable-field:hover .value-display button {
    color: #ccc; }
    .cs-inline-editable-field:hover .value-display button:active, .cs-inline-editable-field:hover .value-display button:focus {
      color: #ccc; }
    .cs-inline-editable-field:hover .value-display button:hover, .cs-inline-editable-field:hover .value-display button:hover:active {
      color: #333333; }
  .cs-inline-editable-field .value-display {
    word-wrap: break-word; }
    .cs-inline-editable-field .value-display button {
      border: none;
      background-color: transparent;
      color: #f2f2f2; }
      .cs-inline-editable-field .value-display button:active, .cs-inline-editable-field .value-display button:focus {
        color: #ccc; }
      .cs-inline-editable-field .value-display button:hover, .cs-inline-editable-field .value-display button:hover:active {
        color: #333333; }
      .cs-inline-editable-field .value-display button:hover, .cs-inline-editable-field .value-display button:active, .cs-inline-editable-field .value-display button:focus {
        background-color: transparent;
        border-color: transparent;
        outline: none; }

.cs-inline-editable-field:after {
  content: "";
  transition: opacity 1s linear 0s;
  -webkit-transition: opacity 1s linear 0s; }

.cs-inline-editable-field.has-saved:after {
  opacity: 0;
  font-family: "Glyphicons Halflings";
  color: green;
  content: "\e013"; }

.spinner-parent {
  display: flex;
  align-items: center; }

.spinner, .spinner--center {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-left: 14px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.cs.validation-badge.wrapper {
  position: absolute;
  height: 10px;
  width: 0px;
  top: 50%;
  transform: translateY(-50%); }

.cs.validation-badge.backing {
  top: -50%;
  left: 0;
  margin: 0em 0em 0em -1.5em !important;
  font-size: 1rem;
  background-color: #fff !important;
  border-color: #fff !important;
  color: #fff !important; }

.cs.validation-badge.content {
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.08);
  top: -50%;
  left: 0;
  margin: 0em 0em 0em -1.5em !important;
  font-size: 1rem;
  cursor: pointer; }

.cs.validation-badge.content.green {
  font-family: 'Glyphicons Halflings';
  padding: 0.5833em 0.583em; }

.cs-validation-badge.tooltip {
  max-width: none;
  pointer-events: auto; }
  .cs-validation-badge.tooltip ul {
    margin-bottom: 0px; }

.cs-validation-badge-secondary-right {
  transform: translateY(-50%) translateX(65px) !important; }

.change-set-history {
  display: flex;
  justify-content: center; }

.variable-modal_modal-header_tooltip {
  z-index: 1210; }
  @media (min-width: 768px) {
    .variable-modal_modal-header_tooltip {
      max-width: 275px; } }
  @media (min-width: 992px) {
    .variable-modal_modal-header_tooltip {
      max-width: 400px; } }
  @media (min-width: 1200px) {
    .variable-modal_modal-header_tooltip {
      max-width: 600px; } }

.change-set-script-modal {
  padding-left: 20px;
  padding-bottom: 40px; }

.change-set-script-modal_modal-header_tooltip {
  z-index: 1210; }
  @media (min-width: 768px) {
    .change-set-script-modal_modal-header_tooltip {
      max-width: 275px; } }
  @media (min-width: 992px) {
    .change-set-script-modal_modal-header_tooltip {
      max-width: 400px; } }
  @media (min-width: 1200px) {
    .change-set-script-modal_modal-header_tooltip {
      max-width: 600px; } }

.change-set-variable-modal {
  padding-left: 20px;
  padding-bottom: 40px; }

.change-set-container {
  position: relative;
  min-height: 300px;
  margin-bottom: 100px;
  width: 90vw; }

.title-none {
  text-align: center;
  margin-top: 100px;
  color: #CCC; }

.change-set-toolbar-buttons > * {
  margin-right: 2px; }

.change-set-header {
  min-height: 50px; }
  .change-set-header .change-set-name {
    float: left; }
  .change-set-header .change-set-tools {
    min-height: 50px;
    padding: 12px 0px 0;
    background: white;
    width: 100%; }
    .change-set-header .change-set-tools .change-set-toolbar-buttons:first-child {
      margin-bottom: 5px; }
    .change-set-header .change-set-tools .change-set-toolbar-buttons:last-child {
      padding-bottom: 10px; }
    .change-set-header .change-set-tools .cs-inline-editable-field {
      float: left;
      margin: 0 20px 0 0; }
    .change-set-header .change-set-tools #btn-changeset-history {
      width: 123px; }
    .change-set-header .change-set-tools.sticky {
      z-index: 1200;
      border-bottom: 1px solid #ddd; }
    .change-set-header .change-set-tools .target-environment,
    .change-set-header .change-set-tools .target-document,
    .change-set-header .change-set-tools .target-folder,
    .change-set-header .change-set-tools .target-run-type {
      display: inline-block; }
      .change-set-header .change-set-tools .target-environment label,
      .change-set-header .change-set-tools .target-document label,
      .change-set-header .change-set-tools .target-folder label,
      .change-set-header .change-set-tools .target-run-type label {
        font-weight: 200; }

.target-environment-dropdown-menu,
.target-run-type-dropdown-menu,
.target-document-dropdown-menu,
.target-folder-dropdown-menu,
.target-run-type-dropdown-menu button,
.target-environment-dropdown-menu button,
.target-folder-dropdown-menu button,
.target-document-dropdown-menu button {
  min-width: 120px; }

.target-environment-dropdown-menu button span:first-child {
  max-width: 20ch;
  overflow: hidden;
  display: inline-flex; }

.toggle {
  --width: 40px;
  --height: calc(var(--width) / 2);
  --border-radius: calc(var(--height) / 2);
  display: inline-block;
  cursor: pointer; }

.toggle__input {
  display: none; }

.toggle__fill {
  position: relative;
  width: var(--width);
  height: var(--height);
  border-radius: var(--border-radius);
  background: #dddddd;
  transition: background 0.2s; }

.toggle__fill::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: var(--height);
  width: var(--height);
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  border-radius: var(--border-radius);
  transition: transform 0.2s; }

.toggle__input:checked ~ .toggle__fill {
  background: #009578; }

.toggle__input:checked ~ .toggle__fill::after {
  transform: translateX(var(--height)); }

.custom-validate-button {
  color: #fa0400 !important; }

.change-set-toolbar-buttons.custom-option {
  display: flex;
  align-items: center;
  justify-content: center; }

.change-set-header .change-set-tools .custom-option .target-environment,
.change-set-header .change-set-tools .custom-option .target-run-type,
.change-set-header .change-set-tools .custom-option .target-folder {
  display: flex;
  align-items: center; }

.custom-option .selectize-control .selectize-input > input {
  padding-right: 20px !important; }

.custom-option .selectize-control .item {
  padding-right: 20px; }

.custom-option .loading-spinner, .change-set-toolbar-buttons .loading-spinner {
  width: 18px;
  height: 18px; }
  .custom-option .loading-spinner .preloader-wrapper.small, .change-set-toolbar-buttons .loading-spinner .preloader-wrapper.small {
    height: 20px;
    width: 20px;
    margin-left: -10px;
    margin-top: -10px; }
    .custom-option .loading-spinner .preloader-wrapper.small .circle-clipper .circle, .change-set-toolbar-buttons .loading-spinner .preloader-wrapper.small .circle-clipper .circle {
      border-width: 2px; }

.custom-failureChangeSet .selectize-input.items {
  width: 250px;
  text-align: left; }

.custom-failureChangeSet .custom-option .selectize-control .selectize-input > input {
  width: 250px; }

.custom-failureChangeSet .selectize-control.plugin-remove_button .remove-single {
  font-size: 16px;
  right: 20px; }

.add-action .tab-item {
  width: 50%;
  margin-left: 0px; }

.updated-color, .change-history-change-item.updated .change-info, .change-history-change-item.updated:hover {
  color: #31708f !important;
  background-color: #d9edf7 !important; }

.imported-color, .change-history-change-item.imported .change-info, .change-history-change-item.imported:hover {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important; }

.deleted-color, .change-history-change-item.deleted .change-info, .change-history-change-item.deleted:hover {
  color: #a94442 !important;
  background-color: #f2dede !important; }

.created-color, .change-history-change-item.created .change-info, .change-history-change-item.created:hover {
  color: #3c763d !important;
  background-color: #dff0d8 !important; }

.change-history-snapshot-item {
  transition: max-height .5s ease-out;
  width: 672px;
  margin: 3px 0 7px 0;
  float: left;
  overflow: hidden;
  position: relative;
  border: 1px solid #2C5A82;
  background: #337AB7;
  border-radius: 3px;
  color: white;
  max-height: 23px; }
  .change-history-snapshot-item textarea {
    color: #333;
    resize: none; }
  .change-history-snapshot-item.expanded {
    max-height: 300px; }
    .change-history-snapshot-item.expanded .snapshot-title {
      transform: translateY(5px); }
  .change-history-snapshot-item .snapshot-header {
    cursor: pointer;
    float: left;
    width: 100%; }
    .change-history-snapshot-item .snapshot-header .snapshot-title {
      transition: transform .3s ease-in;
      float: left;
      margin-left: 250px; }
    .change-history-snapshot-item .snapshot-header .snapshot-controls {
      padding-left: 10px;
      float: left; }
  .change-history-snapshot-item .snapshot-content {
    overflow: auto;
    padding: 8px 14px; }
    .change-history-snapshot-item .snapshot-content .text-content {
      word-wrap: break-word;
      white-space: pre; }
  .change-history-snapshot-item .btn-link {
    color: #fff;
    padding: 6px 8px; }
    .change-history-snapshot-item .btn-link:hover {
      color: #2B5A81; }

.selected-change-list-top-toolbar {
  margin-bottom: 8px;
  overflow: auto; }
  .selected-change-list-top-toolbar .showing {
    padding: 0; }

.change-revert-modal .modal-body {
  min-height: 200px;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto; }

.change-revert-modal a.change-history-change-item {
  margin: 5px 0 0 13px; }
  .change-revert-modal a.change-history-change-item .display-value {
    width: 170px; }
  .change-revert-modal a.change-history-change-item .change-time {
    width: 130px; }

.change-history-change-item {
  display: flex;
  align-items: stretch;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #E0E0E0;
  background: #F5F5F5;
  float: left; }
  .change-history-change-item.selected {
    border: 2px solid #316F8F; }
  .change-history-change-item .change-info {
    float: left;
    padding: 4px 0;
    flex-grow: 1;
    padding: 4px 0; }
    .change-history-change-item .change-info .change-type {
      float: left;
      width: 76px;
      font-size: 13px;
      padding-top: 1px;
      text-align: center;
      text-transform: capitalize; }
  .change-history-change-item .change-detail {
    float: left;
    padding: 4px 4px 4px 9px;
    box-sizing: border-box; }
    .change-history-change-item .change-detail .object-type {
      width: 280px;
      float: left;
      font-size: 14px; }
    .change-history-change-item .change-detail .display-value {
      float: left;
      margin-right: 8px;
      width: calc(100vw - 1217px);
      text-align: center; }
    .change-history-change-item .change-detail .change-time,
    .change-history-change-item .change-detail .change-user,
    .change-history-change-item .change-detail .change-address,
    .change-history-change-item .change-detail .change-client {
      float: left;
      margin-right: 9px; }
    .change-history-change-item .change-detail .change-user {
      width: 142px; }
    .change-history-change-item .change-detail .change-client {
      width: 70px; }
    .change-history-change-item .change-detail .change-address {
      width: 120px;
      text-align: start;
      justify-content: center; }
    .change-history-change-item .change-detail .change-time {
      margin-right: 5px;
      width: 55px; }

.change-history-change-item.change-sync-item {
  width: 92%; }
  .change-history-change-item.change-sync-item .change-info {
    float: left;
    height: 100%;
    padding: 4px 0; }
    .change-history-change-item.change-sync-item .change-info .change-type {
      float: left;
      font-size: 13px;
      padding-top: 1px;
      text-align: center;
      text-transform: capitalize; }
  .change-history-change-item.change-sync-item .change-detail {
    float: left;
    padding: 4px 4px 4px 9px;
    box-sizing: border-box;
    width: calc(100% - 76px); }
    .change-history-change-item.change-sync-item .change-detail .object-type {
      width: 20%;
      float: left;
      font-size: 14px; }
    .change-history-change-item.change-sync-item .change-detail .display-value {
      float: left;
      margin-right: 8px;
      width: 30%;
      text-align: center; }
    .change-history-change-item.change-sync-item .change-detail .change-user {
      width: 11%; }
    .change-history-change-item.change-sync-item .change-detail .change-client {
      width: 11%; }
    .change-history-change-item.change-sync-item .change-detail .change-address {
      width: 15%;
      text-align: start;
      justify-content: center; }
    .change-history-change-item.change-sync-item .change-detail .change-time {
      margin-right: 5px;
      width: 8%; }

@media (max-width: 1260px) {
  .change-history-change-item.change-sync-item {
    width: 92%; }
    .change-history-change-item.change-sync-item .change-info {
      float: left;
      height: 100%;
      padding: 4px 0; }
      .change-history-change-item.change-sync-item .change-info .change-type {
        float: left;
        font-size: 13px;
        padding-top: 1px;
        text-align: center;
        text-transform: capitalize; }
    .change-history-change-item.change-sync-item .change-detail {
      float: left;
      padding: 4px 4px 4px 9px;
      box-sizing: border-box;
      width: calc(100% - 76px); }
      .change-history-change-item.change-sync-item .change-detail .object-type {
        width: 20%;
        float: left;
        font-size: 14px; }
      .change-history-change-item.change-sync-item .change-detail .display-value {
        float: left;
        margin-right: 8px;
        width: 20%;
        text-align: center; }
      .change-history-change-item.change-sync-item .change-detail .change-user {
        width: 11%; }
      .change-history-change-item.change-sync-item .change-detail .change-client {
        width: 11%; }
      .change-history-change-item.change-sync-item .change-detail .change-address {
        width: 15%;
        text-align: start;
        justify-content: center; }
      .change-history-change-item.change-sync-item .change-detail .change-time {
        margin-right: 5px;
        width: 8%; } }

.load-more-container {
  margin-top: -100px;
  height: 1px; }

.active .change-toolbar .btn-link {
  color: #333; }

.change-toolbar {
  float: left;
  overflow: hidden; }
  .change-toolbar .tools {
    float: left;
    opacity: 0; }
  .change-toolbar .btn-link {
    padding: 5px 10px;
    color: #ccc; }
    .change-toolbar .btn-link:hover {
      color: #333; }

.change-row:hover .tools,
.change-row.active .tools {
  opacity: 1; }

.changes-container {
  position: relative;
  min-height: 300px;
  margin-bottom: 50px;
  z-index: 400;
  width: auto; }
  .changes-container .changes {
    float: left;
    min-height: 300px; }
    .changes-container .changes .change-row {
      clear: both;
      margin-bottom: 2px; }
    .changes-container .changes .loading-spinner-container {
      margin: 100px 0 0 400px; }
      .changes-container .changes .loading-spinner-container.loading-more {
        margin: 25px 0 0 190px; }
  .changes-container .infos {
    float: right;
    margin-right: 10px;
    width: 245px;
    margin-bottom: 20px; }
    .changes-container .infos .info-container {
      width: 245px; }
      .changes-container .infos .info-container hr {
        margin: 8px 0 10px; }
    .changes-container .infos .select-all-btn {
      margin-left: 4px; }
    .changes-container .infos .showing {
      overflow: auto;
      font-size: 16px;
      color: #666;
      padding: 10px 0 0 0; }
  .changes-container .change-date-header {
    float: left;
    position: relative;
    width: 150px;
    height: 28px; }
    .changes-container .change-date-header .change-date-header-content {
      width: 140px;
      box-sizing: border-box;
      transform: translateY(-4px);
      border-top: 1px solid #aaa;
      transition: color, font-size .4s ease-in-out;
      font-size: 18px;
      font-weight: 300;
      padding-left: 5px;
      background: white;
      color: #777; }
      .changes-container .change-date-header .change-date-header-content.sticky {
        color: #333; }
      .changes-container .change-date-header .change-date-header-content .btn-link {
        color: grey; }

.toolbar-change-list {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%; }
  .toolbar-change-list .btn-add {
    margin-right: 5px; }

.selected-change-list-container {
  width: 245px; }

.selected-change-list {
  float: left;
  min-height: 250px;
  max-height: calc(100vh - 244px);
  width: 245px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  border-top: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  border-radius: 5px;
  border: 1px solid #ddd; }
  .selected-change-list.is-empty {
    padding: 70px 20px 0 20px;
    color: #ddd;
    text-align: center; }
  .selected-change-list .instruction-text {
    font-size: 13px;
    color: #bbb; }
  .selected-change-list .selected-change {
    display: flex;
    line-height: 30px;
    width: 100%;
    float: left;
    background: #F5F5F5;
    border-bottom: 1px solid #D0D0D0; }
    .selected-change-list .selected-change:last-child {
      margin-bottom: -1px; }
    .selected-change-list .selected-change a.change-type {
      padding-right: 8px; }
    .selected-change-list .selected-change .change-type,
    .selected-change-list .selected-change .change-type,
    .selected-change-list .selected-change .object-type,
    .selected-change-list .selected-change .display-value {
      padding: 3px 2px 3px 8px;
      float: left;
      box-sizing: border-box; }
    .selected-change-list .selected-change .object-type {
      width: 100px; }
    .selected-change-list .selected-change .display-value {
      width: 100px; }

.form-control.tag-search-input {
  z-index: 1000; }
  .form-control.tag-search-input input.main-input {
    height: auto; }
  .form-control.tag-search-input .background-container {
    margin: 6px 12px 6px 9px; }

.truncate-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.unknown-user {
  opacity: 0; }

.container.change-syncs {
  width: 95vw; }
  .container.change-syncs .filter-environment {
    display: flex;
    float: right; }

.change-syncs-folder {
  padding-top: 13px; }
  .change-syncs-folder .ember-view .modal-header {
    padding-top: 18px;
    padding-bottom: 12px; }

.custom-con .loading-spinner {
  width: 18px;
  height: 18px; }
  .custom-con .loading-spinner .preloader-wrapper.small {
    height: 20px;
    width: 20px;
    margin-left: -10px;
    margin-top: -10px; }
    .custom-con .loading-spinner .preloader-wrapper.small .circle-clipper .circle {
      border-width: 2px; }

.selectize-input.disabled:after {
  border: 0px !important; }

.query-modal .alert-warning {
  margin-bottom: 0;
  text-align: center;
  margin-top: -1px;
  padding: 8px;
  border-radius: none; }

.query-modal .modal-body {
  padding-top: 10px; }

.query-modal .modal-header {
  font-weight: 400;
  font-size: 15px; }

.change-set-add-modal .modal-dialog {
  width: 90%; }

.change-set-add-modal .modal-body {
  padding-top: 8px; }

.change-set-add-modal .modal-content {
  min-height: 695px; }

.change-set-add-modal .change-set-item {
  position: relative;
  display: inline-block;
  padding: 5px 15px;
  width: 160px;
  text-align: center;
  margin: 5px 10px;
  cursor: pointer;
  border-radius: 3px;
  color: white;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  background: #85A3BD; }
  .change-set-add-modal .change-set-item:hover {
    background: #286090; }
  .change-set-add-modal .change-set-item span.label {
    position: absolute;
    bottom: -2px;
    right: -2px; }

.change-set-add-modal .change-set-group-header {
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  color: #999;
  margin: 0px 50px 4px 10px; }

.change-set-add-modal .modal-body {
  transition: height 800ms ease;
  min-height: 100px;
  overflow: auto; }

.change-set-add-modal .ember-light-table.ember-view {
  width: 100% !important;
  height: 500px; }

.change-set-add-modal .ember-light-table .lt-body-wrap {
  height: 500px; }
  .change-set-add-modal .ember-light-table .lt-body-wrap .lt-inline.lt-foot {
    margin-top: auto; }

.change-set-add-modal ul.pagination.pagination-sm {
  padding-left: 0px; }

.revert-object-modal .modal-body {
  padding: 15px 0 0 0; }
  .revert-object-modal .modal-body .tab-content .tab-inner-content {
    border-radius: 0; }

.revert-object-modal .modal-footer {
  border-top: none; }

.user-detail-modal {
  padding: 15px 15px 0;
  border-bottom: none; }
  .user-detail-modal .modal-header {
    padding: 15px 15px 10px; }
  .user-detail-modal .modal-body {
    padding: 15px 25px; }
  .user-detail-modal .btn-warning, .user-detail-modal .btn-danger {
    float: left; }

.group-detail-modal {
  padding: 15px 15px 0;
  border-bottom: none; }
  .group-detail-modal .modal-header {
    padding: 15px 15px 10px; }
  .group-detail-modal .modal-body {
    padding: 15px 25px; }
  .group-detail-modal .btn-warning, .group-detail-modal .btn-danger {
    float: left; }

.scroll-horizontal-table {
  overflow-x: auto;
  max-width: 100%; }

h2.exception-heading {
  margin: 20px 0px;
  margin-top: 5px;
  padding: 0px; }

h3.exception-message {
  margin: 10px 0px;
  padding: 0px;
  font-size: 16px; }

div.exception-stack {
  padding: 10px 20px;
  padding-bottom: 5px;
  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 11px; }
  div.exception-stack span.exception-line {
    display: block; }
  div.exception-stack span.exception-indent {
    display: inline-block;
    width: 20px; }

.object-list-container {
  position: relative;
  min-height: 300px;
  margin-bottom: 80px; }

.load-more {
  width: 160px;
  margin: 0 auto;
  text-align: center; }

div.tab-inner-content.attributes-tab .attributes-table-container {
  padding: 30px 50px;
  width: 100%;
  height: 100%;
  overflow-y: auto; }

div.tab-inner-content.attributes-tab table.table-attribute-detail {
  box-sizing: border-box; }
  div.tab-inner-content.attributes-tab table.table-attribute-detail th {
    text-align: right;
    width: 200px; }
  div.tab-inner-content.attributes-tab table.table-attribute-detail td {
    text-align: left; }
  div.tab-inner-content.attributes-tab table.table-attribute-detail th,
  div.tab-inner-content.attributes-tab table.table-attribute-detail td {
    padding: 5px 10px; }
  div.tab-inner-content.attributes-tab table.table-attribute-detail tr > th,
  div.tab-inner-content.attributes-tab table.table-attribute-detail tr > td {
    border-top: none; }

div.tab-inner-content.single-table-tab .attributes-table-container {
  padding: 30px 50px;
  width: 100%;
  height: 100%;
  overflow-y: auto; }

div.tab-inner-content.single-table-tab table.table-attribute-detail {
  box-sizing: border-box; }
  div.tab-inner-content.single-table-tab table.table-attribute-detail th {
    text-align: right;
    width: 200px; }
  div.tab-inner-content.single-table-tab table.table-attribute-detail td {
    text-align: left; }
  div.tab-inner-content.single-table-tab table.table-attribute-detail th,
  div.tab-inner-content.single-table-tab table.table-attribute-detail td {
    padding: 5px 10px; }
  div.tab-inner-content.single-table-tab table.table-attribute-detail tr > th,
  div.tab-inner-content.single-table-tab table.table-attribute-detail tr > td {
    border-top: none; }

.boolean-attribute-value.glyphicon-unchecked {
  color: #eee; }

.boolean-attribute-value.glyphicon-check {
  color: #666; }

.no-bullets {
  list-style-type: none;
  display: contents; }
  .no-bullets li {
    margin-bottom: 10px; }

.diff-display {
  word-wrap: break-word;
  text-align: center;
  word-break: break-all; }

.vertical-container {
  margin-top: 1px;
  text-align: center; }

.detail-attribute {
  display: inline-block;
  word-break: break-word; }

.no-bullets {
  list-style-type: none;
  display: contents; }
  .no-bullets li {
    margin-bottom: 10px; }

.change-val {
  display: inline-block; }
  .change-val.seperator {
    margin: 0 3px 0px 2px; }
  .change-val.vertical {
    transform: rotateZ(90deg); }
  .change-val.before, .change-val.after {
    position: relative;
    z-index: 10; }
    .change-val.before:before, .change-val.after:before {
      content: " ";
      z-index: -1;
      position: absolute;
      top: -1px;
      bottom: -2px;
      right: -3px;
      left: -3px;
      border-radius: 0.25em;
      border-width: 1px;
      border-style: solid; }
  .change-val.edited.before, .change-val.edited.after {
    color: #31708f; }
    .change-val.edited.before:before, .change-val.edited.after:before {
      background-color: #d9edf7;
      border-color: #bce8f1; }
  .change-val.added.before {
    display: none; }
  .change-val.added.after, .change-val.revert-val.removed.before {
    color: #3c763d;
    text-decoration: none; }
    .change-val.added.after.empty, .change-val.revert-val.removed.before.empty {
      font-weight: 500;
      font-size: 12px;
      text-decoration: none; }
    .change-val.added.after:before, .change-val.revert-val.removed.before:before {
      background-color: #dff0d8;
      border-color: #d6e9c6; }
  .change-val.added-json.after:before {
    background-color: transparent;
    border-color: transparent; }
  .change-val.removed.before, .change-val.revert-val.added.after {
    color: #a94442;
    text-decoration: line-through; }
    .change-val.removed.before.empty, .change-val.revert-val.added.after.empty {
      font-weight: 500;
      font-size: 12px;
      text-decoration: none; }
    .change-val.removed.before:before, .change-val.revert-val.added.after:before {
      background-color: #f2dede;
      border-color: #ebccd1; }

.change-val.json-object .CodeMirror .CodeMirror-line {
  /* Green for added lines */ }
  .change-val.json-object .CodeMirror .CodeMirror-line .cm-positive {
    background: #dff0d8 !important;
    color: #3c763d; }

.change-val.json-object .CodeMirror .CodeMirror-line.diff-removed {
  background: #fbb6c2 !important;
  /* Red for removed lines */ }

.change-val.json-object.seperator {
  margin: 0 3px 0px 2px; }

.change-val.json-object.vertical {
  transform: rotateZ(90deg); }

.change-val.json-object.before, .change-val.json-object.after {
  position: relative;
  z-index: 10; }
  .change-val.json-object.before:before, .change-val.json-object.after:before {
    content: " ";
    z-index: -1;
    position: absolute;
    top: -1px;
    bottom: -2px;
    right: -3px;
    left: -3px;
    border-radius: 0.25em;
    border-width: 1px;
    border-style: solid; }

.change-val.json-object.edited.before, .change-val.json-object.edited.after {
  color: #31708f; }
  .change-val.json-object.edited.before .CodeMirror .CodeMirror-line, .change-val.json-object.edited.after .CodeMirror .CodeMirror-line {
    /* Green for added lines */ }
    .change-val.json-object.edited.before .CodeMirror .CodeMirror-line .cm-positive, .change-val.json-object.edited.after .CodeMirror .CodeMirror-line .cm-positive {
      background-color: #dff0d8 !important;
      border-color: #d6e9c6;
      color: #3c763d; }
    .change-val.json-object.edited.before .CodeMirror .CodeMirror-line span.cm-negative, .change-val.json-object.edited.after .CodeMirror .CodeMirror-line span.cm-negative {
      background-color: #f2dede !important;
      border-color: #ebccd1;
      color: #a94442; }
  .change-val.json-object.edited.before:before, .change-val.json-object.edited.after:before {
    background-color: #ffffff;
    border-color: #ffffff; }

.change-val.json-object.added.before {
  display: none; }

.change-val.json-object.added.after, .change-val.json-object.revert-val.removed.before {
  color: #3c763d;
  text-decoration: none; }
  .change-val.json-object.added.after.empty, .change-val.json-object.revert-val.removed.before.empty {
    font-weight: 500;
    font-size: 12px;
    text-decoration: none; }
  .change-val.json-object.added.after:before, .change-val.json-object.revert-val.removed.before:before {
    background-color: #dff0d8;
    border-color: #d6e9c6; }
  .change-val.json-object.added.after .CodeMirror span, .change-val.json-object.revert-val.removed.before .CodeMirror span {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d; }

.change-val.json-object.removed.before, .change-val.json-object.revert-val.added.after {
  color: #a94442;
  text-decoration: line-through; }
  .change-val.json-object.removed.before.empty, .change-val.json-object.revert-val.added.after.empty {
    font-weight: 500;
    font-size: 12px;
    text-decoration: none; }
  .change-val.json-object.removed.before .CodeMirror span, .change-val.json-object.revert-val.added.after .CodeMirror span {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442; }
  .change-val.json-object.removed.before:before, .change-val.json-object.revert-val.added.after:before {
    background-color: #f2dede;
    border-color: #ebccd1; }

.attribute-changed-json-modal {
  text-align: left; }
  .attribute-changed-json-modal .modal-dialog {
    height: 80%; }
    .attribute-changed-json-modal .modal-dialog .modal-content {
      height: inherit; }
      .attribute-changed-json-modal .modal-dialog .modal-content .modal-body {
        height: inherit; }
  .attribute-changed-json-modal .change-val.json-object,
  .attribute-changed-json-modal .attribute-val.json-object {
    height: 100%;
    width: 100%; }
  .attribute-changed-json-modal .CodeMirror {
    height: inherit;
    position: relative;
    overflow: hidden; }
    .attribute-changed-json-modal .CodeMirror span {
      background-color: #fff;
      border-color: #fff;
      color: #000; }
  .attribute-changed-json-modal .CodeMirror .CodeMirror-line .cm-positive {
    background: #dff0d8 !important;
    color: #3c763d; }
  .attribute-changed-json-modal .CodeMirror .CodeMirror-line.diff-removed {
    background: #fbb6c2 !important; }
  .attribute-changed-json-modal .change-val.added.after:before,
  .attribute-changed-json-modal .change-val.revert-val.removed.before:before {
    background-color: transparent;
    border-color: transparent; }

.detail-kvlist {
  position: relative;
  height: 100%;
  width: 100%; }
  .detail-kvlist .kvlist-container {
    overflow: hidden;
    display: block;
    float: left;
    position: relative; }
    .detail-kvlist .kvlist-container.kvlist-sections {
      height: 100%;
      overflow-y: auto;
      width: calc(30% - 1px); }
    .detail-kvlist .kvlist-container.kvlist-pairs {
      height: 100%;
      width: calc(70% - 1px);
      border-left: 1px solid #ddd;
      -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) -1px 0px 1px 0px;
      box-shadow: rgba(0, 0, 0, 0.0745098) -1px 0px 1px 0px; }
      .detail-kvlist .kvlist-container.kvlist-pairs .kvlist-pairs-heading {
        text-align: center;
        padding: 10px 0px;
        border-bottom: 1px solid #ddd; }

ul.kvlist-sections {
  margin-bottom: 0px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  ul.kvlist-sections li.list-group-item {
    border-left: none;
    border-right: none;
    border-image: none;
    font-size: 13px;
    padding: 7px 6px 7px 10px;
    position: relative; }
    ul.kvlist-sections li.list-group-item .badge-container {
      position: absolute;
      right: 4px; }
    ul.kvlist-sections li.list-group-item .badge-1 {
      padding-right: 26px; }
    ul.kvlist-sections li.list-group-item .badge-2 {
      padding-right: 52px; }
    ul.kvlist-sections li.list-group-item .badge-3 {
      padding-right: 78px; }
    ul.kvlist-sections li.list-group-item .list-group-item-text {
      color: #333 !important;
      width: 100%;
      margin-top: 3px; }
    ul.kvlist-sections li.list-group-item .badge.change {
      color: #31708f;
      border: 1px solid #31708f;
      background-color: #d9edf7;
      border-color: #bce8f1; }
    ul.kvlist-sections li.list-group-item .badge.deletion {
      color: #a94442;
      border: 1px solid #a94442;
      background-color: #f2dede;
      border-color: #ebccd1; }
    ul.kvlist-sections li.list-group-item .badge.addition {
      color: #3c763d;
      border: 1px solid #3c763d;
      background-color: #dff0d8;
      border-color: #d6e9c6; }
    ul.kvlist-sections li.list-group-item[data-ember-action] {
      cursor: default; }
    ul.kvlist-sections li.list-group-item:first-child.active, ul.kvlist-sections li.list-group-item:first-child.active:hover {
      border-top-right-radius: 0px;
      border-top: 1px #EEE solid; }
    ul.kvlist-sections li.list-group-item:first-child {
      border-top-right-radius: 0px;
      border-top: 1px transparent solid; }
    ul.kvlist-sections li.list-group-item:last-child {
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom: none; }
    ul.kvlist-sections li.list-group-item.active, ul.kvlist-sections li.list-group-item.active:hover {
      color: #333;
      background: #eee;
      border-color: #c8c8c8;
      background-image: none; }

table.kvlist-pairs {
  margin-bottom: 0px;
  position: relative;
  width: 100%;
  max-width: 100%;
  font-size: 13px;
  table-layout: fixed; }
  table.kvlist-pairs thead > tr > th.key,
  table.kvlist-pairs tbody > tr > th.key,
  table.kvlist-pairs thead > tr > td.key,
  table.kvlist-pairs tbody > tr > td.key {
    position: relative;
    width: 50%;
    max-width: 50%;
    min-width: 50%; }
  table.kvlist-pairs thead > tr > th.value,
  table.kvlist-pairs tbody > tr > th.value,
  table.kvlist-pairs thead > tr > td.value,
  table.kvlist-pairs tbody > tr > td.value {
    position: relative;
    width: 80%;
    max-width: 80%;
    min-width: 80%; }

.object-detail-json {
  height: inherit;
  width: 100%; }
  .object-detail-json .json-object {
    height: inherit;
    width: 100%; }
  .object-detail-json .CodeMirror {
    height: inherit;
    position: relative;
    overflow: hidden; }
    .object-detail-json .CodeMirror span {
      background-color: #fff;
      border-color: #fff;
      color: #000; }

/* layout of the page */
div {
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.container.container-objects {
  position: relative;
  width: 100%;
  padding: 20px 50px; }
  @media (min-width: 768px) {
    .container.container-objects {
      height: 75%; } }
  @media (min-width: 992px) {
    .container.container-objects {
      height: 90%; } }

.left-content {
  width: 15%;
  float: left;
  position: relative;
  height: 100%; }
  .left-content .left-content-inner-top {
    min-height: 30px;
    width: 100%; }
  .left-content .left-content-inner-middle {
    height: calc(100% - 70px - 10%);
    width: 100%;
    position: relative; }
  .left-content .left-content-inner-bottom {
    height: calc(100% - 41px - 90%);
    width: 100%;
    position: relative; }

.right-content-with-tools {
  width: 85%;
  float: left;
  height: 100%; }
  .right-content-with-tools .base-object-detail {
    height: 90%; }
  .right-content-with-tools .content-tools {
    margin: 10px 0px;
    overflow: auto; }

.base-object-detail {
  position: relative;
  height: 100%;
  width: 100%;
  min-height: 400px; }
  .base-object-detail .table-condensed > thead > tr > th {
    padding: 10px; }
  .base-object-detail .tab-tabs {
    display: flex;
    height: 40px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    width: 100%;
    left: 10px;
    top: 0; }
    .base-object-detail .tab-tabs .tse-scrollbar {
      display: none !important; }
    .base-object-detail .tab-tabs .tab-tool {
      padding-top: 8px;
      transition: transform 0.5s ease;
      cursor: pointer; }
      .base-object-detail .tab-tabs .tab-tool:hover {
        transform: scale(1.25); }
    .base-object-detail .tab-tabs ul.nav-tabs {
      height: 40px;
      width: max-content;
      position: absolute;
      top: 0;
      bottom: 0;
      border-bottom: none; }
      .base-object-detail .tab-tabs ul.nav-tabs .badge {
        font-size: 9px;
        width: 23px;
        text-align: center;
        padding: 2px 3px; }
      .base-object-detail .tab-tabs ul.nav-tabs li a {
        height: 40px;
        text-transform: capitalize;
        padding: 6px 24px 0px 24px;
        letter-spacing: 1px;
        font-size: 14px; }
        .base-object-detail .tab-tabs ul.nav-tabs li a.has-badge {
          padding: 6px 10px; }
      .base-object-detail .tab-tabs ul.nav-tabs li a:hover {
        border: 1px solid transparent;
        color: #337ab7; }
      .base-object-detail .tab-tabs ul.nav-tabs .active {
        z-index: 35; }
      .base-object-detail .tab-tabs ul.nav-tabs li.active a,
      .base-object-detail .tab-tabs ul.nav-tabs li.active a:hover {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        color: #333; }
  .base-object-detail .tab-content {
    position: absolute;
    top: 39px;
    bottom: 0;
    width: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff; }
    .base-object-detail .tab-content .tab-inner-content {
      border: 1px solid #ddd;
      border-radius: 4px;
      position: relative;
      height: 100%;
      width: 100%;
      overflow: hidden;
      box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0px 1px 1px; }
    .base-object-detail .tab-content .tab-inner-content.table-tab {
      overflow: auto; }

.sort-icons {
  cursor: pointer;
  float: right;
  opacity: .5; }
  .sort-icons.active {
    opacity: 1; }

.container-base-object {
  width: 95%;
  height: 92%; }
  .container-base-object .content {
    height: 100%; }
  .container-base-object .folders-container {
    height: 100%;
    overflow-y: auto; }
  .container-base-object .objects-container {
    height: 100%;
    overflow-y: auto; }

.comapre-object-modal .modal-body {
  padding: 15px 15px 0 15px; }
  .comapre-object-modal .modal-body .title {
    font-size: 16px;
    font-weight: 500;
    padding-top: 30px;
    text-align: right; }
  .comapre-object-modal .modal-body .header-row {
    padding-top: 8px; }
  .comapre-object-modal .modal-body .detail-row {
    margin-top: 15px; }
  .comapre-object-modal .modal-body .tab-content .tab-inner-content {
    border-radius: 0; }

.comapre-object-modal .modal-footer {
  border-top: none; }

.active .compared-to {
  display: inline-block; }

.active .compared-text {
  font-weight: 500; }

.compared-to {
  display: none; }

.change-list-container {
  height: calc(100% - 20px);
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0px 1px 1px;
  border: 1px solid #ddd;
  border-right: none;
  box-sizing: border-box; }
  .change-list-container .change-list {
    width: 100%;
    height: calc(100% - 38px);
    overflow: auto; }
    .change-list-container .change-list > .change-list-item:first-child {
      border-top-right-radius: 0px; }
    .change-list-container .change-list > .change-list-item:last-child {
      border-bottom: none;
      border-bottom-right-radius: 0px; }
  .change-list-container .change-list-item {
    font-size: 13px;
    border-bottom: 1px solid #eee;
    display: block;
    transition: height, max-height .5s ease-in-out;
    overflow: hidden;
    max-height: 28px;
    line-height: 20px; }
    .change-list-container .change-list-item .heading {
      padding: 6px 0 6px 10px; }
    .change-list-container .change-list-item .item {
      padding: 1px 0 1px 20px; }
    .change-list-container .change-list-item > i {
      color: #777;
      margin: 0 2px; }
    .change-list-container .change-list-item:hover, .change-list-container .change-list-item.active {
      max-height: 200px;
      background-color: #fafafa; }
    .change-list-container .change-list-item.header {
      min-height: 0;
      text-align: center;
      max-height: 100px;
      padding-left: 0px;
      padding-top: 10px;
      padding-bottom: 10px; }
    .change-list-container .change-list-item.active {
      background: #eee;
      border-color: #eee;
      color: #333; }

.change-list {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.change-list > li {
  background-color: white;
  box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
  padding: 0px;
  margin: 0px 0px 20px; }

.change-list > li > time {
  display: inline-block;
  width: 100%;
  color: white;
  background-color: #363636;
  padding: 5px;
  text-align: center;
  text-transform: uppercase;
  border-color: black; }

.change-list > li > .change-deleted {
  color: #f2dede;
  background-color: #a94442;
  border-color: #ebccd1; }

.change-list > li > .change-created {
  color: #dff0d8;
  background-color: #3c763d;
  border-color: #d6e9c6; }

.change-list > li > .change-updated {
  color: #d9edf7;
  background-color: #31708f;
  border-color: #bce8f1; }

.change-list > li > time > span {
  display: none; }

.change-list > li > time > .day {
  display: block;
  font-size: 16pt;
  font-weight: 100;
  line-height: 1; }

.change-list > li time > .object-type {
  display: block;
  font-size: 9pt;
  font-weight: 700;
  line-height: 1;
  padding-top: 2px;
  padding-bottom: 2px; }

.change-list > li time > .change-type {
  display: block;
  font-size: 12pt;
  font-weight: 700;
  line-height: 1;
  padding-top: 2px; }

.change-list > li time > .year {
  display: block;
  font-size: 8pt; }

.change-list > li > img {
  width: 100%; }

.change-list > li > .info {
  padding-top: 5px;
  text-align: center; }

.change-list > li > .info > .title {
  font-size: 12pt;
  font-weight: 700;
  margin: 0px; }

.change-list > li > .info > .desc {
  font-size: 11pt;
  font-weight: 300;
  font-style: italic;
  padding-top: 5px !important;
  margin: 0px; }

.change-list > li > .info > ul,
.change-list > li > .social > ul {
  display: table;
  list-style: none;
  margin: 10px 0px 0px;
  padding: 0px;
  width: 100%;
  text-align: center; }

.change-list > li > .social > ul {
  margin: 0px; }

.change-list > li > .info > ul > li,
.change-list > li > .social > ul > li {
  display: table-cell;
  cursor: pointer;
  color: #1e1e1e;
  font-size: 11pt;
  font-weight: 300;
  padding: 3px 0px; }

.change-list > li > .info > ul > li > a {
  display: block;
  width: 100%;
  color: #1e1e1e;
  text-decoration: none; }

.change-list > li > .social > ul > li {
  padding: 0px; }

.change-list > li > .social > ul > li > a {
  padding: 3px 0px;
  text-decoration: none; }

.change-list > li > .info > ul > li:hover,
.change-list > li > .social > ul > li:hover {
  color: #1e1e1e;
  background-color: #c8c8c8; }

.view-object a,
.twitter a,
.revertchange a {
  display: block;
  width: 100%;
  color: #4b6ea8 !important; }

.twitter a {
  color: #3c763d !important; }

.revertchange a {
  color: #dd4b39 !important; }

.view-object:hover a {
  color: white !important;
  background-color: #4b6ea8 !important; }

.twitter:hover a {
  color: white !important;
  background-color: #3c763d !important; }

.revertchange:hover a {
  color: white !important;
  background-color: #dd4b39 !important; }

@media (min-width: 768px) {
  .change-list > li {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    padding: 0px; }
  .change-list > li > time,
  .change-list > li > img {
    display: inline-block; }
  .change-list > li > time,
  .change-list > li > img {
    width: 120px;
    float: left; }
  .change-list > li > .info {
    background-color: whitesmoke;
    overflow: hidden; }
  .change-list > li > time,
  .change-list > li > img {
    width: 120px;
    height: 80px;
    padding: 0px;
    margin: 0px; }
  .change-list > li > .info {
    position: relative;
    height: 80px;
    text-align: left;
    padding-right: 40px; }
  .change-list > li > .info > .title,
  .change-list > li > .info > .desc {
    padding: 0px 10px; }
  .change-list > li > .info > ul {
    position: absolute;
    left: 0px;
    bottom: 0px; }
  .change-list > li > .social {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 120px; }
  .change-list > li > .social > ul {
    border-left: 1px solid #e6e6e6; }
  .change-list > li > .social > ul > li {
    display: block;
    padding: 0px;
    text-align: left;
    left: 20px; }
  .change-list > li > .social > ul > li > a {
    display: block;
    width: 120px;
    padding: 10px 0px 9px 10px;
    text-align: left;
    text-decoration: none; } }

/* full background */
div.login {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #dcdee0 10%, #c3c6c7 90%); }

.login-panel {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 300px;
  transform: translate(-50%, -50%);
  padding: 25px 0 30px 0;
  border-radius: 2px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25);
  background-image: linear-gradient(to bottom, #fff 0%, #eaeaea 100%); }

.loggedin-icon {
  margin: 15px 0; }

.logo-header {
  width: 100%;
  height: 100px;
  background: url("/assets/img/inprod_logo.png") no-repeat center center;
  background-size: 70%; }

.login-content {
  position: relative;
  width: 100%; }

form.login {
  margin: 15px 0; }
  form.login .input-group {
    margin: 0 auto;
    width: 220px;
    overflow: auto;
    display: block; }
    form.login .input-group .input-error {
      font-size: 12px;
      float: right;
      margin: 0;
      color: #a94442; }
  form.login .input-group input {
    border-radius: 0px; }
  form.login .btn-regular-bg {
    background-image: none;
    border-color: #2e6da4;
    text-shadow: none;
    box-shadow: none; }
  form.login .auth-btns {
    margin-top: 10px; }
    form.login .auth-btns button {
      width: 100%; }

span.loggedin {
  margin-top: 50px;
  color: #5cb85c;
  font-size: 50px;
  display: block;
  text-align: center; }
  span.loggedin.loggedin-hidden {
    position: absolute;
    top: -100px;
    margin: 0px; }

.login-content .alert {
  border-radius: 3px;
  padding: 7px 10px;
  margin: 0px 30px;
  margin-top: 10px; }

.login-content .alert span {
  margin-right: 10px; }

.oauth-providers-list {
  padding: 0px 40px; }
  .oauth-providers-list .oauth-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px; }
  .oauth-providers-list .oauth-provider-item {
    display: flex;
    width: 100%;
    height: 33.5px;
    border: #2e6da4 1px solid;
    border-radius: 4px;
    align-items: center;
    padding: 18px;
    margin-bottom: 10px;
    cursor: pointer; }
    .oauth-providers-list .oauth-provider-item:hover {
      background-color: #f5f5f5; }
    .oauth-providers-list .oauth-provider-item span.oauth-name {
      width: 100%;
      display: flex;
      justify-content: center;
      font-size: 16px;
      font-weight: 400; }

.oauth-alternative {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px; }

.auth-alt {
  display: flex;
  justify-content: center;
  margin: 10px 0px;
  font-size: 12px; }

.oauth-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 28px; }

div.ember-dropdown-menu.dropdown-parent {
  display: inline-block;
  position: relative; }
  div.ember-dropdown-menu.dropdown-parent ul.ember-dropdown-menu.dropdown-menu {
    max-height: 250px;
    overflow: auto; }

div.ember-dropdown-menu.dropdown-parent.dropdown ul.ember-dropdown-menu.dropdown-menu {
  margin-bottom: 50px; }

div.ember-dropdown-menu.dropdown-parent.dropup ul.ember-dropdown-menu.dropdown-menu {
  margin-top: 50px; }

.overlay-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .overlay-button.disabled {
    background-color: black;
    opacity: .4; }
  .overlay-button .overlay-content {
    display: none; }

.text-overflow {
  position: relative; }
  .text-overflow .text-overflow-overlay {
    box-sizing: border-box;
    transition: opacity .3s ease-in-out;
    pointer-events: none;
    z-index: 2000;
    top: -2px;
    left: -6px;
    border-radius: 3px;
    position: absolute;
    white-space: nowrap;
    padding: 1px 5px;
    background-color: #F7F7F9;
    border: 1px solid #ECECF0; }
    .text-overflow .text-overflow-overlay.text-overlay-hidden {
      opacity: 0; }
  .text-overflow .text-overflow-container {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.route-loading-spinner {
  height: 0px;
  position: absolute;
  width: 100%; }
  .route-loading-spinner .route-loading-spinner-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    transition: opacity 350ms;
    opacity: 0.90;
    z-index: 1198; }
  .route-loading-spinner .route-loading-spinner-spinner {
    position: relative;
    z-index: 1199;
    padding: 20px 0px;
    margin: 0px 20px; }
    .route-loading-spinner .route-loading-spinner-spinner .loading-spinner {
      width: 200px;
      height: 200px; }

.cs-inline-editable-field {
  display: inline-flex; }
  .cs-inline-editable-field.large-text .value {
    font-size: 18px;
    max-width: 100%; }
  .cs-inline-editable-field .value-edit {
    display: inline-block; }
    .cs-inline-editable-field .value-edit input {
      min-width: 150px; }
  .cs-inline-editable-field .input-group-addon, .cs-inline-editable-field .input-group-btn, .cs-inline-editable-field .input-group .form-control {
    display: block; }
  .cs-inline-editable-field:hover .value-display button {
    color: #ccc; }
    .cs-inline-editable-field:hover .value-display button:active, .cs-inline-editable-field:hover .value-display button:focus {
      color: #ccc; }
    .cs-inline-editable-field:hover .value-display button:hover, .cs-inline-editable-field:hover .value-display button:hover:active {
      color: #333333; }
  .cs-inline-editable-field .value-display {
    word-wrap: break-word; }
    .cs-inline-editable-field .value-display button {
      border: none;
      background-color: transparent;
      color: #f2f2f2; }
      .cs-inline-editable-field .value-display button:active, .cs-inline-editable-field .value-display button:focus {
        color: #ccc; }
      .cs-inline-editable-field .value-display button:hover, .cs-inline-editable-field .value-display button:hover:active {
        color: #333333; }
      .cs-inline-editable-field .value-display button:hover, .cs-inline-editable-field .value-display button:active, .cs-inline-editable-field .value-display button:focus {
        background-color: transparent;
        border-color: transparent;
        outline: none; }

.cs-inline-editable-field:after {
  content: "";
  transition: opacity 1s linear 0s;
  -webkit-transition: opacity 1s linear 0s; }

.cs-inline-editable-field.has-saved:after {
  opacity: 0;
  font-family: "Glyphicons Halflings";
  color: green;
  content: "\e013"; }

.spinner-parent {
  display: flex;
  align-items: center; }

.spinner, .spinner--center {
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-left: 14px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.inline-editable-dropdown:after {
  content: "";
  transition: opacity 1s linear 0s;
  -webkit-transition: opacity 1s linear 0s; }

.inline-editable-dropdown.has-saved:after {
  opacity: 0;
  position: relative;
  left: 10px;
  bottom: 7px;
  font-family: "Glyphicons Halflings";
  color: green;
  content: "\e013"; }

.modal-table-wide {
  width: 400px; }

.modal-table-super-wide {
  width: 600px; }

.text-area-parent-width {
  max-width: 100%;
  max-height: 100%; }

.ember-light-table {
  font-family: 'Open Sans',sans-serif;
  display: inline-table; }
  .ember-light-table .lt-body-wrap {
    overflow-y: visible; }

.lt-inline.lt-head > table .lt-head th {
  white-space: normal;
  word-wrap: break-word; }

.ember-light-table thead .lt-column {
  border-bottom: 2px solid #DADADA;
  font-size: 14px;
  font-weight: 600;
  padding: 5px; }
  .ember-light-table thead .lt-column .glyphicon {
    font-size: 12px;
    font-weight: 100; }

.ember-light-table .lt-row {
  height: 40px;
  box-sizing: border-box;
  table-layout: fixed; }
  .ember-light-table .lt-row.is-selected {
    background-color: #DEDEDE; }
  .ember-light-table .lt-row:not(.is-selected):hover {
    background-color: #F5F4F4; }

.ember-light-table .lt-row td {
  padding: 0 10px;
  font-size: 13px;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: #DADADA;
  word-wrap: break-word; }

.ember-light-table .lt-body .lt-no-href a {
  color: inherit;
  font-size: inherit;
  text-decoration: inherit; }

.pagination {
  display: inline-block;
  padding-top: 10px; }
  .pagination li {
    display: inline; }
    .pagination li a,
    .pagination li span {
      position: relative;
      float: left;
      padding: 6px 12px;
      color: black;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination li:first-child a,
    .pagination li:first-child span {
      border-top-left-radius: 25%;
      border-bottom-left-radius: 25%; }
    .pagination li:last-child a,
    .pagination li:last-child span {
      border-top-right-radius: 25%;
      border-bottom-right-radius: 25%; }
  .pagination li.active a,
  .pagination li.active span {
    color: white;
    background-color: #1873c3; }
  .pagination li.disabled a,
  .pagination li.disabled span {
    background-color: lightgray; }

.variable-table-cell .form-container {
  margin-top: 10px; }

.spinner--center {
  margin: auto; }

.model-delete-confirm-inline {
  display: inline; }

.folder-tree_modal-header_tooltip {
  z-index: 1210;
  max-width: 600px; }

.jstree-default-contextmenu {
  z-index: 1210; }

.genesys-folder-tree-modal {
  padding-left: 20px;
  padding-bottom: 40px; }

.glyphicon-disabled {
  color: grey; }

.calendar-to-label-wrapper {
  padding-right: 32px; }

.center-align {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333; }

.edit-html-textarea {
  width: 100%; }

table.configuration-table {
  margin: auto;
  margin-bottom: 30px;
  width: 80%; }
  table.configuration-table tr {
    height: 34px; }
    table.configuration-table tr td {
      width: 65%; }
    table.configuration-table tr th {
      width: 35%; }
    table.configuration-table tr .center {
      text-align: center; }

.lt-cell div .elt-href.active {
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline; }

nav#sub-nav-list {
  text-align: center;
  margin-top: -5px;
  margin-bottom: -10px; }
  nav#sub-nav-list li {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    float: none;
    display: inline-block;
    text-align: center;
    list-style: none;
    margin: -10px -4px 10px 0; }
  nav#sub-nav-list li:first-child {
    border-left-style: solid;
    border-left-width: 1px; }
  nav#sub-nav-list li:last-child {
    border-right-style: solid;
    border-right-width: 1px; }
  nav#sub-nav-list a {
    display: block;
    padding: 10px 12px;
    color: #777;
    text-decoration: none; }
    nav#sub-nav-list a:hover, nav#sub-nav-list a:focus {
      background: #e7e7e7; }

table.lr-report-data-table {
  margin: auto;
  width: 75%; }

.inline-editable-dropdown:after {
  content: "";
  transition: opacity 1s linear 0s;
  -webkit-transition: opacity 1s linear 0s; }

.inline-editable-dropdown.has-saved:after {
  opacity: 0;
  position: relative;
  left: 10px;
  bottom: 7px;
  font-family: "Glyphicons Halflings";
  color: green;
  content: "\e013"; }

.ember-basic-dropdown {
  position: relative; }

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box; }

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff; }

.ember-basic-dropdown-content--left {
  left: 0; }

.ember-basic-dropdown-content--right {
  right: 0; }

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none; }

.ember-basic-dropdown-content-wormhole-origin {
  display: inline; }

.ember-power-select-dropdown * {
  box-sizing: border-box; }

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */ }
  .ember-power-select-trigger:after {
    content: "";
    display: table;
    clear: both; }

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none; }

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent; }
  .ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
    transform: rotate(180deg); }

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer; }

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */ }
  .ember-power-select-trigger-multiple-input:disabled {
    background-color: #eeeeee; }
  .ember-power-select-trigger-multiple-input::placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-moz-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-ms-input-placeholder {
    opacity: 1;
    color: #999999; }

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0; }

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px; }

.ember-power-select-multiple-remove-btn {
  cursor: pointer; }
  .ember-power-select-multiple-remove-btn:not(:hover) {
    opacity: 0.5; }

.ember-power-select-search {
  padding: 4px; }

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px; }
  .ember-power-select-search-input:focus {
    border: 1px solid #aaaaaa;
    box-shadow: none; }

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit; }

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%; }

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none; }
  .ember-power-select-options[role="listbox"] {
    overflow-y: auto;
    /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
    -webkit-overflow-scrolling: touch;
    max-height: 12.25em; }

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px; }

.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed; }

.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed; }

.ember-power-select-option[aria-selected="true"] {
  background-color: #dddddd; }

.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff; }

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold; }

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee; }

.ember-power-select-trigger {
  padding: 0 16px 0 0; }

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px; }

.ember-power-select-status-icon {
  right: 5px; }

.ember-power-select-clear-btn {
  right: 25px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px; }

.ember-power-select-group .ember-power-select-option {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px; }

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
    margin-right: 8px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
    left: 5px;
    right: initial; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
    left: 25px;
    right: initial; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px; }

.ember-modal-dialog {
  z-index: 51;
  position: fixed; }
  .ember-modal-dialog.emd-in-place {
    position: static; }

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center; }

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center; }

.ember-modal-wrapper.emd-animatable .ember-modal-dialog {
  position: relative; }

.ember-modal-overlay {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50; }

.ember-modal-dialog {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 10px #222;
  padding: 10px; }

.ember-modal-overlay.translucent {
  background-color: rgba(128, 128, 128, 0.77); }

.ember-modal-dialog {
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0px; }

.ember-modal-overlay {
  z-index: 1300; }

.advanced-filter-tooltip {
  z-index: 1300; }
  @media (min-width: 768px) {
    .advanced-filter-tooltip {
      max-width: 275px; } }
  @media (min-width: 992px) {
    .advanced-filter-tooltip {
      max-width: 400px; } }
  @media (min-width: 1200px) {
    .advanced-filter-tooltip {
      max-width: 600px; } }

.email-recipients-tooltip {
  z-index: 1300; }

body {
  overflow-y: auto; }

html,
body,
body.ember-application > div.ember-view {
  height: 100%; }

body.ember-application > div.ember-tether {
  height: auto; }

.flash-message-container .animated {
  animation-duration: 100ms !important; }

.table-link > tbody > tr > td {
  padding: 0; }
  .table-link > tbody > tr > td a.no-style, .table-link > tbody > tr > td .change-list-container a.change-list-item, .change-list-container .table-link > tbody > tr > td a.change-list-item {
    width: 100%;
    height: 100%;
    display: block;
    padding: 8px; }

.table > tbody > tr > th {
  text-transform: capitalize;
  vertical-align: middle; }

a.no-style, .change-list-container a.change-list-item {
  color: inherit;
  font-size: inherit;
  text-decoration: inherit; }

.no-events {
  pointer-events: none; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.loading-container {
  height: 90%;
  margin-top: -15px;
  position: relative;
  width: 100%; }

body {
  font-weight: 200; }

.modal-dialog {
  margin-top: 70px; }

.initial-loader {
  position: fixed; }

.dropdown-menu > li > a {
  font-weight: 200; }
  .dropdown-menu > li > a.active {
    background-color: #e7e7e7; }

.label.thin-label {
  font-weight: 400; }

span.caret.caret-left {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid; }

span.caret.caret-right {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid; }

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  100% {
    transform: none; } }

.flash-message-container {
  z-index: 2000;
  position: fixed;
  top: 20px;
  right: 10px;
  width: 320px; }
  .flash-message-container .alert {
    margin: 0 0 8px 0;
    animation-name: bounceInRight;
    animation-fill-mode: both;
    animation-duration: 100ms; }

.table-fixed-header {
  position: relative;
  height: 100%;
  table-layout: fixed; }
  .table-fixed-header .table-header {
    margin-bottom: 0; }
  .table-fixed-header thead th {
    text-transform: capitalize; }
  .table-fixed-header .table-body {
    height: 100%;
    padding-bottom: 39px; }
    .table-fixed-header .table-body.kvlist-body {
      padding-bottom: 78px; }
    .table-fixed-header .table-body .table-body-content {
      width: 100%;
      position: relative;
      overflow-y: auto;
      height: 100%; }
      .table-fixed-header .table-body .table-body-content table > tbody > tr:first-child > td {
        border-top: none; }
      .table-fixed-header .table-body .table-body-content td {
        vertical-align: middle; }

.no-items {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: table-cell;
  font-size: 23px;
  color: #999;
  text-transform: capitalize; }

.about-modal {
  text-align: center; }
  .about-modal .website-link {
    font-size: 16px;
    margin: 12px 0 2px 0;
    display: inline-block; }
  .about-modal .licence {
    margin-top: 10px;
    font-size: 13px;
    padding: 0 50px;
    text-align: center; }

.circle-header {
  height: 15px; }

.isEmptyDataCircle {
  display: flex;
  justify-content: center;
  /* align horizontal */
  align-items: center;
  /* align vertical */
  border-radius: 50%;
  opacity: 0.4;
  width: 125px;
  height: 125px;
  background: #e6e6e6;
  color: #666;
  font: 20px Arial, sans-serif; }

.displayNone {
  display: none; }

div.no-data-label {
  transform: none;
  margin-left: -279px;
  top: 50px; }

.no-data-ovelay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .no-data-ovelay .no-data-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.6; }
  .no-data-ovelay .no-data-label {
    font-size: 20px;
    position: absolute;
    left: 75%;
    transform: translateX(-50%);
    top: 122px; }

div#report-filter {
  padding-left: 15px; }

.flex-container {
  display: flex;
  align-items: center;
  /* Vertical center alignment */
  justify-content: center;
  /* Horizontal center alignment */ }

@media (min-width: 768px) {
  .center-horizontally-sm {
    display: flex;
    justify-content: center; } }

.display-none {
  display: none; }

@media (min-width: 992px) {
  .pull-right-md {
    float: right; } }

.tooltip-wrapper {
  display: inline-block;
  cursor: not-allowed; }

.tooltip-wrapper .btn[disabled] {
  pointer-events: none; }

.glyphicon-grey {
  color: grey; }

.glyphicon-orange {
  color: orange; }

/*# sourceMappingURL=inprod.css.map */