/*
	Plugin Name: Badges Q2A
	Plugin URI: https://github.com/heliochun/q2a-badges
	Plugin Version: 4.9
	
	Extension Author: Helio Chun (Gold Developer)
	Extension Author URI: https://twitter.com/TweetChun
*/

.badge-bronze, .badge-silver, .badge-gold {
    display: inline-block;
    background-color: #424242;
    color: #fff;
	font-size: 13px;
	line-height: 24px;
    font-weight: 400;
	text-align: left;
	white-space: nowrap;
	padding: 2px 10px 2px 7px;
    margin-bottom: 5px;
    border: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
				0 1px 5px 0 rgba(0, 0, 0, 0.12),
				0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
.badge-bronze:before, .badge-silver:before, .badge-gold:before {
    content: "";
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
	vertical-align: sub;
    border: 2px solid #FFF;
}

.badge-bronze:before {
	background-color: #a57f30;
}
.badge-silver:before {
	background-color: #B4B8BC;
}
.badge-gold:before {
	background-color: #FFCC01;
}

span.for_type {
    display: inline-block;
    background-color: #a77818;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    padding: 2px 10px 2px 7px;
    margin: 0px 5px 5px 1px;
    border: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}

/* single dot */
.badge-bronze-medal {
    color: #CB9114;
}
.badge-silver-medal {
    color: #CDCDCD;
}
.badge-gold-medal {
    color: #FFCC01;
}

.badge-bronze br, .badge-silver br, .badge-gold br {
    content: "";
    display: inline-block;
    height: 0;
    width: 5px;
}

.badge-count {
    background-color: #fff;
    color: #9E9E9E;
    padding: 5px 6px;
}
.badge-count-link {
	cursor: pointer;
	color: #039BE5;
}

/* Badge Notifier */
.notify-container {
    position: fixed;
    left: 25px;
    bottom: 25px;
    max-width: 520px;
	z-index: 9999;
}
.badge-notify {
    padding: 10px 40px 10px 25px;
    text-align: left;
    background-color: #424242;
	font-family: inherit;
	font-weight: 400;
    color: #fff;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),
				0 3px 14px 2px rgba(0,0,0,0.12),
				0 5px 5px -3px rgba(0,0,0,0.2);
}
.badge-notify a {
    color: #90CAF9;
}

.badge-profile-check {
    display: block;
}

.notify-close {
    position: absolute;
    top: 4px;
    right: 10px;
    color: #90CAF9;
    font-weight: 600;
    cursor: pointer;
}

table.badge-user-tables {
    width: 100%;
}
td.badge-user-table {
    vertical-align: top;
	padding: 0 5px;
	width: 33.3%;
}
.badge-user-table table {
    width: 100%;
}
.badge-user-table .qa-form-wide-label {
    padding: 0;
}
h3.badge-title {
    background-color: #eee;
    padding: 10px;
}


.badge-bronze-medal, .badge-silver-medal, .badge-gold-medal {
    font-size: 20px;
}


table.badge-entry {
    width: 100%;
}

.badge-entry-badge td:first-of-type {
    width: 25%;
}
.badge-entry-badge td:nth-child(2) {
    width: 60%;
}
.badge-entry-badge td:nth-child(3) {
    width: 15%;
	text-align: right;
}


.badgeGroup {
    border-top: 1px solid #E0E0E0;
    padding: .6rem 0;
}

.badge-entry-desc {
    font-size: 14px;
    line-height: normal;
}

/* Widget */
.badge-widget-entry {
	font-size: 14px;
    margin-bottom: 2px;
}
.badge-medals-widget {
    white-space: nowrap;
	display: inline-block;
	margin-left: 5px;
}


/* Remove wall posts in profile Badges Tab */
.badges-tabs-content .qa-part-message-list {
    display: none;
}
.qa-part-form-badges-list {
    width: 100%;
    overflow: hidden;
}


@media (max-width: 630px){
	td.badge-user-table {
		width: 100%;
		display: block;
		font-size: 13px;
		padding: 0;
		margin-top: 5px;
	}
	h3.badge-title {
		font-weight: 400;
		background-color: #f5f5f5;
	}
	
	/* Badges Page */
	.qa-part-custom2 {
		padding: 10px;
	}
	.badge-entry-badge td:first-of-type {
		width: 45%;
	}
	.badge-entry-desc {
		font-size: 13px;
		padding: 6px 0;
		display: inline-block;
	}

	.notify-container {
		width: auto;
		max-width: 100%;
		left: 8px;
		right: 8px;
		bottom: 8px;
	}
}