/* General */

body {
	/* background: url('../images/custom-background.png') no-repeat top center #d3f0fe; */
}

.legal-notice a {
	margin-right: 0.5em;
}


/* Code formatting */

pre {
	word-wrap: normal;
	white-space: pre;
	overflow-x: auto;
	/* Background like tabs-content background  */
	/* background: #f6f6f6; */
	background: #f7f7f7;
	border: 1px solid #D1D1D1; 
	border-radius: 5px;
	margin-bottom: 1em;
}

pre code {
	background: transparent;
}

code {
	font-family: monospace;
}


/* Project page navigation */

#back-to-master a {
	margin-top: -16px;
	padding-right: 0;
}

.landing-page header nav a:not([href^="#"]),
.landing-page header.compact-header nav a:not([href^="#"]) {
	background: none;
	padding-right: 0;
	margin-right: 0;
}


/* Typography */

.description p:first-child:first-letter {
    float: left;
    font-size: 3.1em;
    line-height: 0.5em;
    padding-bottom: 0.05em;
    padding-top: 0.2em;
    padding-right: 0.1em;
}

.mono, a.mono {
	font-family: monospace;
	font-weight: normal;
}

.attention {
	font-weight: bold;
}


/* Project slide: Quick info */

.caption .button {
	margin-top: 1em;
}

.caption dt, .caption dd {
	float: left;
}

.caption dt {
	clear: both;
	width: 7em;
	text-align: left;
}

.caption dt:after {
	content: ":";
}

.flexslider .img-container {
	display: inline-block;
	position: relative;
	max-width: 100%;
	float: left;
}

.flexslider .img-container img {
  float: left;
}
/*
.flexslider .img-container::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: inset -10px 0px 50px 30px rgba(34,34,34,1); 
	background: linear-gradient(to bottombottom,  #94c4fe 31%,#d3f6fe 100%);  
} 
*/	   
.flexslider .img-container img {
	float: left;
}
	
/* Increase height so box contains text on phone as well */
@media only screen and (max-width: 767px) {
	.flexslider .slides .caption {
		height: 300px;
	}
}

/* TOC generation */

#toc {
	display: none;
}

/* Desktop only */
@media only screen and (min-width: 960px) {
	.container.full-width {
		width: 100%;
	}
	
	#user-guide {
		margin-left: 30%;
	}
	
	#toc {
		display: block;
	}
	
	.fixed-on-desktop {
		position: fixed;
	}
	
	.center-on-desktop {
		text-align: center;
	}

	.toc-heading {
		text-align: left;
	}
	
	#toc {
		top: 0px;
		left: 0px;
		bottom: 0px;
		position: fixed;
		background: #222;
		width: 300px;
		padding-top: 80px;
		color: #fff;
		overflow-y: auto;
	}

	#toc .toc-active {
		background: #fff;
	}

	#toc {
		display: block;
		z-index: 1;
	}

	#toc ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#toc li {
		padding: 5px 10px;
	}

	#toc a {
		color: #fff;
		text-decoration: none;
		display: block;
	}

	#toc .toc-h2 {
		padding-left: 10px;
	}

	#toc .toc-h3 {
		padding-left: 20px;
	}
	
	#toc .toc-h4 {
		padding-left: 30px;
	}

	#toc .toc-active {
		background: #336699;
		box-shadow: inset -5px 0px 10px -5px #000;
	}

	/* TOC numbering */

	#toc.numbered a:before {
		margin-right: 0.2em;
	}

	#toc.numbered {
		counter-reset: level-one;
	}

	#toc.numbered .toc-h2 a:before {
		content: counter(level-one) " ";
		counter-increment: level-one;
	}

	#toc.numbered .toc-h2 {
		counter-reset: level-two;
	}

	#toc.numbered .toc-h3 a:before {
		content: counter(level-one) "." counter(level-two) " ";
		counter-increment: level-two;
	}
		
	#toc.numbered .toc-h3 {
		counter-reset: level-three;
	}

	#toc.numbered .toc-h4 a:before {
		content: counter(level-one) "." counter(level-two) "." counter(level-three) " ";
		counter-increment: level-three;
	}

	span[id^="toc"] {
		display: block; 
		position: relative; 
		top: -60px; 
	}

}

