/* CODE SNIPPET BAR (snippet-bar) AND BOX (snippet) DEFAULT STYLES */

.snippet-bar {
	text-align: right;
}

.snippet-bar .no-snippet {
	border: 1px solid rgb(212, 208, 200);
	margin-bottom: 1.2rem;
	padding: .5rem .8rem;
	text-align: left;
	color: rgba(135, 131, 122, 1);
	font-style: italic;
}

.snippet-bar-button {
	background-color: rgb(212, 208, 200);
	border-width: 0;
	font-size: smaller;
	line-height: 1.1rem;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: rgba(0, 0, 0, .3);
	cursor: hand;
	margin: 0;
}

.snippet-bar-button.active {
	color: black;
}

.snippet-bar[data-type="server"] .snippet-bar-button {
	background-color: rgba(90, 88, 83);
	color: rgba(255, 255, 255, .4);
}

.snippet-bar[data-type="server"] .snippet-bar-button.active {
	color: white;
}

.snippet {
	display: none;
	border: 1px solid rgb(212, 208, 200);
	margin-bottom: 1.2rem;
	background-color: #fff;
}

.snippet .label,
.snippet .label2 {
	margin: .5rem .8rem;
}

.snippet .label {
	margin-bottom: 0;
}

.snippet hr {
	border: none !important;
	border-top: 1px solid rgb(212, 208, 200) !important;
}

/* STATIC (NO-INTERACION) CODE SNIPPET BAR AND BOX STYLES */


.snippet-bar.static .snippet-bar-button {
	color: black;
	cursor: default;
}

.snippet-bar.static[data-type="server"] .snippet-bar-button {
	color: white;
}

.snippet.static {
	display: block !important;
}