/********************************************************* {COPYRIGHT-TOP} ***
* Licensed Materials - Property of IBM
* 5725-Z22, 5725-Z63, 5725-U33, 5725-Z63
*
* (C) Copyright IBM Corporation 2017
*
* All Rights Reserved.
* US Government Users Restricted Rights - Use, duplication or disclosure
* restricted by GSA ADP Schedule Contract with IBM Corp.
********************************************************** {COPYRIGHT-END} **/
body.apim {
  height: 100%;
}

html, body {
  overflow: auto;
}

.apim * {
  box-sizing: border-box;
}

md-option .md-text, md-select-value span {
  height: 18px;
}

@media screen and (max-width: 1024px) {
  .apim li:first-child:nth-last-child(5) ~ li .showIfLargeScreen,
  .apim li:first-child:nth-last-child(5) .showIfLargeScreen {
    display: none;
  }
  .apim .menuList li:first-child:nth-last-child(5) ~ li,
  .apim .menuList li:first-child:nth-last-child(5) {
    min-width: 50px;
    padding-right: 16px;
  }
}

@media screen and (max-width: 1200px) {
  .apim li:first-child:nth-last-child(6) ~ li .showIfLargeScreen,
  .apim li:first-child:nth-last-child(6) .showIfLargeScreen {
    display: none;
  }
  .apim .menuList li:first-child:nth-last-child(6) ~ li,
  .apim .menuList li:first-child:nth-last-child(6) {
    min-width: 50px;
    padding-right: 16px;
  }

  .apim li:first-child:nth-last-child(7) ~ li .showIfLargeScreen,
  .apim li:first-child:nth-last-child(7) .showIfLargeScreen {
    display: none;
  }
  .apim .menuList li:first-child:nth-last-child(7) ~ li,
  .apim .menuList li:first-child:nth-last-child(7) {
    min-width: 50px;
    padding-right: 16px;
  }
}

@media screen and (max-width: 1344px) {
  .apim .makeSpaceForNav li:first-child:nth-last-child(5) ~ li .showIfLargeScreen,
  .apim .makeSpaceForNav li:first-child:nth-last-child(5) .showIfLargeScreen {
    display: none;
  }
  .apim .makeSpaceForNav .menuList li:first-child:nth-last-child(5) ~ li,
  .apim .makeSpaceForNav .menuList li:first-child:nth-last-child(5) {
    min-width: 50px;
    padding-right: 16px;
  }
}

@media screen and (max-width: 1600px) {
  .apim .makeSpaceForNav li:first-child:nth-last-child(6) ~ li .showIfLargeScreen,
  .apim .makeSpaceForNav li:first-child:nth-last-child(6) .showIfLargeScreen {
    display: none;
  }
  .apim .makeSpaceForNav .menuList li:first-child:nth-last-child(6) ~ li,
  .apim .makeSpaceForNav .menuList li:first-child:nth-last-child(6) {
    min-width: 50px;
    padding-right: 16px;
  }
}

.apim .hljs pre {
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.apim .ace_editor {
  height: 100%;
  font-family: 'Courier New', monospace;
  font-weight: bold;
}

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

.whiteBackground {
  background-color: white;
}

span.redCircle {
  background: #cd1013;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 1.6em;
  margin-right: 5px;
  text-align: center;
  width: 1.6em;
}

.apim table {
  width: 100%;
}
.apim tbody tr {
  border-left: none;
  border-right: none;
  padding: 2px;
}

.apim .editorBar tbody tr:hover {
  border: none;
}

.apim tbody.no-hover tr:hover td,
.apim .editorBar tbody tr:hover td {
  box-shadow: none;
}

.apim .editorBar tbody tr td,
.apim .editorContent tbody tr td {
  vertical-align: bottom;
}

.apim td, .apim th {
  padding: 10px;
  white-space: nowrap;
}

.apim th {
  font-weight: normal;
}

.apim table.listingTable td,
.apim table.listingTable th {
  padding: 10px 20px;
}

.apim table.listingTable th {
  padding: 0 20px;
}

.apim .alignRight {
  text-align: right;
}

.apim.bluemix .makeSpaceForNav,
.apim.bluemix .makeSpaceForNav .stretch {
  margin-left: 400px;
}

.apim .makeSpaceForNav,
.apim .makeSpaceForNav .stretch {
  margin-left: 320px;
}

.apim .makeSpaceForNav .stretch .stretch {
  margin-left: 0px;
}

.apim .makeSpaceForNav .centerColumn .stretch {
  margin-left: 0;
}

.apim .centerColumn .leftColumnSize + .stretch {
  margin-left: 280px;
}

.apim .centerColumn .stretch {
  top: 112px;
}

.apim .makeSpaceForNav .environmentDetails .centerColumn .stretch {
  top: 75px;
}

.apim .makeSpaceForNav .environmentDetails .centerColumn {
  width: auto;
}

.apim .makeSpaceForNav .centerColumn {
  width: calc(100% - 320px);
}

.apim .borderBottom {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
}

.apim .user-icon-container {
  position: absolute;
  top: 20px;
  right: 12px;
}

.apim .filterIconContainer {
  background-color: rgba(255, 255, 255, 0.3);
  line-height: 50px;
}

.apim .filterIconContainer button.iconOnlyButton {
  height: 26px;
  width: 40px;
  margin: 0 6px;
}

.apim .secondaryBorder + .filterIconContainer {
  border-left: 1px solid #e0e0e0;
}

.apim .filterIconContainer .filterIcon {
  line-height: 24px;
  font-size: 1.5em;
}

.apim .grey-box {
  background: #cccccc;
  height: 100%;
}

.apim .blue-box {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/poly_background.svg);
  background-color: #4b68fa;
  background-blend-mode: color-burn;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: none) {
  .apim .blue-box {
    background-image: none !important;
  }
}
@supports (-ms-accelerator:true) {
  .apim .blue-box {
    background-image: none !important;
  }
}

.apim .centered-white-box {
  background: #ffffff;
  box-shadow: 0 0 5px #333;
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 600px;
  padding: 10px 40px 30px;
  font-family: Arial, Tahoma, Verdana;
  font-size: 13px;
  font-weight: 200 !important;
  box-sizing: border-box;
}

.apim .centered-transparent-box {
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 600px;
  box-sizing: border-box;
  color: rgba(255,255,255,0.5);
}

.apim .main-menu-add {
  color: white;
  font-size: 2em;
  margin-top: 12px;
}

.apim .main-menu-pin {
  font-size: 1.6em;
  margin-top: 17px;
  transform: rotate(45deg);
  transition: 0.2s ease-in-out;
}

.apim .main-menu-pin.pinned {
  transform: rotate(0deg);
}

.apim .main-menu-pin:before {
  color: rgba(255, 255, 255, 0.7);
  content: "\f08d";
}

.apim .main-menu-pin:hover:before {
  color: white;
  content: "\f08d";
}

.apim .white-trash-icon:before {
  font-size: 20px;
  color: white;
  content: "\f014";
}

.apim .black-trash-icon:before {
  font-size: 20px;
  color: black;
  content: "\f014";
}

.apim .mainMenuIcon {
  font-size: 2em;
  color: rgba(225, 225, 225, 0.7);
}

.apim .pinIcon:after {
  content: '\1F4CC';
  color: white;
  font-size: 18px;
}
.apim .addIcon:after {
  content: '\2295';
  color: white;
  font-size: 32px;
}
.apim .showMoreIcon:after {
  content: '\2026';
}

.apim .filterIcon:after {
  content: '\25CE';
}

.apim .filterIcon.filtered:after {
  content: '\25C9';
}

.apim button.notFavouriteIcon:hover:not(:disabled) {
  color: #fdd600 !important;
}

.apim button.favouriteIcon {
  color: #FDD600 !important;
}

.apim button .buttonIcon {
  vertical-align: middle;
  margin-right: 6px;
  font-size: 20px;
}

.apim .material-icons.infoIcon {
  background: none;
  font-size: 18px;
  color: #cccccc;
  width: auto;
}

.apim .material-icons.infoIcon:hover,
.apim .material-icons.infoIcon:focus,
.apim button:focus .material-icons.infoIcon {
  color: #444849;
}

.apim .total-wrapper {
  height: calc(100% - 120px);
}