/* Heading numbering */

.numbered-headings {
	counter-reset: level-one;
}

.numbered-headings h2:before {
    content: counter(level-one) " ";
    counter-increment: level-one;
	margin-right: 0.3em;
}

.numbered-headings h2 {
	counter-reset: level-two;
}

.numbered-headings h3:before {
    content: counter(level-one) "." counter(level-two) " ";
    counter-increment: level-two;
	margin-right: 0.3em;
}
	
.numbered-headings h3 {
	counter-reset: level-three;
}

.numbered-headings h4:before {
    content: counter(level-one) "." counter(level-two) "." counter(level-three) " ";
    counter-increment: level-three;
	margin-right: 0.3em;
}


/* Table styling copied from Twitter Bootstrap Base CSS */

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table td.label {
  text-align: right;
  font-weight: bold;
}

.table.slim-cells td {
  line-height: normal;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

/* Taken from Bootstrap 3 to prevent that table destructs nice layout on mobile phones */
@media screen and (max-width: 767px) {
  .table {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}


/* Projects page */

.portfolio-element {
	text-align: center;
	background: rgba(255, 255, 255, 1.0);
    margin-bottom: 1em;
}

.portfolio-element a, .portfolio-image-container {
	display: block;
	line-height: 0px;
	position: relative;
}

.portfolio-element.disabled .portfolio-image-container {
	background-color: #333;
}

.coming-soon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	height: 26px;
	margin-top: -13px;
	color: #fff;
	z-index: 10;
	letter-spacing: 5px;
	text-shadow: 0px 0px 10px #fff;
}

.portfolio-element.disabled img, .portfolio-element.disabled .portfolio-label {
	opacity: 0.3;
}


.portfolio-label {
	padding: 20px 20px 0 20px;
	height: 54px;
	color: #000;
    font-size: 1.1em;
}

.button.no-animation {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.button.no-animation:hover {
	background: #fff;
}

a.button {
	border-radius: 5px;
}

div.panel {
	background-color: #fff;
	color: #555;
	border: 0;
	display: inline-block;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 0px 0px #222 inset;
	   -moz-box-shadow: 0px 0px 0px 0px #222 inset;
			box-shadow:	0px 0px 0px 0px #222 inset;
	border-radius: 5px;
}


div.panel.full-width {
	width: 100%;
}

.checkbox-row {
	margin-bottom: 10px;
}

.checkbox-container {
	float: left;
}

.checkbox-label-container {
	float: left; 
	margin-left: 8px; 
	width: 90%
}

dl.table-like dt, dl.table-like dd {
	float: left;
}

dl.table-like dt {
	clear: both;
	width: 10em;
	text-align: right;
	font-weight: bold;
}

dl.table-like dt:after {
	content: ":";
}

dl.table-like dd {
	margin-left: 10px;
	text-align: left;
}

.download-icons {
}

.download-label {
	line-height: 48px;
	font-size: 115%;
	font-weight: bold;
}

.download-title {
	text-align: center;
}


/* User guide */


#user-guide-content, #user-guide-content li {
	line-height: 22px;
}
	
#user-guide-content {
	font-size: 1.1em;
	text-align: justify;
}

#user-guide-content p {
	margin-bottom: 14px;
}

#user-guide-content h2 {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 15px;
	border-bottom: solid 1px #aaa;
}

#user-guide-content h3 {
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

#user-guide-content h4 {
	font-size: 19px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

#user-guide-content ol li, #user-guide-content ul li {
	margin-bottom: 0px;
}

#user-guide-content ul, #user-guide-content ol {
	padding-left: 40px;
	margin-left: 0;
	margin-bottom: 15px;
}

#user-guide-content ul > li {
	list-style: square outside;
}

#user-guide-content ul > li {
	list-style: decimal;
}

#user-guide-content ul ul, #user-guide-content ul ol, #user-guide-content ol ol, #user-guide-content ol ul {
	font-size: 100%;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}

#user-guide-content ul ul > li, #user-guide-content ol ul > li {
	list-style: square outside url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw==');
}

#user-guide-content ul ul ul li, #user-guide-content ol ul ul li  {
	list-style: circle outside;
}

