/* module-key = 'de.communardo.confluence.plugins.karma:karma-medal-ressources', location = 'css/medal.css' */
.medal-reciever-form-container {
	margin: 0 auto;
	width: 200px;
	max-width: 200px;
}

.medal .medalicon.undone img {
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333,0.3333,0.3333,0,0,0.3333,0.3333,0.3333,0,0,0.3333,0.3333,0.3333,0,0,0,0,0,1,0'/></filter></svg>#grayscale");
    filter: gray; 
    -webkit-filter: grayscale(100%);
}

.medal-reciever-form-container .autocomplete-user {
	width: 200px;
	max-width: 200px;
	text-align: center;
}

.medal-reciever-container {
	height: 48px;
	text-align: center;
}

.medal-reciever-container img {
	height: 48px;
}

.aui .medal-message-container .textarea {
	width: 400px;
	max-width: 400px;
	display: block;
}

.aui .medal-comment-container {
	margin-bottom: 20px;
	margin: 0 auto;
	width: 400px;
}

.aui .medal-comment-container .commentlimit {
	text-align: right;
	color: #808080;
}

.medal-list {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}

#give-medal-dialog .medal-list {
    overflow-y: scroll;
    height: 220px;
}

.karma-admin-container .medal-list {
	text-align: left;
}

.medal.small {
	width: 115px;
	text-align: center;
	margin: 5px;
	padding: 5px;
	border-radius: 5px;
	display: inline-block;
	border: 1px solid transparent;
}

#givemedalcontainer .medal.small.selected,
#givemedalcontainer .medal.small:hover {
	border: 1px solid gold;
	background-color: #FFF4BA;
}

.medal .medalicon img{
	height: 60px;
}

.medal .medaltitle {
	font-size: 16px;
}


#give-medal-dialog .medal-save-button[disabled], 
#give-medal-dialog .medal-save-button[disabled]:hover, 
#give-medal-dialog .medal-save-button[disabled]:focus, 
#give-medal-dialog .medal-save-button[disabled]:active, 
#give-medal-dialog .medal-save-button[aria-disabled="true"], 
#give-medal-dialog .medal-save-button[aria-disabled="true"]:hover, 
#give-medal-dialog .medal-save-button[aria-disabled="true"]:focus, 
#give-medal-dialog .medal-save-button[aria-disabled="true"]:active, 
#give-medal-dialog .medal-save-button[aria-disabled="true"][aria-pressed] {
	background: #f2f2f2;
	background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background: -ms-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
	border-color: #ccc;
	box-shadow: none;
	color: #999;
	cursor: default;
	text-shadow: none;
}

#givemedalcontainer .error {
	color: #D04437;
	text-align: center;
}

#givemedalcontainer .success {
	color: green;
	text-align: center;
}

.medal.large .medal-icon  {
    float: left;
    padding: 5px;
}

.medal.large .medal-icon img  {
    height: 60px;
}

.medal.large .medal-infoholder {
	overflow: hidden;
	padding: 5px;
}

.medal.large .medal-infoholder .medal-title {
    font-size: 16px;
    color: #000;
}

.medal.large .badge-infoholder .medal-count {
    margin: 6px 0;
    color: #505050;
}

.medal .medal-history-metadata {
    font-size: 10px;
}

