/********************************************************* {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} **/
.apiDetails {
	font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
}
.apiDetails .apiDetailsHeader {
	border-bottom: 1px solid rgb(229, 229, 229);
	padding: 20px;
}
.apiDetails .apiDetailsHeader .contentBox {
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: top;
}
.apiDetails .apiDetailsHeader .editorBar .contentBox {
	width: 200px;
	min-height: 46px;
}
.apiDetails .apiDetailsHeader .actionBar .contentBox {
	min-width: 34px;
}
.apiDetails .apiDetailsHeader .title,
.apiDetails .apiDetailsHeader .subtitle {
	color: #6d6d6d;
	margin-bottom: 10px;
}
.apiDetails .apiDetailsHeader .subtitle {
	text-align: center;
}
.apiDetails .apiDetailsHeader .buttonAndLabel:hover .subtitle {
	color: rgb(0, 129, 233);
}
.apiDetails .apiDetailsHeader .apiName {
	font-size: large;
}
.apiDetails .apiDetailsHeader .apiPath {
	font-size: medium;
}
.apiDetails .apiDetailsHeader .descriptionText,
.apiDetails .apiDetailsHeader .apiPath,
.apiDetails .apiDetailsHeader .apiSwaggerVersion {
	font-size: medium;
	margin-bottom: 20px;
}
.apiDetails .apiDetailsHeader .description {
	margin-top: 20px;
}
.apiDetails .apiDetailsHeader .apiRevision {
	display: table;
	padding: 5px 0px 5px;
}
.apiDetails .apiDetailsHeader .apiRevision .title {
	padding: 5px 10px 5px 0px;
	vertical-align: middle;
}
.apiDetails .apiDetailsHeader .apiEditBasePath>*,
.apiDetails .apiDetailsHeader .apiEditSwaggerVersion>*,
.apiDetails .apiDetailsHeader .apiRevision>* {
	display: table-cell !important;
}
.apiDetails .apiDetailsHeader .apiSwaggerVersion {
	max-width: 800px;
	display: inline-block !important;
	margin-bottom: 0;
}
.apiDetails .headline {
	padding: 0px 20px 20px 20px;
}
.apiDetails .apiDetailsHeader .contentBox:first-child {
	padding-left: 0px;
}
.apiDetails .apiDetailsHeader .contentBox:last-child {
	padding-right: 0px;
	border-right: none;
}
.apiDetails .apiDetailsBody .dijitStackController .dijitToggleButton:hover .dijitButtonNode{
	background-color: rgb(229, 243, 251);
	color: rgb(0, 129, 233);
	background-image: none;
	-ms-filter: none;
	filter: none;
	box-shadow: none;
}
.apiDetails .apiDetailsBody .dijitStackController .dijitToggleButton:first-child .dijitButtonNode {
	border-left: 1px solid rgb(229, 241, 253);
}
.apiDetails .apiDetailsBody .dijitStackController .dijitToggleButton:first-child .dijitButtonNode {
	border-left: 1px solid rgb(229, 241, 253);
	-webkit-border-radius: 2px 0px 0px 2px;
	-moz-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
}
.apiDetails .apiDetailsBody .dijitStackController .dijitToggleButton:last-child .dijitButtonNode {
	-webkit-border-radius: 0px 2px 2px 0px;
	-moz-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;
}
.apiDetails .resourceEditor .headline .appliedTags .addIconSmall:hover {
  cursor: pointer;
}
.apiDetails .resourceEditor .headline .appliedTags .removeIconSmall:hover {
  cursor: pointer;
}
.productDetails .unsavedChanges:after,
.apiDetails .unsavedChanges:after {
	content: "  \2A";
	color: #F51A1A;
}
.apiDetails .tagsContainer .header a:hover,
.apiDetails .extensionsContainer .header a:hover,
.apiDetails .securitySchemesContainer .header a:hover,
.apiDetails .securityRequirementsContainer .header a:hover,
.apiDetails .settingsContainer .header a:hover,
.apiDetails .additionalInfoContainer .header a:hover {
	text-decoration: none;
}
.apiDetails .tagsContainer .header a:hover h3,
.apiDetails .extensionsContainer .header a:hover h3,
.apiDetails .securitySchemesContainer .header a:hover h3,
.apiDetails .securityRequirementsContainer .header a:hover h3,
.apiDetails .settingsContainer .header a:hover h3,
.apiDetails .additionalInfoContainer .header a:hover h3 {
	text-decoration: underline;
}
.apiDetails .tagsTableSection .tagList tbody tr:first-of-type td {
  padding-top: 8px;
}
/* force the dropdown arrow to always be 16px in width to save stupid jumping about of the arrow image */
.apiDetails .extensionsSection textarea::-webkit-input-placeholder {
	font-style: italic;
	color: rgba(0,0,0,0.4);
}
.apiDetails .extensionsSection textarea::-moz-placeholder {
	font-style: italic;
	color: rgba(0,0,0,0.4);
}
.apiDetails .extensionsSection textarea:-ms-input-placeholder {
	font-style: italic;
	color: rgba(0,0,0,0.4);
}
.webapi .environment.selectable {
	min-width: 200px;
}
.webapi .environment.restricted {
	cursor: not-allowed;
}
.webapi .environment {
	min-height: 20px;
	line-height: 20px;
	padding: 5px;
}
.webapi .environment .environmentName,
.webapi .deployedApi .environmentName {
	padding-left: 10px;
}
.webapi .environment.selectable.restricted .environmentName {
	cursor: not-allowed;
}
.webapi .environment.selectable .environmentName {
	cursor: pointer;
}
.webapi .environment .deployedIndicator,
.webapi .deployedPlan .deployedIndicator,
.webapi .deployedProduct .deployedIndicator{
	border-radius: 50%;
	width: 10px;
	height: 10px;
}
/** green circle deployed indicator **/
/** published **/
.webapi .environment.running .deployedIndicator,
.webapi .environment.published .deployedIndicator,
.webapi .deployedPlan.published .deployedIndicator,
.webapi .deployedPlan.running .deployedIndicator,
.webapi .deployedProduct.published .deployedIndicator,
.webapi .deployedProduct.running .deployedIndicator{
	background-color: rgb(141, 201, 53);
	border: none;
}
/** green outline circle deployed indicator **/
/** deprecated **/
.webapi .environment.deprecated .deployedIndicator,
.webapi .deployedPlan.deprecated .deployedIndicator,
.webapi .deployedProduct.deprecated .deployedIndicator,
.webapi .environment.stopped .deployedIndicator {
	border: 3px solid rgb(141, 201, 53);
	background-color: inherit;
}
/** green square deployed indicator **/
/** running **/
.webapi .deployedApi.running .deployedIndicator {
	background-color: rgb(141, 201, 53);
	border: none;
}
/** grey square deployed indicator **/
/** stopped **/
.webapi .deployedApi.stopped .deployedIndicator {
	background-color: rgb(220, 220, 220);
	border: none;
}
/** grey outline square deployed indicator **/
/** suspended **/
.webapi .deployedApi.suspended .deployedIndicator {
	border: 3px solid rgb(220, 220, 220);
}
/** grey circle deployed indicator **/
/** staged **/.webapi .environment.staged .deployedIndicator,
.webapi .deployedPlan.staged .deployedIndicator,
.webapi .deployedProduct.staged .deployedIndicator{
	background-color: rgb(220, 220, 220);
	border: none;
}
/** grey outline circle deployed indicator **/
/** retired **/
.webapi .environment.retired .deployedIndicator,
.webapi .deployedPlan.retired .deployedIndicator,
.webapi .deployedProduct.retired .deployedIndicator{
	border: 3px solid rgb(220, 220, 220);
	background-color: inherit;
}
/** light grey outline circle deployed indicator **/
/** archived **/
.webapi .environment.archived .deployedIndicator,
.webapi .deployedPlan.archived .deployedIndicator,
.webapi .deployedProduct.archived .deployedIndicator{
	border: 3px solid rgb(240, 240, 240);
	background-color: inherit;
}
/** default deployed indicator **/
.webapi .environment .deployedIndicator,
.webapi .deployedPlan .deployedIndicator,
.webapi .deployedProduct .deployedIndicator{
	background-color: rgb(240, 240, 240);
	border: none;
}
.webapi .environment.selectable:hover {
	background-color: #BFDEF3;
}
.webapi .deployedPlan {
	padding: 5px 5px 6px 5px;
}
.webapi .dropdownArrow:after {
	content: " \25BC";
}
.webapi .documentScope .environmentSelector.draftSelector:hover{
	color: rgb(92, 135, 29);;
	background-color: rgb(232, 245, 213);
}
.webapi .idpsCollection .idpSelector:hover,
.webapi .documentScope .environmentSelector:hover{
	background-color: #e5f2fd;
	color: #005fac;
}
select.versionDropdown,
.versionDropdown {
	background-color: rgb(229, 243, 251);
	color: rgb(0, 129, 233);
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: medium;
	border-color: #b5bcc7;
}
.webapi select.versionDropdown:hover {
	border: none;
}
.versionDropdown {
	padding: 3px 3px 3px 3px;
}
/*.versionDropdownDialog .colHeader {
	border-bottom: black 1px solid;
	padding-bottom: 10px;
}
.versionDropdownDialog .version {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: black 1px solid;
}
*/.versionDropdownDialog .header {
	color: #767676;
	font-size: smaller;
}
.versionDropdownDialog .lastModified {
	float: right;
}
.versionDropdownDialog .title {
	margin-bottom: 10px;
	font-weight: bold;
}
.versionDropdownDialog .version {
	padding: 5px 0px;
	border-top: 2px solid rgb(245, 245, 245);
}
.versionDropdown .versionName,
.versionDropdownDialog .version .lastModified {
	color: #767676;
}
.webapi .planIncludedApi {
	font-size: 15px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	padding: 17px 0px 7px 18px;
}
.webapi .planIncludedApi .context {
	font-weight: bold;
}
.webapi .apiList {
	width: 25%;
	vertical-align: top;
	word-wrap: break-word;
	/*border-right: 1px solid #e5e5e5;*/
}
.webapi .apiList button {
	text-align: left;
	width: 90%;
	font-size: medium;
	padding: 5px;
	margin: 5px 0px;
}
.webapi .apiList button.selected,
.webapi .apiList button:hover {
	background-color: rgb(229, 243, 251);
	color: #0174a1;
}
.webapi .resourceList {
	width: 75%;
	vertical-align: top;
	/*border-left: 1px solid #e5e5e5;
	margin-left: -1px;*/
}
.webapi.mobile .resourceList {
	width: 100%;
}
.webapi.mobile .resourceList .leftBorder {
	margin-left: 0px;
}
.webapi .resourceList .resourceSelectorSelectColumn {
	width: 5%;
	min-width: 25px;
}
.webapi .resourceList .resourceSelectorVerbColumn {
	width: 15%;
	min-width: 70px;
}
.webapi .resourceList .resourceSelectorPathColumn {
	width: 40%;
}
.webapi .resourceList .resourceSelectorNameColumn {
	width: 40%;
}