/********************************************************* {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} **/

.webapi .emptyCollectionMessage {
	text-align: center;
	padding: 10px;
}
.webapi .collectionBoxContainer {
	border: 1px solid #ccc;
	border-top: none;
	padding: 0px;
	margin: 15px;
}
.webapi .subtext {
	color: rgb(112, 120, 122);
	font-size: 11px;
	padding-top: 3px;
}
.webapi .collectionHeader {
	position: relative;
	background: #F2F9FF;
	border: none;
	border-top: 1px solid #e5e5e5;
	margin-top: 8px;
	padding: 10px 5px 10px 20px;
}
.webapi .collectionHeader.left26:after,
.webapi .collectionHeader.left26:before {
	left: 26px;
}
.webapi .collectionHeader.left30:after,
.webapi .collectionHeader.left30:before {
	left: 30px;
}
.webapi .collectionHeader.left34:after,
.webapi .collectionHeader.left34:before {
	left: 34px;
}
.webapi .collectionHeader.left236:after,
.webapi .collectionHeader.left236:before {
	left: 236px;
}
.webapi .collectionHeader.left290:after,
.webapi .collectionHeader.left290:before {
	left: 290px;
}
.webapi .collectionHeader:after,
.webapi .collectionHeader:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.webapi .collectionHeader:after {
	border-color: rgba(242, 249, 255, 0);
	border-bottom-color: #F2F9FF;
	border-width: 7px;
	margin-left: -7px;
}
.webapi .collectionHeader:before {
	border-color: rgba(229, 229, 229, 0);
	border-bottom-color: #e5e5e5;
	border-width: 8px;
	margin-left: -8px;
}
.webapi .orgList .collectionHeader:after,
.webapi .orgList .collectionHeader:before {
	height: 0;
	width: 0;
}
.webapi .orgList .collectionHeader:after {
	border-color: inherit;
	border-bottom-color: inherit;
	border-width: 0px;
	margin-left: 0px;
}
.webapi .orgList .collectionHeader:before {
	border-color: inherit;
	border-bottom-color: inherit;
	border-width: 0px;
	margin-left: 0px;
}
.webapi .additionalDocUpload.left34:after,
.webapi .additionalDocUpload.left34:before {
	left: 34px;
}
.webapi .additionalDocUpload:after,
.webapi .additionalDocUpload:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.webapi .additionalDocUpload:after {
	border-color: rgba(242, 249, 255, 0);
	border-bottom-color: #e5e5e5;
	border-width: 7px;
	margin-left: -7px;
}
.webapi .additionalDocUpload:before {
	border-color: rgba(229, 229, 229, 0);
	border-bottom-color: #e5e5e5;
	border-width: 8px;
	margin-left: -8px;
}
.webapi .tableEntry {
	position: relative;
	padding: 17px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.webapi .policiesCollection .policyVersion:last-child .tableEntry,
.webapi .apisCollection .apiRevision:last-child .tableEntry,
.webapi .productsCollection .productRevision:last-child .tableEntry {
	border-bottom: none;
}
.apim .tableHeaderBackground .column {
	display: inline-block;
	vertical-align: top;
}
/** unifiedSearch class floats the search icon to inside the input for better focus indication **/
.webapi .searchCollection.unifiedSearch .filterBox {
  width: 180px;
  border-radius: 20px;
}
.webapi .searchCollection.unifiedSearch .iconOnlyButton {
  margin-left: -26px;
  margin-top: 2px;
}
.webapi .searchCollection.unifiedSearch .searchIcon {
  border: none;
  height: 22px;
}
.webapi.mobile .searchCollection {
	display: none;
}
.webapi.mobile .apiConsolePanel .tableHeaderBackground .column,
.webapi.mobile .developersCollection .tableHeaderBackground .column,
.webapi.mobile .environmentsCollection .tableHeaderBackground .column,
.webapi.mobile .approvals .tableHeaderBackground .column,
.webapi.mobile .productDetails .tableHeaderBackground .column {
	display: none;
}
.webapi.mobile .tableHeaderBackground .column.apiActionsColumn,
.webapi.mobile .tableHeaderBackground .column.planActionsColumn {
	display: none;
}
.webapi .searchCollection button {
	padding-right: 0px;
}
.webapi .searchCollection .searchInput {
	border-width: 1px;
	border-style: solid;
	border-right: 0px;
}
.webapi .searchCollection .filterBox {
	-webkit-border-radius: 20px 0px 0px 20px;
	-moz-border-radius: 20px 0px 0px 20px;
	border-radius: 20px 0px 0px 20px;
	height: 26px;
	line-height: 22px;
	padding-left: 10px;
	margin-right: -9px;
	vertical-align: top;
}
.webapi .searchCollection .filterBox {
	width: 160px;
}
.dijit_a11y .searchCollection .dijitButton .dijitIcon.clearFilter:before {
	content: url(../images/delete_tag_ovr.png) center no-repeat;
}
.webapi .searchCollection .iconOnlyButton {
	padding-top: 0px;
	padding-bottom: 0px;
}
.webapi .searchCollection .searchIcon {
	border-width: 1px;
	border-style: solid;
	border-left: 0px;
	cursor: pointer;
	-webkit-border-radius: 0px 20px 20px 0px;
	-moz-border-radius: 0px 20px 20px 0px;
	border-radius: 0px 20px 20px 0px;
	margin: 0px;
}
.webapi .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;
}
.webapi .sortable:focus {
	outline: 1px dotted !important;
}
.webapi .sortable.descendingSort:after {
	content: " \25BC";
}
.webapi .sortable.ascendingSort:after {
	content: " \25B2";
}
.webapi .tableEntry .unsavedChanges:after {
	color: #F51A1A;
	content: "\2A";
	font-size: 30px;
	line-height: 22px;
}