#user-guide-content ol p, #user-guide-content ul p {
	margin-bottom: 0;
}

#user-guide-content .note, #user-guide-content .tip {
	margin-bottom: 1em;
}

#user-guide-content .note:before, #user-guide-content .tip:before {
	font-weight: bold;
}

#user-guide-content .note:before {
	content: "Note: ";
}

#user-guide-content .tip:before {
	content: "Tip: ";
}

#user-guide-content .code-section {
	float: left;
	border-right: solid 1px #888;
	padding-right: 10px;
}
#user-guide-content .code-section-label {
	color: #888;
	float: left;
	font-family: SourceSans, Arial, sans-serif;
	padding-left: 10px;
}

#user-guide-content .code-section-label .number {
	color: #888;
}

img {
	max-width: 100%;
	height: auto;
}

#user-guide-content img {
	/* Center
	margin-left: auto;
	margin-right: auto;
	*/
	
	
	/* Responsive */
	max-width: 100%;
	height: auto;
	
	display: block;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	margin-top: 20px;
	margin-bottom: 20px;
}

dl.faq dt {
	font-weight: medium;
	margin-bottom: 15px;
}

.faq hr {
	margin-top: 15px;
	margin-bottom: 15px;
}

.faq {
	-webkit-columns: 2;
	-moz-columns: 2;
	-columns: 2;
	text-align: justify;
}

@media only screen and (max-width: 767px) {
	.faq {
		-webkit-columns: 1;
		-moz-columns: 1;
		-columns: 1;
	}
}


/* Place footer at bottom even if not much content:
   http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/
 */
/* Desktop only */
@media only screen and (min-width: 960px) {
	#footer-at-bottom-wrapper {
		min-height: 100%;
		position: relative;
	}

	#footer-at-bottom-content {
		padding-bottom: 240px; /* height + padding + margin of footer */
	}

	footer {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 160px;
	}

	html, body {
		height:100%;
	}
}
/* End */

.terms-and-conditions ul {
	list-style: square outside;
	margin-left: 30px;
}

.installation {
	color: #F60;
}

.no-worries {
	color: #77b300;
}

.tabs-slider.operating-systems .tabs-content {
	background: #fff;
}

/* Bootstrap */

.panel {
  margin-bottom: 20px;
  background-color: #222222;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #3c3c3c;
  border-top: 1px solid #282828;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #282828;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #282828;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #282828;
}
.panel-default {
  border-color: #282828;
}
.panel-default > .panel-heading {
  color: #888888;
  background-color: #3c3c3c;
  border-color: #282828;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #282828;
}
.panel-default > .panel-heading .badge {
  color: #3c3c3c;
  background-color: #888888;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #282828;
}
.panel-primary {
  border-color: #2a9fd6;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #2a9fd6;
  border-color: #2a9fd6;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #2a9fd6;
}
.panel-primary > .panel-heading .badge {
  color: #2a9fd6;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #2a9fd6;
}
.panel-success {
  border-color: #809a00;
}
.panel-success > .panel-heading {
  color: #ffffff;
  background-color: #77b300;
  border-color: #809a00;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #809a00;
}
.panel-success > .panel-heading .badge {
  color: #77b300;
  background-color: #ffffff;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #809a00;
}
.panel-info {
  border-color: #6e2caf;
}
.panel-info > .panel-heading {
  color: #ffffff;
  background-color: #9933cc;
  border-color: #6e2caf;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #6e2caf;
}
.panel-info > .panel-heading .badge {
  color: #9933cc;
  background-color: #ffffff;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #6e2caf;
}
.panel-warning {
  border-color: #f05800;
}
.panel-warning > .panel-heading {
  color: #ffffff;
  background-color: #ff8800;
  border-color: #f05800;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f05800;
}
.panel-warning > .panel-heading .badge {
  color: #ff8800;
  background-color: #ffffff;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f05800;
}
.panel-danger {
  border-color: #bd001f;
}
.panel-danger > .panel-heading {
  color: #ffffff;
  background-color: #cc0000;
  border-color: #bd001f;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bd001f;
}
.panel-danger > .panel-heading .badge {
  color: #cc0000;
  background-color: #ffffff;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bd001f;
}