.apim .stretch {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.apim.offlineMode .stretch {
  margin-bottom: 3rem;
}

.apim.offlineMode .stretch .stretch {
  margin-bottom: 0;
}

.apim .bx--stretch-editor {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  padding-right: 60px;
}

.apim .explorerSearchBar {
  display: flex;
  border-bottom: 1px solid #ccc;
}

.apim .explorerSearchBar button {
  width: 36px;
  line-height: 36px;
}

.apim .explorerSearchBar md-autocomplete {
  flex: 1;
  border-right: 1px solid #ccc;
  height: 41px;
}

.apim .explorerSearchBar md-autocomplete md-autocomplete-wrap {
  box-shadow: none;
}

.apim .explorerBannerItem,
.apim .largeExplorerBannerItem {
  padding: 11px;
  line-height: 20px;
  border-right: 1px solid #e0e0e0;
}

.apim .explorerBannerItem {
  padding: 11px;
}

.apim .largeExplorerBannerItem {
  padding: 8px 11px 8px 11px;
}

ul li.explorerBannerItem.selected {
  padding: 11px 11px 7px 11px;
}

ul li.largeExplorerBannerItem.selected {
  padding: 9px 11px 3px 11px;
}

.headline button.hoverVisible {
  visibility: hidden;
}
.headline:hover button.hoverVisible {
  visibility: visible;
}

.fader {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
}

.animateHeight {
  transition: height 0.5s ease-in-out;
}

.fader.fadeIn {
  opacity: 1;
  pointer-events: visible;
}

.apiSelfClear:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

.apiScreenReaderOnly {
  position: absolute;
  clip: rect(0px 0px 0px 0px);
  width: 0;
}

.apim .mandatory:after {
  content: "*";
  position: relative;
  right: -5px;
  color: red;
}

.apim .menugroup {
  font-size: 12px;
  color: #767676;
  padding: 3px 10px;
}

.apim .itsAllRelative {
  position: relative;
}

.apim .absolutelyFabulous {
  position: absolute;
}

.apim .fixMe {
  position: fixed !important;
}

.apim .fullHeight {
  height: 100%;
  overflow-y: auto;
}

.apim .fullHeightMinusBanner {
  min-height: calc(100% - 110px);
}

.apim.bluemix .fullHeightMinusBanner {
  min-height: calc(100% - 148px);
}

.apim .underMainBanner {
  top: 110px;
}

.apim apiconnect-explorer .underMainBanner {
  top: 102px;
}

.apim .underTopBanner {
  top: 60px;
}

.apim .fullWidth {
  width: 100%;
}

.apim .inlineInfoIcon {
  display: inline;
}

.apim .theMiddleWay {
  text-align: center;
}

.apim .toc {
  width: 250px;
  vertical-align: top;
  padding: 20px 0px 50px 0px;
}

.apim .community .toc {
  transition: width 0.2s ease-in-out;
}

.apim .toc.slimline {
  width: 175px;
}

.apim .maximized .toc {
  width: 0;
}

.apim .contentWithToc {
	left: 250px;
	width: calc(100% - 250px);
	border-left: 1px solid #e5e5e5;
}

.apim .community .contentWithToc {
  transition: width 0.2s ease-in-out, left 0.2s ease-in-out;
}

.apim .contentWithToc.slimline {
  left: 175px;
	width: calc(100% - 175px);
}

.apim .maximized .contentWithToc {
  left: 0;
  width: 100%;
  border-left: 0;
}

.apim .contentWithToc .mediumPadding {
	padding: 20px;
}
.apim .contentWithToc .verticalSpace {
  padding: 10px 0;
}
.apim .toc .tocItem {
  line-height: 30px;
  height: 30px;
}
.apim .toc ul ul {
  padding: 0;
}
.apim .toc ul .tocItem a:hover {
  background-color: rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.apim .toc ul .tocItem a {
  padding-left: 20px;
  width: 100%;
  display: inline-block
}
.apim .toc ul ul .tocItem a {
  padding-left: 40px;
}

.apim .toc .tocItem .selected:before {
  content: ' ';
  position: absolute;
  width: 4px;
  height: 30px;
  margin-left: -20px;
}
.apim .toc ul ul .tocItem .selected:before {
  margin-left: -40px;
}

.apim input[type="checkbox"] + label {
  margin-left: 4px;
}

.apim .inlineCheckbox {
  margin-right: 20px;
}

.apim ul {
  list-style: none;
  margin: 0;
  padding-left: 0px;
}

.apim ul ul {
  padding-left: 10px;
}

.cloak {
  display: none;
}

.uncloak {
  display: inherit;
}

.dijitInline {
  display: inline-block;
  vertical-align: middle;
}

.spinner {
  font-size: 6px;
  margin: 40px auto;
  text-indent: -9999em;
  width: 8em;
  height: 8em;
  border-radius: 50%;
  position: relative;
  -webkit-animation: spinner 1.4s infinite linear;
  animation: spinner 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner * {
  display: none;
}
body.loginOpen .spinner {
  display: none;
}
/*.apim.catalogs .spinner {
background: -moz-linear-gradient(left, #5AA701 10%, rgba(255, 255, 255, 0) 42%);
background: -webkit-linear-gradient(left, #5AA701 10%, rgba(255, 255, 255, 0) 42%);
background: -o-linear-gradient(left, #5AA701 10%, rgba(255, 255, 255, 0) 42%);
background: -ms-linear-gradient(left, #5AA701 10%, rgba(255, 255, 255, 0) 42%);
background: linear-gradient(to right, #5AA701 10%, rgba(255, 255, 255, 0) 42%);
}
.apim.community .spinner {
background: -moz-linear-gradient(left, #04B4A0 10%, rgba(255, 255, 255, 0) 42%);
background: -webkit-linear-gradient(left, #04B4A0 10%, rgba(255, 255, 255, 0) 42%);
background: -o-linear-gradient(left, #04B4A0 10%, rgba(255, 255, 255, 0) 42%);
background: -ms-linear-gradient(left, #04B4A0 10%, rgba(255, 255, 255, 0) 42%);
background: linear-gradient(to right, #04B4A0 10%, rgba(255, 255, 255, 0) 42%);
}
.apim.admin .spinner {
background: -moz-linear-gradient(left, #AF6DE8 10%, rgba(255, 255, 255, 0) 42%);
background: -webkit-linear-gradient(left, #AF6DE8 10%, rgba(255, 255, 255, 0) 42%);
background: -o-linear-gradient(left, #AF6DE8 10%, rgba(255, 255, 255, 0) 42%);
background: -ms-linear-gradient(left, #AF6DE8 10%, rgba(255, 255, 255, 0) 42%);
background: linear-gradient(to right, #AF6DE8 10%, rgba(255, 255, 255, 0) 42%);
}*/

.spinner:before {
  width: 50%;
  height: 50%;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
/*.apim.catalogs .spinner:before {
background: #5AA701;
}
.apim.community .spinner:before {
background: #04B4A0;
}
.apim.admin .spinner:before {
background: #AF6DE8;
}*/

.spinner:after {
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

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

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

.apim .spinnerOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
  margin: -3em 0 0 -3em;
}

.apim md-dialog-content > .spinnerOverlay {
  margin: -20px;
}

.apim .actionMenuList {
  text-align: initial;
  padding-left: 0;
}

.apim .boxout {
  background-color: #f2f9ff;
  border: 1px solid #d4ebff;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.apim .centeredBoxout {
  margin: 10px;
  text-align: center;
}

.apim .loadingAnimation38 {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/loadingAnimation38px.gif);
  width: 38px;
  height: 38px;
  margin: 20px auto;
}

.apim .padding10 {
  padding: 10px;
}

.apim .padding0-10 {
  padding: 0 10px;
}

.apim .padding20-0 {
  padding: 20px 0px;
}

.apim .flex {
  display: flex;
}

.apim .flex60 {
  flex: 60;
}

.apim .flex40 {
  flex: 40;
}

.apim .flex2 {
  flex: 2;
}

.apim .halfWidth {
  flex: 0.5;
}

.apim .halfColumn {
  width: 50%;
}

.apim .twentyColumn {
  width: 20%;
}
.apim .sixtyColumn {
  width: 60%;
}
.apim .eightyColumn {
  width: 80%;
}

.apim .compactSize {
	width: auto;
	display: inline-block;
}

.apim md-radio-button[disabled] .md-container .md-off {
	border-color: rgba(0,0,0,0.26);
}

.apim md-radio-button[disabled] .md-container .md-on {
  background-color: rgba(0,0,0,0.26);
}

.apim.mobile .twentyColumn,
.apim.mobile .halfColumn {
  width: 100%;
}

/** the not rule here disables these styles within json-schema-form and bluemix themes **/
.apim select:not(.form-control):not(.bx--select__input) {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-radius: 0;
  border-color: rgba(0,0,0,0.12);
  padding: 3px 20px 5px 2px;
  margin: 0px 15px 0px 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white url(../images/twistie_ex.png) no-repeat right 5px center;
}

.apim select:not(.form-control):not(.bx--select__input):focus {
  outline: none;
  border-color: #4b68fa;
  border-bottom-width: 2px;
  padding-bottom: 4px;
}

/* required override for IE9, IE10 and IE11 - cant replace the dropdown caret in select elements */
@media screen and (min-width: 0\0) {
  .apim select:not(.form-control):not(.bx--select__input) {
    background: white;
    padding: 3px 5px 5px 2px;
  }
}

.apim .simpleList.mediumPadding {
  padding: 10px 15px;
}

.apim .sortable {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.apim .sortable:focus {
  outline: 1px dotted !important;
}

.apim .sortable.descendingSort:after {
  content: " \25BC";
}

.apim .sortable.ascendingSort:after {
  content: " \25B2";
}

/** webapi overrides **/

.apim .apiConsolePanel.slideContainer > div {
  display: inline;
}

/** override the existing centerColumn class - this one isn't actually centered... */
.apim .centerColumn {
  width: 100%;
}

.apim .slideContainer.expanded .majorColumnLeft {
  width: 100%;
}

.apim .card {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  line-height: 3.5em;
  margin: 1px;
}

.apim .cardContainer li:last-child .card {
  border-bottom-width: 0px;
}

.apim .majorColumnLeft {
  width: calc(100% - 160px);
  position: relative;
  display: inline-block;
  height: 100%;
}

.apim .minorColumnRight {
  position: relative;
  display: inline-block;
  height: 100%;
}

.apim .detailsPage {
  display: inline-block;
  width: calc(100% - 280px);
  vertical-align: top;
  margin-left: 280px;
}

.apim.mobile .detailsPage {
  width: 320px;
  border-left: 0;
}

.apim .leftColumnSize {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  min-height: calc(100vh - 170px);
}

.apim .rightColumnPosition {
  display: inline-block;
  width: calc(100% - 280px);
  vertical-align: top;
}

.apim .titleBannerButtons {
  flex: 1;
  min-width: 500px;
  text-align: right;
}

.apim .mainBanner .dropdown-menu a {
  color: #444849;
}

.apim .mainBanner nav {
  height: 60px;
  -webkit-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -ms-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  width: 100%;
}


.apim .mainBanner .navigationMenu {
  font-size: 14px;
  border-right: 1px solid #e0e0e0;
}

.apim .navigationMenu {
  display: flex;
  flex-direction: column;
}

.apim .navigationMenu > li > div > ul,
.apim .navigationMenu > li > div > h6,
.apim .navigationMenu > li > div > span {
  display: none;
}

.apim .navigationMenu > li {
  border-bottom: 1px solid rgba(29, 54, 73, 0.24);
}

.apim .navigationMenu > li.expand > div > ul,
.apim .navigationMenu > li.expand > div > h6,
.apim .navigationMenu > li.expand > div > span {
  display: block;
}

.apim .navigationMenu > li.highlightMenu a h5 {
  background-color: #d0d7d9;
}

.apim .navigationMenu h6 {
  padding: 8px 5px 8px 10px;
  color: rgba(255, 255, 255, 0.7);
}

.apim .navigationMenu .noFavourites {
  padding: 10px 20px 10px 32px;
  font-style: italic;
  color: #767676;
}

.apim md-sidenav .navItem.selected a {
  background-color: #dce1ff;
}

.apim .tint,
.apim nav.titleBanner md-sidenav,
.apim nav.titleBanner {
  background-color: #1d3649;
  /* prevents material-ui from causing the drop down menus to get cut off */
  overflow: visible !important;
}

.apim.bluemix nav.titleBanner .userMenuContainer {
   display: none;
}

.apim nav.mainBanner md-sidenav,
.apim .mainBanner md-sidenav a,
.apim .mainBanner md-sidenav h2,
.apim .mainBanner md-sidenav h3,
.apim .mainBanner md-sidenav h4,
.apim .mainBanner md-sidenav h5,
.apim .mainBanner md-sidenav h6,
.apim nav.titleBanner md-sidenav {
  background: #ffffff;
  color: #444849;
}

.apim .mainBanner md-sidenav h1 {
  background: #1d3649;
  color: white;
}

.apim .mainBanner md-sidenav a.selectedOrg {
  background: rgba(255, 255, 255, 0.2);
}

.apim .bannerActions {
  position: absolute;
  right: 0;
  margin-top: -39px;
  margin-right: 12px;
}

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

.apim .wrappedText {
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

.apim .sectionTitleBanner,
.apim .searchBanner {
  height: 50px;
}

.apim .searchBanner .dropdown .dropdown-toggle {
  line-height: 49px;
}

.apim .sectionTitleBanner {
  line-height: 49px;
}

.apim .sectionTitleBanner .sectionTitle {
  padding: 0 20px;
  font-size: 1.5em;
}

.apim .sectionTitleBanner .sectionAction {
  border-left: 1px solid #e0e0e0;
  padding: 0 20px;
}

.apim .sectionTitleBanner button.sectionAction:focus,
.apim .sectionTitleBanner button.sectionAction:hover {
  text-decoration: none;
}

.apim .sectionTitleBanner .sectionAction span {
  vertical-align: middle;
}

.apim .navigationMenu {
  -webkit-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -ms-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  /*max-height: calc(100% - 88px);*/
}

.apim .navigationMenu .md-button {
  color: white;
  text-decoration: none;
}

.apim md-menu {
  padding: 5px 5px 5px 10px;
}

.apim md-menu-content header {
  padding: 5px 5px 10px 5px;
  border-bottom: 1px solid white;
}

.apim md-menu-content footer {
  padding: 5px 5px 5px 5px;
  border-top: 1px solid white;
}

.apim md-menu-content h3 {
  color: white;
}

.apim md-menu-content label {
  padding: 10px 0px;
}

.apim pre.reset {
  border: none;
  background-color: inherit;
  font: inherit;
  padding: 0;
}

.apim .cleanTableHeader {
  border-bottom: 1px solid #d8d8d8;
  min-height: 29px;
  line-height: 29px;
  padding-left: 18px;
  word-break: break-word;
  background-color: white;
  display: flex;
}

.apim .cleanTableBody {
  line-height: 36px;
  background-color: white;
}

.apim .cleanTableRow {
  padding-left: 18px;
  display: flex;
  border-bottom: 1px solid #d8d8d8;
}

.apim .cleanTableBody li:last-child,
.apim .cleanTableBody li:last-child .cleanTableRow {
  border-bottom: none;
}

.apim .tableHeaderBackground {
  border-bottom: 1px solid #d8d8d8;
  min-height: 29px;
  line-height: 29px;
  padding-left: 18px;
  font-size: 12px;
  word-break: break-word;
}

.apim .menuList,
.apim .simpleList {
  list-style: none;
  padding-left: 0px;
  margin: 0;
}

.apim .simpleList.boundedList {
  max-height: 200px;
  overflow: auto;
}

.apim .menuList {
  margin-bottom: -1px;
  display: inline-block;
}

.apim .menuList li {
  display: inline-block;
  padding: 14px 20px 11px 20px;
  min-width: 110px;
  opacity: 0.7;
}


@media screen and (max-width: 1200px) {
  .apim .menuList li {
    min-width: 30px;
  }
}

.apim .menuList li.selected {
  font-weight: bold;
  border-bottom: 4px solid;
}


.apim .subheader a {
  line-height: 27px;
}

.apim .subheader a {
  margin-right: 10px;
}

.apim .subheader .editorChooser:first-child {
  margin-left: 10px;
}

.apim .subheader {
  background-color: white;
  border-bottom: 1px solid #e0e0e0;
}

.apim h4,
.apim h5 {
  font-weight: 400;
}

.displayInline {
  display: inline-block;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.buttonList > li {
  display: inline;
  margin-right: 0.1rem;
}

.buttonList button .material-icons {
  vertical-align: top;
}

.clearBoth {
  clear: both;
}

.apim .ui-match {
  background: yellow;
  color: black;
}

.apim .filterBox {
  border: none;
  width: 100%;
  line-height: 28px;
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
}

/* IE 11 does not respect line height */
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: none) {
  .apim .filterBox {
    height: 39px;
  }
}

.apim .searchBox {
  border: none;
  flex: 1;
  line-height: 28px;
  padding: 5px;
}

.apim .searchContainer {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  background: white;
}

.apim .infoView {
  height: 100%;
}

.apim .switchDescription {
  padding-left: 45px;
}

.apim .centerAtTop {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

.glyphicon-chevron-left,
.glyphicon-chevron-right,
.glyphicon-chevron-up,
.glyphicon-chevron-down {
  color: #aaa;
}

.rotate270 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.transition200 {
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
}

.apim .hidden-focus:focus {
  outline: 0;
}

.apim .ui-splitbar {
  z-index: 49;
}

/* css patterns */
.apim .catalogsEnvironments {
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

.apim .catalogsEnvironments.listingColumn {
  display: flex;
}

.apim .catalogItem {
  margin: 20px;
}

.apim .catalogItem:hover {
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.30);
}
.apim .catalogItem:hover a {
  text-decoration: none;
}
.apim .catalogItem:hover h1 {
  text-decoration: none;
}

.apim .environmentDetails .gatewayTypeHeader,
.apim .environmentDetails .gatewayDetails .hostname  {
  background-color: #f8f8f8;
  border-bottom: 1px solid #eaeaea;
}

.apim .environmentDetails .gatewayDetails .vendorExtensions,
.apim .environmentDetails .gatewayDetails .customPolicies {
  padding: 20px 10px;
}

.apim .environmentDetails .endpointDetails .endpointDropzone {
	height: 10px;
	padding: 10px;
}

.apim .environmentDetails .endpointDetails .endpointDropzone.on-drag-enter {
  border-width: 2px;
  border-style: dashed;
  height: 10px;
  padding: 8px;
  margin: 0px 10px;
}


.apim .environmentDetails .endpointDetails .endpointDropzone.on-drag-hover {
  border-width: 2px;
  border-style: dashed;
  height: 10px;
  padding: 8px;
  margin: 0px 10px;
}

.apim .thumbnailImage {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #e5e5e5;
}

.apim .catalogItem .catalogImage {
  width: 100%;
}

.apim .catalogItem .entityType {
  color: #767676;
}

.apim .catalogItem .catalogURL {
  position: absolute;
  right: 65px;
  bottom: 40px;
}

.apim td button.catalogURL {
  min-height: auto;
  line-height: 14px;
  vertical-align: top;
  padding-top: 9px;
}

.apim .searchBanner .secondaryButtonArea button {
  border-left: 1px solid #e0e0e0;
  margin: 0;
  height: 50px;
  padding: 0 20px;
}

.apim .searchBanner .secondaryButtonArea .material-icons {
  font-size: 18px;
}

.apim .searchBanner .secondaryButtonArea button div {
  vertical-align: middle;
  margin-right: 4px;
}

.apim .searchBanner .secondaryTitle {
  padding: 15px 20px;
}

.apim .catalog-apps .listingColumn {
  padding: 20px;
}

.apim .catalog-apps md-input-container {
  margin-bottom: 10px;
}

.apim md-dialog .catalogview {
  width: 400px;
}

/* login stuff */
.apim .signInDialog {
  width: 360px;
  background: transparent;
  color: #1d3649;
  box-shadow: inherit;
  font-size: 14px;
}

.apim .signInDialog .md-actions {
  justify-content: flex-start;
  border-top: none;
  padding: 0 20px;
  margin-bottom: 20px;
}

body.md-dialog-is-showing.loginOpen > *:not(.md-dialog-container) {
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.md-dialog-is-showing.loginOpen .md-dialog-backdrop.md-opaque {
  opacity: inherit;
  background-color: rgba(255,255,255,0.8);
  z-index: 10000;
}

.md-dialog-is-showing.loginOpen .md-dialog-container {
  z-index: 10050;
}

.apim .signInDialog md-input-container .md-placeholder:not(.md-select-label),
.apim .signInDialog md-input-container:not(.md-input-focused) label:not(.md-no-float) {
  color: #1d3649;
}

.apim .signInDialog md-input-container label:not(.md-no-float) {
  -webkit-transform: translate3d(0, 34px, 0) scale(1);
  transform: translate3d(0, 34px, 0) scale(1);
}

.apim .signInDialog md-input-container.md-input-focused label:not(.md-no-float),
.apim .signInDialog md-input-container.md-input-has-value label:not(.md-no-float) {
  -webkit-transform: translate3d(0,10px,0);
  transform: translate3d(0,10px,0);
}

.apim .signInDialog md-toolbar {
  border-bottom: none;
}

.apim .signInDialog md-input-container {
  padding: 2px 0;
  width: 100%
}

.apim .signInDialog md-input-container .md-input {
  border-color: #1d3649;
  color: #1d3649;
}

.apim .signInDialog md-input-container.md-input-focused label:not(.md-no-float) {
  color: #3d70b2;
}

.apim .signInDialog md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #3d70b2;
  color: #3d70b2;
}

.apim .signInDialog button {
  border: 1px solid #1d3649;
  color: #1d3649;
  background-color: transparent;
  width: 100%;
}

.apim .signInDialog button:disabled {
  border-color: #3d70b2;
  cursor: not-allowed;
  color: #3d70b2;
}

.apim .signInDialog button:hover:not(:disabled),
.apim .signInDialog button:focus {
  background-color: #1d3649;
  border-color: #1d3649;
  color: #ffffff;
}

.apim .signInDialog .md-toolbar-tools {
  padding: 0 20px;
}

.apim .signInDialog h1 {
  font-size: 32px;
  margin: 0;
}

.apim md-dialog.signInDialog md-dialog-content {
  padding: 6px 20px;
}

/* ssl profiles */
.apim .sslProfile {
  border-left: 1px solid #e5e5e5;
  margin-left: -1px;
}

.apim .sslProfilesCollection .roleList hgroup {
  margin-top: 0;
}

.apim .sslProfilesCollection .buttonArea,
.apim .consumerOrg .buttonArea,
.apim .environmentDetails .buttonArea,
.apim .developersCollection .buttonArea,
.apim .notificationsCollection .buttonArea,
.apim .usersCollection .buttonArea,
.apim .idpsCollection .buttonArea {
  display: inline-block;
  margin-right: 10px;
  float: right;
  line-height: 50px;
}

.apim .environmentsCollection .buttonArea {
  display: inline-block;
  margin-right: 10px;
  float: right;
}

.apim .actionSection {
  border-bottom: 1px solid #e0e0e0;
  background-color: white;
  height: 50px;
}

.apim .consumerOrg form .actionSection {
  height: auto;
}

.apim .actionSection .actionLabel {
  padding: 10px 18px;
  font-size: 1.5em;
  display: inline-block;
}

.apim .sslProfile .inputArea {
  margin: 15px 18px;
}

.apim .loadingAnimate {
  background-image: url(../images/busy16.gif);
  width: 16px;
  height: 16px;
  vertical-align: bottom;
}

.apim .leftColumnMobileReplacement {
  display: none;
}

.apim.mobile .leftColumnMobileReplacement {
  display: block;
}

/* idps */
.apim .idpsCollection .idpview {
  padding: 20px;
  border-left: 1px solid #e5e5e5;
  margin-left: -1px;
}
.apim .idpsCollection .roleList .roleListItem .iconOnlyButton,
.apim .sslProfilesCollection .roleList .roleListItem .iconOnlyButton,
.apim .environmentsCollection .roleList .roleListItem .iconOnlyButton {
  min-height: 18px;
  line-height: inherit;
}
.apim md-dialog-content.idpview {
  width: 800px;
}
.apim .idpview .webapiFormRow {
  clear: both;
}
.apim .idpview .stickyNote {
  margin-top: 10px;
  max-width: 90%;
  clear: both;
}
.apim .idpview .stickyNote div:first-of-type {
  font-size: 1.5em;
  padding-bottom: 10px;
}
.apim .idpview .stickyNote div:last-of-type {
  margin-bottom: 10px;
}
.apim .errorPath {
  word-break: break-word;
  font-size: 0.9em;
}
.apim .idpview .webapiFormRow md-switch {
  margin-right: 20px;
}
.apim .idpview .navRow .navItem {
  display: inline-block;
  font-size: 14px;
}
.apim.mobile .idpview .navRow .navItem {
  display: block;
}
.apim .idpview .webapiFormRow .staticText {
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
.apim .idpview .oneRowOnly {
  display: table;
}
.apim .idpview .oneRowOnly apim-combobox {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.apim .idpview .checkContainer {
  border-top: 1px solid #cccccc;
  padding-top: 10px;
}
.apim .idpview input[type=checkbox] {
  vertical-align: middle;
  margin-top: 0;
}
.apim .idpview .checkContainer .indent {
  padding-left: 10px;
}
.apim .idpview .checkContainer .indentTwo {
  margin-left: 20px;
}
.apim .idpview md-input-container button.iconOnlyButton {
  position: absolute;
  right: 10px;
  top: -16px;
}
.apim .idpview .ldapEditor .webapiIcon {
  padding: 0;
  width: 22px;
  height: 22px;
}
.apim .idpview .ldapEditor .navRow,
.apim .idpview .ldapEditor nav {
  border-bottom: none;
}
.apim .idpview .ldapEditor nav ul {
  border-bottom: 1px solid #e0e0e0;
  text-align: inherit;
  width: auto;
}

.apim .authUrlEditor .exampleLogin {
  background-color: #eef7fe;
  padding: 6px 12px;
  display: inline-block;
  border-radius: 3px;
}

.apim .bold {
  font-weight: bold;
}

/* file selector */
.apim .fileSelect {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.apim .fileSelect input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  height: 100%;
}
.apim .fileSelector:not(.fileSelected) .btn,
.apim .fileSelector.fileSelected.showAsIcon .fileSelect {
  display: inline-block;
  background: #ffffff;
  font-weight: bold;
  min-height: 19px;
  border-radius: 0;
  padding: 2px 4px 4px 4px;
}
.apim .fileSelector.fileSelected .btn {
  border: none;
}
.apim .fileSelector.fileSelected.showAsIcon .fileSelect {
  vertical-align: middle;
}
.apim .fileSelector.fileSelected.showAsIcon .fileSelect:hover span {
  color: #ffffff;
}
.apim .fileSelector .btn span {
  line-height: 20px;
}
.apim .fileSelector.fileSelected .btn {
  background: transparent;
  min-height: inherit;
  padding: 0;
}
.apim .fileSelector.fileSelected .btn span {
  display: inline-block;
}
.apim .showAsIcon .fileSelect:hover span {
  color: #444849;
}
.apim .fileSelector .fileName {
  font-weight: bold;
}

/* environments/catalogs */
.apim .environmentDetails .actionSection {
  padding-bottom: 0;
}

.apim .environmentDetails nav {
  border-bottom: none;
  display: inline-block;
}

.apim .indentedRow {
  margin-left: 42px;
  margin-top: 20px;
}

.apim .indentedRow md-input-container {
  margin-top: 0;
  margin-right: 10px;
}

.apim .topMargin {
  margin-top: 10px;
}

.apim .topExtraMargin {
  margin-top: 20px;
}

.apim .topBonusMargin {
  margin-top: 30px;
}

.apim .topSuperMargin {
  margin-top: 40px;
}

.apim .environmentDetails .bottomExtraMargin {
  margin-bottom: 20px;
}

.apim .environmentDetails .sideMargin {
  margin-left: 15px;
  margin-right: 15px;
}

.apim .environmentDetails .indent {
  margin-left: 28px;
}

.apim .environmentDetails .permissionsTable li.mediumPadding {
  padding: 10px 0 10px 8px;
}

.apim .environmentDetails .registryMenu button {
  text-align: left;
  width: 100%;
  padding: 5px 5px 5px 2px;
  border-bottom: 1px solid rgba(0,0,0,0.12);
  border-radius: 0;
  line-height: inherit;
}

.apim .environmentDetails .registryMenu button:focus {
  outline: none;
  padding-bottom: 4px;
  background-color: white;
}

.apim .environmentDetails .registryMenu .caret {
  float:right;
  margin-top: 8px;
  color: #105cb4;
}

.apim .environmentDetails .registryMenu {
  width: 315px;
}

.apim .environmentDetails .registryMenu ul {
  min-width: 315px;
}

.apim.mobile .environmentDetails .registryMenu,
.apim.mobile .environmentDetails .registryMenu ul {
  width: 260px;
}

.apim .environmentDetails .bannerActions button {
  width: 40px;
}

.apim .environmentDetails .permissionDescriptionColumn {
  width: 40%;
}

.apim .environmentDetails .roleColumn {
  width: 60%;
}

.apim .environmentDetails .actionList {
  padding-left: 0;
}

.apim .environmentDetails .permissionsTable md-checkbox {
  line-height: 32px;
  margin-bottom: 0;
}

.apim .environmentDetails .permissionsTable .permissionDescriptionColumn md-checkbox {
  margin-left: 10px;
}

.apim .environmentDetails .permissionsTable .deleteTagButton {
  height: 26px;
}

.apim .environmentDetails .permissionsTable .deleteTagButton button {
  padding: 0;
  font-size: 18px;
  min-height: 0;
  line-height: 24px;
}

.apim .environmentDetails .permissionsTable .smallTag {
  height: 26px;
}

.apim .environmentDetails .permissionsTable .smallTag label {
  line-height: 26px;
}

.apim .environmentDetails .unifiedSearch {
	width: 350px;
}

.apim .environmentDetails .policyVersions li {
  line-height: 34px;
}

.apim .environmentDetails .policyVersions li .policyVersion {
  padding-left: 18px;
}

.apim .environmentDetails .planActions button {
  margin: 0;
}

.apim .environmentDetails .planActions button:last-of-type {
  margin-right: 10px;
}

.apim .environmentsCollection .subtitle {
  background-color: #f8f8f8;
  font-size: 18px;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 20px;
}

.apim .environmentsCollection apim-role .subtitle,
.apim .environmentsCollection apim-environment-role .defaultPermissions .subtitle {
  border-top: 1px solid #eaeaea;
	border-bottom: none;
}

.apim .environmentsCollection .subtitle .description {
	font-size: 14px;
}

.apim .permissionListItem .viewLabel md-checkbox {
  margin-bottom: 0;
}

.apim .radioIndent {
  margin-left: 30px;
}

.apim .switchIndent {
  margin-left: 44px;
}

.apim .mdCheckIndent {
  margin-left: 28px;
}

.apim .managePolicyExpanderColumn {
  width: 25px;
}

.apim .managePolicyNameColumn {
  width: 45%;
}

.apim .managePolicyVersionColumn {
  width: 25%;
}

.apim .managePolicyActionsColumn {
  margin-right: 15px;
}

.apim .searchCollection.unifiedSearch .iconOnlyButton {
  margin-left: -26px;
  margin-top: 2px;
  min-height: 16px;
  line-height: inherit;
}

.apim .policyImportLabel {
  margin-bottom: 8px;
  display: inline-block;
}

.apim .modal-dialog .mediumPadding {
  padding: 15px;
}

.apim .modal-dialog p {
  word-break: break-word;
}

/* users/roles */
.apim .manageRoles .roleList {
  width: 240px;
  border-right: 1px solid #eaeaea;
}
.apim .manageRoles .roleList .roleListItem,
.apim .environmentsCollection .roleList .roleListItem,
.apim .spacesCollection .roleList .roleListItem,
.apim .sslProfilesCollection .roleList .roleListItem,
.apim .idpsCollection .roleList .roleListItem,
.apim .gatewaysCollection .roleList .roleListItem {
  padding: 15px 20px;
  border-bottom: 1px solid #eaeaea;
  cursor: pointer;
  transition: background-color 0.5s;
}
.apim .manageRoles .permissionList {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  border-top: 1px solid #eaeaea;
  color: #33536a;
}
.apim .environmentDetails .manageRoles .permissionList {
  border-top: none;
}
.apim .manageRoles .permissionList .permissionListItem{
  padding: 10px 5px 10px 20px;
  border-top: 1px solid #eaeaea;
  clear: both;
}
.apim .manageRoles .permissionList .permissionListItem:first-child {
  border: none;
}
.apim .manageRoles .permissionList .permissionListItem > .label {
  width: 450px;
  display: inline-block;
  color: inherit;
  text-align: inherit;
}
.apim .manageRoles .permissionList .permissionListItem > a {
  margin-left: 10px;
}
.apim .manageRoles .permissionList .permissionListItem > div {
  width: calc(100% - 250px);
}
.apim.mobile .manageRoles .roleList {
  width: 100%;
}
.apim.mobile .manageRoles .permissionList {
  width: 320px;
}
.apim.mobile .manageRoles .permissionList .permissionListItem > .label {
  width: 290px;
  white-space: normal;
}
.apim.mobile .manageRoles .permissionList .permissionListItem .checkboxes {
  margin-top: 5px;
}
.apim .manageRoles .permissionList .permissionListItem .checkboxes {
  width: 250px;
  float: right;
}
.apim .manageRoles .permissionList .permissionListItem .checkboxes .viewLabel {
  margin: 0 5px 9px auto;
}
.apim .manageRoles .permissionList .permissionListItem .checkboxes .circularCheckBox {
  vertical-align: top;
  margin-right: 10px;
}
.apim .manageRoles .permissionList .permissionListItem .checkboxes input {
  margin-top: 0;
  vertical-align: middle;
}
.apim .manageRoles .roleDetails {
  background-color: #F2F2F2;
  padding: 10px;
  border-bottom: 1px solid #eaeaea;
}
.apim .manageRoles .roleList .roleListItem .description,
.apim .environmentsCollection .roleList .roleListItem .description,
.apim .idpsCollection .roleList .roleListItem .description {
  color: #707070;
  font-size: 12px;
  word-wrap: break-word;
}
.apim .manageRoles .roleList .roleListItem.selected,
.apim .manageRoles .roleList .roleListItem:hover,
.apim .environmentsCollection .roleList .roleListItem.selected,
.apim .environmentsCollection .roleList .roleListItem:hover,
.apim .sslProfilesCollection .roleList .roleListItem.selected,
.apim .sslProfilesCollection .roleList .roleListItem:hover,
.apim .idpsCollection .roleList .roleListItem.selected,
.apim .idpsCollection .roleList .roleListItem:hover,
.apim .gatewaysCollection .roleList .roleListItem.selected,
.apim .gatewaysCollection .roleList .roleListItem:hover {
  background-color: #F0F3F6;
}

.apim .actionSection .inlineButton {
	padding-left: 18px;
	vertical-align: 2px;
	border-left: 1px solid #e0e0e0;
	min-height: 20px;
	line-height: 20px;
}

.apim .environmentsCollection .buttonArea .iconOnlyButton {
	width: 40px;
	vertical-align: middle;
}

.apim .environmentsCollection .defaultPermissions {
	padding: 20px;
	border-top: 1px solid #eaeaea;
}

.apim .environmentsCollection .defaultPermContainer {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

.apim .manageRoles .defaultPermissions .permissionList .permissionListItem .checkboxes {
  width: 229px;
}

.apim .environmentsCollection .subtitle .twistieRoom {
  margin-right: 40px;
}

.apim .environmentsCollection .subtitle {
  position: relative;
}

.apim .environmentsCollection .subtitle .twistie {
  position: absolute;
  top: 10px;
  right: 20px;
}

.apim .lozenge {
	padding: 1px 7px;
	border-radius: 15px;
	background-color: #808080;
	margin-right: 8px;
	color: white;
	white-space: nowrap;
	font-size: 12px;
}

.apim .lozenge.orgOwnerColour {
	background-color: #008571;
}

.apim .lozenge.catalogOwnerColour {
  background-color: #9855d4;
}

.apim .lozenge.spaceOwnerColour {
  background-color: #a6266e;
}

.apim .usersCollection .mediumPadding {
	padding: 20px;
}

.apim .usersCollection .rowPadding {
  padding-left: 18px;
  position: relative;
}

.apim .usersCollection .card .column {
  display: inline-block;
  vertical-align: top;
}
.apim .nameColumn {
  word-wrap: break-word;
	width: 350px;
}
.apim.cmc .nameColumn {
  width: 300px;
}
.apim .locationColumn {
  word-wrap: break-word;
	width: 150px;
	position: relative;
}
.apim.cmc .usersCollection .locationColumn,
.apim .usersCollection .noScope .locationColumn {
  display: none;
}
.apim .roleColumn {
  width: calc(100% - 750px);
}
.apim.cmc .roleColumn {
  width: calc(100% - 550px);
}
.apim .noScope .roleColumn {
  width: calc(100% - 600px);
}
.apim .statusColumn {
  width: 180px;
  padding-left: 20px;
}
.apim .actionsColumn {
  width: 70px;
  text-align: right;
  padding-right: 20px;
}
.apim .card .nameColumn,
.apim .card .locationColumn {
  padding-right: 10px;
}
.apim .roleColumn ul:not(.dropdown-menu) {
  padding: 0;
  display: inline-block;
}
.apim .roleColumn ul:not(.dropdown-menu) ul {
  display: block;
}
.apim .oneRoleColumn {
  width: 150px;
  text-align: center;
}
.apim .usersCollection ul .nameColumn {
  line-height: 1.5em;
  padding-top: 1em;
}

.apim .nameColumn .userDisplayName {
	margin-right: 8px;
}

.apim .usersCollection .locationColumn button {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0;
}

.apim .environmentDetails .gatewayEndpointColumn,
.apim .environmentDetails .gatewayTypeColumn,
.apim .environmentDetails .gatewayServiceColumn {
  display: inline-block;
  vertical-align: top;
}

.apim .environmentDetails .gatewaySelectColumn {
  width: 5%;
}

.apim .environmentDetails .gatewayServiceColumn {
  width: 40%;
}

.apim .environmentDetails .gatewayEndpointColumn {
  width: 55%;
}

.apim .roleColumnScroll {
  overflow: hidden;
  white-space: nowrap;
}

.apim .roleBox {
  padding-left: 20px;
  padding-right: 25px;
}

.apim .fixOverlap {
  font-size: 9px;
  padding-top: 4px;
}

.apim apim-add-user .roleBox .column {
	display: inline-block;
	vertical-align: top;
}

.apim apim-add-user .roleSection h3 {
  margin-top: 20px;
	margin-bottom: 10px;
}

.apim apim-add-user .roleSection .tableHeaderBackground {
  padding-left: 0;
  background-color: inherit;
}

.apim apim-add-user .roleSection md-checkbox {
  margin-top: 16px;
}

.apim apim-add-user .roleSection .roleBox {
  padding: 0;
}

.apim .horizontalScroll {
	overflow-x: auto;
	white-space: nowrap;
}

.apim .usersCollection .card .column {
  min-height: calc(3.5em + 10px);
}

.apim .usersCollection .card .twisted .column {
  min-height: auto;
}

.apim .usersCollection .card .twistieBox .column {
  min-height: auto;
}

.apim .usersCollection .secondaryText {
  position: absolute;
  top: 20px;
}

.apim .usersCollection .nameColumn .secondaryText {
  position: inherit;
  padding-bottom: 14px;
}

.apim .usersCollection .tableHeaderBackground {
	margin: 0 1px;
}

.apim .usersCollection md-checkbox {
  margin-bottom: 0;
}

.apim .rightArrow {
  position: absolute;
  display: none;
  left: calc(100% - 275px);
  top: 3px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.apim .leftArrow {
  position: absolute;
  display: none;
  left: 520px;
  top: 3px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.apim.cmc .leftArrow {
	left: 320px;
}

.apim .noScope .leftArrow {
  left: 370px;
}

.apim .overSizeLeft .leftArrow {
  display: block;
}

.apim .overSizeRight .rightArrow {
  display: block;
}

.apim .overSizeRight .rightArrow:hover, .apim .overSizeLeft .leftArrow:hover {
  color: #152935;
}

.apim .dataBox {
  position: relative;
}

.apim .twistieBox {
  line-height: 1.8em;
}

.apim .twistieBox ul {
}

.apim .oneRoleColumn.empty,
.apim .oneRoleColumn .empty {
	padding-right: 10px;
}

.apim .twistieBox .childBox {
  white-space: nowrap;
}

.apim .twistieBox .childBox .material-icons {
	font-size: 16px;
	vertical-align: -2px;
}

.apim .twistieBox .childBox span:first-of-type {
  width: 130px;
}

.apim .subsection {
  font-size: 12px;
}

.apim .roleTag {
  background-color: #CBE4FA;
  padding: 5px 7px;
  border-radius: 15px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 1em;
}
.apim .roleTag .closeIcon {
  height: 16px;
  width: 16px;
  margin-top: -5px;
}
.apim md-dialog-content.addUserDialog {
  width: 700px;
}
.apim .addUserDialog .menuList {
  text-align: inherit;
}
.apim .addUserDialog .searchResults {
  border: 1px solid #bfbfbf;
  height: 160px;
  overflow-y: scroll;
  margin: 0;
}
.apim .addUserDialog .dropdown-menu {
  position: fixed;
  top: auto;
  left: auto;
  overflow: auto;
  max-height: 100px;
}
.apim .addUserDialog .iconFlex {
  margin-top: 22px;
}
.apim .addUserDialog .userNode {
  padding: 10px;
  cursor: pointer;
}
.apim .addUserDialog .userNode .noEmail{
  color: #CCC;
  padding-left: 5px;
}
.apim .addUserDialog .userNode.selected,
.apim .addUserDialog .userNode:hover {
  background-color: #e5f2fd;
}

/* developers */
.apim .developersCollection .buttonArea .filterIconContainer {
  margin-left: 10px;
  border-left: 1px solid #cccccc;
}

.apim .developersCollection .developerActionsColumn {
  clear: both;
}

.apim .developersCollection .developerActionsColumn .iconOnlyButton {
  min-height: inherit;
  line-height: inherit;
}

.apim .developersCollection .developerActionsColumn .iconOnlyButton .material-icons {
  font-size: 20px;
}

.apim .developersCollection .filterColumn {
  top: 51px;
  left: auto;
}

.apim .developersCollection .card:hover .menuDropdownIcon,
.apim .developersCollection .menuDropdown:focus .menuDropdownIcon {
  background-color: rgba(0,0,0,0.75);
}

.apim .developersCollection .card .dropdown-menu input {
  line-height: 1;
}

.apim .compactTag .tagNode {
  line-height: 1;
  position: relative;
}

.apim .tagContainer .tinyTag {
  padding: 0;
  width: 16px;
  height: 16px;
}

.apim .tagContainer .clickable .tinyTag {
  padding: 5px 0 5px 10px;
  width: 150px;
  height: auto;
}

.apim .tagContainer .tinyTag .iconOnlyButton {
  padding: 0 0 0 1px;
  min-height: inherit;
  line-height: inherit;
}

.apim md-dialog-content.addOrgDialog {
  width: 450px;
  height: 420px;
}

.apim .developerNameColumn {
  width: 40%;
}

.apim .developerEmailColumn {
  width: 30%;
}

.apim .developerRolesColumn {
  width: 20%;
}

.apim .developerActiveColumn {
  width: 10%;
}

.apim .developersList {
  padding-left: 0;
}

.apim .developersList .developer {
  border-width: 0 0 1px 0;
  padding-left: 18px;
  line-height: 26px;
}

.apim .developersList .developer .roleTag {
  padding: 0 7px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.apim .consumerOrg .editorBar {
  width: auto;
}

.apim .consumerOrg .ownerDisplay {
  margin-top: 0;
  margin-left: 20px;
}

.apim .sendMessageDialog .recipients .userName {
  font-weight: bold;
}

.apim .sendMessageDialog .messageContent label {
  display: block;
}

.apim .sendMessageDialog .messageContent textarea {
  width: 100%;
  border: 1px solid #e5e5e5;
  height: 200px;
}

/* subscriptions */
.apim .oneColumn {
  width: 100%;
  padding: 20px;
  display: inline-block;
}

.apim .oneColumn .incidentalButton {
  margin-bottom:10px;
}

.apim .subscriptionsCollection .buttonArea {
  padding: 0px 10px;
}

.apim .subscriptionsCollection .buttonArea button {
  margin: 0;
}

.apim .subscriptionView .card.app {
  line-height: inherit;
}

.apim .subscriptionIcon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-image: url(../../apim/images/app_placeholder.png);
  background-size: cover;
}

.apim .subscriptionSummary {
  padding: 0 0 0 17px;
}

.apim .app .subscriptionSummary {
  padding-top: 4px;
}

.apim .subscriptionIconColumn {
  width: 50px;
}

.apim .subscriptionNameColumn {
  width: calc(100% - 350px);
}

.apim .subscriptionCountColumn {
  width: 100px;
  margin-right: 20px;
  text-align: right;
}

.apim .card .subscriptionCountColumn {
  line-height: 40px;
  margin-left: 0px;
}

.apim .card .subscriptionNameColumn {
  line-height: 14px;
  margin-top: 4px;
}

.apim .subscriptionDevColumn {
  width: 130px;
}

.apim .prod .sub .subscriptionDevColumn {
  line-height: 2.3em;
}

.apim .card.app .subscriptionDevColumn {
  margin-top: 10px;
}

.apim .subscriptionActionsColumn {
  width: 50px;
}

.apim .card.app .subscriptionActionsColumn {
  margin-top: 4px;
}

.apim .subscriptionProductColumn {
  width: calc(100% - 50px);
}

.apim .prod .subscriptionProductColumn {
  width: calc(100% - 180px);
}

.apim .sub .subscriptionProductColumn {
  vertical-align: top;
  margin-top: 8px;
}

.apim .prod .sub .subscriptionProductColumn {
  margin-top: 4px;
}

.apim .subscriptionSubColumn {
  width: 130px;
}

.apim .prod .sub .subscriptionSubColumn {
  margin-top: 8px;
}

.apim .subscriptionSubActionColumn {
  width: 50px;
}

.apim .sub .subscriptionSubActionColumn {
  vertical-align: top;
}

.apim .prod .sub .subscriptionSubActionColumn {
  margin-top: 8px;
}

.apim .subscriptionProductsColumn {
  width: 180px;
}

.apim .subscriptionPlanColumn {
  width: calc(100% - 230px);
}

.apim .subscriptionList {
  padding-left: 70px;
}

.apim .prod .subscriptionList {
  padding-left: 17px;
  line-height: 14px;
}

.apim .subscriptionList ul {
  padding-left: 0;
}

.apim .subscriptionsList .sub {
  border-width: 0 0 1px 0;
  padding-left: 18px;
}

.apim .subscriptionsList .appName {
  padding-left: 10px;
  vertical-align: top;
  margin-top: 4px;
}

.apim .secondaryBorder {
  border-style: solid;
  border-width: 0px;
}

.apim .secondaryBorder.all {
  border-width: 1px;
}

.apim .secondaryBorder.top {
  border-top-width: 1px;
}

.apim .secondaryBorder.bottom {
  border-bottom-width: 1px;
}

.apim .secondaryBorder.left {
  border-left-width: 1px;
}

.apim .secondaryBorder.right {
  border-right-width: 1px;
}

/* notifications */
.apim .notificationsCollection .actionSection {
  padding: 0;
}

.apim .notificationsCollection .buttonArea {
  border-left: 1px solid #e5e5e5;
  overflow: hidden;
}

.apim .notifications .card {
  line-height: inherit;
}

.apim .notifications .notification {
  padding-left: 50px;
  position: relative;
}
.apim .notifications li:nth-child(even) .notification {
  background-color: #f0f3f6;
}

.apim .notifications .notificationIcon {
  position: absolute;
  top: 25px;
  left: 5px;
}

.apim .notifications .notificationIcon .material-icons {
  font-size: 36px;
  color: #767676;
}

.apim .notification .eventDate {
  padding-top: 5px;
  color: #767676;
}

/* draft APIs */
.apim .draftAssemblyNameColumn {
  width: calc(100% - 150px);
}

.apim .draftComponentNameColumn {
  width: calc(100% - 205px);
}

.apim .draftAPINameColumn {
  width: calc(100% - 340px);
}

.apim .draftProductNameColumn {
  width: calc(100% - 220px);
}

.apim .card .draftAssemblyNameColumn,
.apim .card .draftComponentNameColumn,
.apim .card .draftProductNameColumn,
.apim .card .draftAPINameColumn {
  padding-left: 18px;
}

.apim .draftAssemblyLastModifiedColumn {
  float: right;
  margin-right: 18px;
}

.apim .draftComponentLastModifiedColumn,
.apim .draftProductLastModifiedColumn,
.apim .draftAPILastModifiedColumn {
  width: 150px;
}

.apim .draftAPITypeColumn {
  width: 120px;
}

.apim .draftAPICategoryColumn {
  width: 120px;
}

.apim .card .draftAPICategoryColumn {
  line-height: 1em;
}

.apim .card .draftAPICategoryColumn .dropdown-toggle .material-icons {
  font-size: 16px;
}

.apim .draftComponentActionsColumn,
.apim .draftProductActionsColumn,
.apim .draftAPIActionsColumn {
  width: 55px;
}

.apim .card .draftComponentActionsColumn,
.apim .card .draftProductActionsColumn,
.apim .card .draftAPIActionsColumn {
  white-space: nowrap;
  padding-left: 10px;
  line-height: 1em;
}

.apim .card .draftComponentActionsColumn button,
.apim .card .draftProductActionsColumn button,
.apim .card .draftAPIActionsColumn button {
  margin-left: 0;
  padding: 0 3px;
}

.apim .filterColumn md-checkbox {
  margin: 8px 0 0 0;
  line-height: 1em;
}

.apim .filterColumn .tagContainer md-checkbox {
  margin: 0;
}

.apim .apis .filterColumn .typeFilter {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* approvals */
.apim .approveRequestedByColumn {
  width: 35%;
  margin-right: 9px;
}

.apim .approveRequestToColumn {
  width: 40%;
  margin-right: 9px;
}

.apim .approveSubmittedColumn {
  width: 12%;
  margin-right: 9px;
}

.apim .approveActionsColumn {
  width: 10%;
}

.apim .tableLabel {
	display: none;
}

.apim apim-approval .card {
	padding-bottom: 14px;
}

.apim .card .approval {
	padding-left: 17px;
	position: relative;
}

.apim .card .approveComment {
	float: right;
	line-height: 20px;
	margin-top: 16px;
	margin-right: 18px;
	color: rgba(0,0,0,0.5);
}

.apim .card:hover .approveComment {
  color: rgba(0,0,0,0.7);
}

.apim .approvals li:last-child .card:hover {
  margin-bottom: 1px;
}

.apim .approvalResolution.pending {
	display: none;
}

.apim .approval .secondaryText {
	position: absolute;
	top: 17px;
}

.apim .approval .material-icons {
	font-size: 18px;
}

.apim .approveActionsColumn button + button {
	margin-left: 0;
}

/* import dialog */
.apim .importDialog .horizSpace {
  padding: 0 15px;
}

.apim .importDialog .material-icons {
  font-size: 48px;
}

.apim .importDialog .definitionsList,
.apim .importDialog .scrollList {
  max-height: calc(90vh - 200px);
}

.apim .importDialog .uploadChoice {
  text-align: center;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  min-height: 100px;
  padding-top: 20px;
  position: relative;
}

.apim .importDialog .uploadChoice.fileChoice {
  border-top: 1px solid #e0e0e0;
}

.apim .importDialog .uploadChoice .deleteRegistry {
  position: absolute;
  right: 20px;
  top: 40px;
  width: 24px;
  height: 24px;
  min-height: 24px;
  border-radius: 12px;
  background-color: #d0d0d0;
}

.apim .importDialog .uploadChoice .deleteRegistry:hover,
.apim .importDialog .uploadChoice .deleteRegistry:focus {
  background-color: #444849;
}

.apim .importDialog .uploadChoice .deleteRegistry .material-icons {
  font-size: 18px;
  color: white;
  margin-top: 3px;
}

.apim .importDialog.fileMode .uploadChoice {
  text-align: inherit;
  border-width: 0 0 1px 0;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 15px;
}

.apim .importDialog .uploadChoice button {
  padding: 0;
}

.apim .importDialog .serviceMessage {
  padding: 10px 0;
}

.apim .importDialog .serviceList p {
  margin: 10px 0;
}

.apim .importDialog .serviceListItem.selected {
  background-color: #dce1ff;
}

.apim .importDialog .serviceList.discover p {
  margin: 0;
  padding: 6px 15px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.apim .importDialog .serviceList .scrollBox {
  overflow-y: auto;
  max-height: calc(90vh - 200px);
}


.apim .importDialog .serviceView {
  border: 1px solid #e0e0e0;
}

.apim .importDialog .serviceView .mainRow {
  padding: 8px 15px;
}

.apim .importDialog .serviceView md-checkbox .md-container:after {
  content: '';
  height: 0;
}

.apim .importDialog .serviceView .mainRow .serviceDescription {
  font-size: 12px;
  color: #767676;
  margin-left: 30px;
  padding-top: 2px;
}

.apim .importDialog .serviceView md-checkbox {
  margin-bottom: 0;
}

.apim .importDialog li:not(:first-of-type) .serviceView {
  border-top: none;
}

.apim .importDialog .serviceView .selected {
  background-color: #e5f1fa;
}

.apim .importDialog .serviceView ul {
  padding-left: 0;
}

.apim .importDialog .serviceView .operationItem {
  padding: 4px 15px 4px 30px;
  border-top: 1px solid #e0e0e0;
}

.apim .importDialog .elementList p {
  margin: 10px 0;
}

.apim .importDialog .elementListItem.selected {
  background-color: #dce1ff;
}

.apim .importDialog .elementList.discover p {
  margin: 0;
  padding: 6px 15px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}

.apim .importDialog .elementList .scrollBox {
  overflow-y: auto;
  max-height: calc(70vh - 200px);
}


.apim .importDialog .elementView {
  border: 1px solid #e0e0e0;
}

.apim .importDialog .elementView .mainRow {
  padding: 8px 15px;
}

.apim .importDialog .elementView md-checkbox .md-container:after {
  content: '';
  height: 0;
}

.apim .importDialog .elementView .mainRow .elementDescription {
  font-size: 12px;
  color: #767676;
  margin-left: 30px;
  padding-top: 2px;
}

.apim .importDialog .elementView md-checkbox {
  margin-bottom: 0;
}

.apim .importDialog li:not(:first-of-type) .elementView {
  border-top: none;
}

.apim .importDialog .elementView .selected {
  background-color: #e5f1fa;
}

.apim .importDialog .elementView ul {
  padding-left: 0;
}

.apim .importDialog .layout md-input-container select {
  margin-bottom: 18px;
}

.apim .importDialog .loadingAnimate {
  display: inline-block;
  vertical-align: middle;
}

.apim .importDialog .filterToggle {
  border-width: 1px 1px 1px 0;
  border-color: #e0e0e0;
  border-style: solid;
  line-height: 30px;
}

.apim .importDialog .filterToggle .material-icons {
  font-size: 24px;
}

.apim .importDialog .filterToggle .button {
  line-height: 30px;
}

.apim .importDialog .registryFilter {
  border-width: 0 1px 1px 1px;
  border-color: #e0e0e0;
  border-style: solid;
  padding: 10px 15px;
}

.apim .importDialog .registryFilter .filterSection {
  margin-bottom: 20px;
}

.apim .importDialog .registryFilter .filterSection h5 {
  font-size: 1em;
  color: #767676;
  margin-bottom: 8px;
}

.apim .importDialog .registryFilter .filterSection .simpleList {
  white-space: nowrap;
  padding: 5px 20px 5px 10px;
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.apim .importDialog .registryFilter .filterSectionRow {
  border-bottom: 1px solid #e0e0e0;
  padding: 6px 0;
}

.apim .importDialog .registryFilter .filterSectionRow:last-of-type {
  border-bottom: none;
}

.apim .importDialog .registryFilter .filterCategory {
  width: 40%;
  vertical-align: top;
  padding-top: 4px;
}

.apim .importDialog .registryFilter .filtersApplied {
  width: 60%;
}

.apim .importDialog .registryFilter .filterButtons {
  text-align: right;
}

.apim .importDialog .appliedFilter {
  background-color: #CBE4FA;
  padding: 5px 7px;
  border-radius: 15px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 12px;
}

.apim .importDialog .appliedFilter .closeIcon {
  height: 16px;
  width: 16px;
  vertical-align: -2px;
}

.apim .importDialog .tertiaryHighlight {
  padding: 5px;
}

.apim .importDialog .tertiaryHighlight .material-icons {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 4px;
}

.apim .importDialog .dropdown-menu .indent1 {
  padding-left: 20px;
}

.apim .importDialog .dropdown-menu .indent2 {
  padding-left: 40px;
}

.apim .importDialog .dropdown-menu .indent3 {
  padding-left: 60px;
}

.apim .importDialog .dropdown-menu .indent4 {
  padding-left: 80px;
}

.apim .importDialog .dropdown-menu .indent5 {
  padding-left: 100px;
}

.apim .importDialog .dropdown-menu .indent6 {
  padding-left: 120px;
}

/* gateway config */
.apim .gatewayDialog .verticalPad {
  padding: 10px 0;
}

.apim .gatewayDialog .gatewayListBox {
  border: 1px solid #e0e0e0;
  margin-top: 10px;
}

.apim .gatewayDialog .gatewayListBox.scrollable {
  max-height: 250px;
  overflow-y: auto;
}

.apim .gatewayDialog .gatewayListSection {
  background: #f0f0f0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 5px 15px;
  font-size: 12px;
}

.apim .gatewayDialog .gatewayListSection:first-of-type {
  border-top: none;
}

.apim .gatewayDialog .gatewayListItem {
  padding: 10px 15px;
  font-weight: bold;
  border-top: 1px solid #e0e0e0;
}

.apim .gatewayDialog .gatewayListItem:first-of-type {
  border-top: none;
}

.apim .gatewayDialog .gatewayListItem.selected {
  background-color: #e5f1fa;
}

.apim .gatewayDialog .gatewayEmpty {
  padding: 10px 15px;
  font-style: italic;
}

.apim .wizardButtons {
  display: block;
  text-align: right;
}

/* show URL dialog */
.apim .showURLDialog {
  width: 700px;
}

.apim .maximizableSection {
    transition: all 0.5s ease-in-out;
    z-index: 10;
    background: white;
}

.apim.offlineMode .maximizedSection {
    bottom: 31px;
}

.apim.offlineMode .maximizedSection .embedded-assembly {
    height: calc(100% - 62px);
}

/* API rich editor */
.apim .detailsEditor .propertiesCatalogColumn {
  width: 40%;
}

.apim .detailsEditor .propertiesValueColumn {
  width: 55%;
}

span.techPreview {
  border: 1px solid #a1a1a1;
  padding: 5px 20px;
  background: #f2f2f2;
  width: 88px;
  border-radius: 50px;
  color: #444849;
  margin-right: 18px;
  vertical-align: 3px;
}

/* feedback widget */
.apim .feedback {
  z-index: 2000;
  position: fixed;
  bottom: 10px;
  right: 10px;
}

.apim .feedbackButton {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  box-shadow: 0.5px 0.5px 10px 0 rgba(0, 0, 0, 0.3);
  background: white;
}

.apim .feedbackButton .material-icons {
  font-size: 30px;
}

.apim .feedbackButton .iconOnlyButton {
  margin-top: 12px;
  margin-left: 5px;
}

.apim .feedbackBox {
  z-index: 2001;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 400px;
  height: 500px;
  background: white;
  box-shadow: 0.5px 0.5px 10px 0 rgba(0, 0, 0, 0.3);
}

.apim .feedbackBox .titleArea {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 16px;
}

.apim .feedbackBox .titleArea .material-icons {
  margin-right: 5px;
  font-size: 36px;
}

.apim .feedbackBox .titleArea .closeBox {
  position: absolute;
  top: 10px;
  right: 4px;
}

.apim .feedbackBox .titleArea .closeBox .material-icons {
  font-size: 24px;
}

.apim .feedbackBox .contentArea .ratingBox p {
  padding: 10px 16px;
}

.apim .feedbackBox .contentArea .ratingBox .material-icons {
  font-size: 64px;
  color: #a0a0a0;
}

.apim .feedbackBox .contentArea .ratingBox button.iconOnlyButton:not(:disabled):focus {
  outline: 1px dotted black;
}

.apim .feedbackBox .contentArea .messageBox {
  padding: 10px 16px;
}

.apim .feedbackBox .contentArea .messageBox textarea {
  width: 100%;
  height: 150px;
  border: 1px solid #c0c0c0;
}

.apim .feedbackBox .footerArea {
  border-top: 1px solid #e5e5e5;
  padding: 10px 16px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.apim .feedbackBox .buttonArea {
  float: right;
}

/* combobox */
.apim .comboBox {
  width: 100%;
}
.apim .comboBox * {
  box-sizing: border-box;
}
.apim .comboBox input {
  display: table-cell;
  width: 100%;
  height: 28px;
  border-width: 0 0 1px 0;
  border-color: rgba(0,0,0,0.12);
}
.apim .comboBox input:focus {
  outline: none;
  border-width-bottom: 2px;
  padding-bottom: 4px;
}
.apim .comboBox .input-group-btn button {
  display: inline-block;
  cursor: pointer;
  padding: 6px 12px 6px 11px;
  min-width: inherit;
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-color: rgba(0,0,0,0.12);
  min-height: inherit;
  line-height: 15px;
}
.apim .comboBox input:focus + .input-group-btn button {
  outline: none;
  border-bottom-width: 2px;
  padding-bottom: 5px;
}
.apim .comboBox button:not(:disabled):hover,
.apim .comboBox button:not(:disabled):focus {
  background-color: #f0f0f0;
}
.apim .comboBox button .caret {
  color: #000000;
}
.apim .comboBox input[disabled] {
  background: none;
}

.apim .comboBoxHeader {
  pointer-events: none;
  cursor: default;
  font-weight: bold;
}

/* SaaS Signup */
.apim .saasSignup h1 {
  font-weight: 200 !important;
  font-size: 32px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 20px;
}

.apim .saasSignup .subtitle {
  font-weight: 200 !important;
  font-size: 24px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 20px;
}

.apim .saasSignup .largerText {
  font-size: 18px;
}

.apim .saasSignup .checkline {
  margin-top: 20px;
  margin-bottom: 20px;
}

.apim .saasSignup .checkline label {
  color: rgba(255,255,255,0.7);
}

.apim .saasSignup input[type=checkbox] {
  vertical-align: middle;
  margin: 0 4px 0 0;
}

.apim .saasSignup .disclaimer {
  margin-top: 20px;
}

.apim .saasSignup button {
  border: 1px solid rgba(255,255,255,0.7);
  cursor: pointer;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 11px;
  color: rgba(255,255,255,0.7);
  background-color: transparent;
  transition: background-color 0.2s;
}

.apim .saasSignup button:disabled {
  border-color: rgba(255,255,255,0.5);
  cursor: not-allowed;
  color: rgba(255,255,255,0.5);
}

.apim .saasSignup button:hover:not(:disabled),
.apim .saasSignup button:focus {
  background-color: rgba(255,255,255,1.0);
  border-color: rgba(255,255,255,1.0);
  color: #4b68fa;
}

.apim .saasSignup .animateReserve {
  height: 40px;
}

.apim .saasSignup .loadingAnimation38 {
  margin: 0 auto;
}

.apim .saasSignup a {
  color: rgba(255,255,255,0.7);
}

/* custom icons */
.apim .doubleChevronIcon:before {
  content: "\f101";
}
.apim .apiFaIcon {
  font-size: 24px;
}

.apim .apiFaIcon:before {
  content: "\f085";
}

.apim .apiFaIcon.smallIcon {
  font-size: 16px;
}

.apim .dataSourceIcon:before {
  content: "\f1c0";
}

.apim .dataSourceIcon.smallIcon {
  font-size: 16px;
}

.apim .dialogBody {
  background-color: #f0f0f0;
}

.apim .dialogSection {
  margin-bottom: 3rem;
  padding: 1rem;
  background-color: white;
  box-shadow: 0.5px 0.5px 10px 0 rgba(0, 0, 0, 0.3);
}

.apim .dialogSectionHeader {
  display: block;
}

.apim .dialogSectionHeader .headerMenu {
  float: right;
  margin: 0;
}

.apim .apis .emptyCollectionMessage,
.apim .assemblies .emptyCollectionMessage,
.apim .spacesCollection .emptyCollectionMessage,
.apim .products .emptyCollectionMessage {
  padding: 18px 16px;
}

.apim .right-nav-button-container {
  border-left: 1px rgba(255, 255, 255, 0.2) solid;
  height: 60px;
  padding: 16px 20px 0px 12px;
}

.apim .right-nav-button-container .material-icons {
  width: 28px;
}

.apim .modal-content {
  border-radius: 0px;
}

.apim .dropdown-menu {
  border-radius: 0px;
}

.apim .dropdown-menu button {
  width: 100%;
  text-align: left;
  margin: 0;
}

.apim .dropdown-menu button .material-icons {
  vertical-align: middle;
  margin-left: 0.5rem;
}

.apim .context-value {
  padding: 5px 10px;
}

.apim .md-select-menu-container {
  z-index: 1060;
}

.apim .idpList md-checkbox {
  margin-bottom: 0px;
}

.apim .certificatesList .iconOnlyButton {
  vertical-align: middle;
  line-height: inherit;
}

.apim .certificatesList .iconOnlyButton .material-icons {
  font-size: 18px;
}

.flex1{
	flex: 1;
}

.gettingStarted md-list{
  padding: 0;
}

.tooltipContainer .tooltip-arrow::after{
  background-image:url(../images/pulse.svg); /*for whatever reason, when using content: url(../images/pulse.svg, on first click did not appear);*/
  z-index: -1;
}

.createhintdiv {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.createhintdiv .createhinttext {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 25px;
  width: calc(100% - 200px);
  min-height: 100px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: 5px 5px 10px 0px #d8d8d8;
  -moz-box-shadow: 5px 5px 10px 0px #d8d8d8;
  box-shadow: 5px 5px 10px 0px #d8d8d8;
  font-size: 15px;
  line-height: 1.2;
}
.createhintdiv .createhinttext:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 18px;
  bottom: 100px;
  border-bottom: 15px solid #fff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.createhintdiv .subtext {
  font-size: 14px;
}

.apim .menuDivider {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #eeeeee;
}

.apim .markdownPreview {
	margin-top: 10px;
	padding: 3px;
}

.apim .markdownPreview ul {
  list-style: inherit;
  padding-left: inherit;
  margin: 0 0 0 20px;
}

.apim .dropdown-menu .divider:last-child {
  display: none;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none !important;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.apim .confirmation-list-item {
  list-style-type:square;
}

.apim .bx--search-with-options .bx--search__icon--magnifier :not(.importDialog){
  width: 1.4rem;
  height: 1.4rem;
  top: 1rem;
}

.apim .bx--search-with-options .bx--overflow-menu__options {
  padding: 15px 60px 15px 15px;
  margin-right: 20px;
  margin-top: 70px;
}

.apim .bx--overflow-menu__options .typeCheck {
  padding: 5px;
}

.apim .bx--overflow-menu__options .filter-pane-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}

.apim .bx--overflow-menu__options .typeCheck {
  font-size: 14px;
}

.apim .no-animate {
  -webkit-transition: none !important;
  transition: none !important;
}

.apim .search-user-icon {
  width: 1.4rem;
  height: 1.4rem;
  top: 1rem;
}

.apim .bx--form__add-user .bx--search .iconOnlyButton {
  background-color: rgba(61,112,178,0.1);
}

.apim .bx--form__add-user .bx--search .bx--search__input{
  height: 100%;
}

.apim .lower-case-only{
  text-transform: lowercase;
}

.filepicker.add-loopback .tree-container,
.filepicker.add-loopback .tree-container .primary-tree,
.filepicker.add-loopback .tree-container .primary-tree .node-tree,
.filepicker.add-loopback .tree-container .primary-tree .node-tree ul,
.filepicker.add-openapi .tree-container,
.filepicker.add-openapi .tree-container .primary-tree,
.filepicker.add-openapi .tree-container .primary-tree .node-tree,
.filepicker.add-openapi .tree-container .primary-tree .node-tree ul,
.filepicker.add-existing .tree-container,
.filepicker.add-existing .tree-container .primary-tree,
.filepicker.add-existing .tree-container .primary-tree .node-tree,
.filepicker.add-existing .tree-container .primary-tree .node-tree ul
.filepicker.add-existing .tree-container .secondary-tree,
.filepicker.add-existing .tree-container .secondary-tree .node-tree,
.filepicker.add-existing .tree-container .secondary-tree .node-tree ul
{
  height: 100%;
}

.apim .colorchange:focus {
  color: #3d70b2;
}