/* Buttons */
.btn.default{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn.aqua{
    color: #fff;
    background-color: #7abfbc;
    border-color: #7abfbc;
}

.btn.rose{
    color: #fff;
    background-color: #cc7dc99e;
    border-color: #cda3d0;
}
.btn.black{
    color: #fff;
    background-color: #12130e9e;
    border-color: #1e1f1a6b;
}


/* Panels */

.panel.default>.panel-heading {
    color: #feffff;
    font-weight: bold;
    background-color: #4a8bab;
    border-color: #bce8f1;
}
.panel.aqua>.panel-heading {
    color: #feffff;
    font-weight: bold;
    background-color: #7abfbc;
    border-color: #bce8f1;
}
.panel.rose>.panel-heading {
    color: #feffff;
    font-weight: bold;
    background-color: #cc7dc99e;
    border-color: #cda3d0;
}
.panel.black>.panel-heading {
    color: #feffff;
    font-weight: bold;
    background-color: #12130e9e;
    border-color: #1e1f1a6b;
}

/* Ribbon */


.ribbon.default{
    background-color: #66bee0a1;
}
.ribbon.aqua{
    background-color: #7abfbc;
}
.ribbon.rose{
    background-color: #cc7dc99e;
    border-color: #cda3d0;
}
.ribbon.black{
    background-color: #12130e9e;
    border-color: #1e1f1a6b;
}

.ribbon{
	position: relative;
	/* width: 50%; */
	font-size: 2em;
	font-weight: bold;
	padding: 6px 20px 6px 70px;
	margin: 30px 10px 10px -36px;
	color: #ffffff;
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}

.ribbon:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: -2px;
	top: 0px;
	border-color: transparent #fff transparent transparent;
}

.ribbon:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 10px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}