.thumb-rating{
    min-height:2em;
    margin-bottom:0.25em;
}

.total-thumbs-up .tally-total{
    color: #333;
    line-height:1em;
    vertical-align:middle;
}

.altocontraste .total-thumbs-up .tally-total{color: white;}

.thumbs-up {vertical-align:middle;}

.total-thumbs-down .tally-total{
    color: red;
}

form button.like-button,
form button.dislike-button {
    font-size:125%;
    background-color:transparent;
    border-width: 0;
    cursor: pointer;
    white-space: nowrap;
    color: #626064;
}

.altocontraste form button.like-button,
.altocontraste form button.dislike-button {color: white;}

/* Reset button styles of Plone 5  */
form button.like-button:hover,
form button.dislike-button:hover,
form button.like-button:active,
form button.dislike-button:active,
form button.like-button:focus,
form button.dislike-button:focus {
    box-shadow: none;
    background-color: transparent;
    color: #007b22;
}

.altocontraste form button.like-button:hover,
.altocontraste form button.dislike-button:hover,
.altocontraste form button.like-button:active,
.altocontraste form button.dislike-button:active,
.altocontraste form button.like-button:focus,
.altocontraste form button.dislike-button:focus {
    color: yellow;
}

form button.like-button {
    padding-left: 0;
}

form button.dislike-button {
    background-position: -18px -23px;
    margin-left: 5px;
}

form .selected button.like-button {

}

form .selected button.dislike-button {
    background-position: -18px 10px;
}
/*
.twothumbs-feedback {
    position: absolute;
	z-index: 1;
	width: 400%;
	margin-left: -52%;
	padding: 4%;
	font-size: 90%;
	border: 1px solid #555;
	background-color: #ddd;
	text-align: center;
    right: 0;
}
*/
.twothumbs-feedback {
    position: absolute;
    z-index: 1;
    font-size: 90%;
    border: 1px solid #626165;
    background-color: #eff7f2;
    text-align: center;
    right: 0;
    left:0;
    color: #114202;
    margin:0.2em auto;
}
.twothumbs-feedback a.close-link:link {
	border-bottom: 0;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
	width: 13px;
	height: 13px;
	background: url(++resource++cioppino.twothumbs.images/thumbs-sprite.png) no-repeat 0 0;
    text-decoration: none;
    padding: 0.2em;
}

.twothumbs-feedback a.close-link:link::after {content: none;}

.twothumbs-feedback a.close-link:link:hover,
.twothumbs-feedback a.close-link:link:focus {
    outline: 0.125rem solid #007b22;
    background-color: transparent;
}

.twothumbs-feedback a.close-link:link:active {
	background-position: 0 -26px;
}

.thumb-rating button.loading {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* O con un spinner/animación */
.thumb-rating button.loading {
    position: relative;
}

.thumb-rating button.loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.8);
    border-radius: inherit;
}