/*
	This stylesheet is used by the 'Request parameters JSON template' popup in the End Point Editor.
	It is also shared with the Example JSON displayed in the End Point Parameters popup of the Process Modeller.
*/

.icm-endpoint-jsonschema {
	background: white;
}

.icm-endpoint-jsonschema pre {
	font-family: monaco, courier new, fixed;
	font-size:12px;
	padding: 5px;
	margin: 5px;
	color:#3956E5;
}

.icm-endpoint-jsonschema .json-key {
	color:#14289B;
}
.icm-endpoint-jsonschema .json-brace {
	color:#E02121;
}
.icm-endpoint-jsonschema .json-string {
	color:#33A2C6;
}
.icm-endpoint-jsonschema .json-number,
.icm-endpoint-jsonschema .json-null {
	color:#E02121;
}
.icm-endpoint-jsonschema .json-boolean {
	color:#2745DB;
}

/*
	And some additional styling for the end point help Examples tab, which makes
	use of the json schema.
*/
.icm-endpoint-example {
	position: relative;
}
.icm-endpoint-example .icm-endpoint-jsonschema pre {
    border: none;
	background-color: #f9f9f9;
	white-space: pre-wrap; /* to prevent code over-running background */
}
.icm-endpoint-example .btn {
	top: 32px;
	right: 10px;
	transition: opacity 0.3s ease-in-out;
    opacity: 0;
    padding: 4px;
    position: absolute;	
}
.icm-endpoint-example:hover .btn {
	opacity: 1;
}
.icm-endpoint-example-title {
	padding-top: 5px;
	font-family: Tahoma,sans-serif;
	font-size: 110%;	
	color: #666;
}
.btn:hover, .btn:focus {
	color: ##333;
	text-decoration: none;
}

.btn {
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    border-radius: 4px;
    user-select: none;
}