.proradio-chartvote { display: table-cell; width: 50px; padding: 0; text-align: center; line-height: 20px; height: 100%; background: white; border-radius: 0 4px 4px 0; overflow: hidden; background: rgba(100, 100, 100, 0.05); }

.proradio-chartvote-number { width: 100%; clear: both; text-align: center; padding: 4px 0; vertical-align: middle; line-height: 13px; background: #fff; color: #333; font-size: 12px; display: block; background: #fff; box-shadow: inset 0px 3px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; width: 94%; margin: 0 3%; }

.proradio-chartvote .proradio-chartvote-link { display: block; width: 100%; clear: both; text-align: center; padding: 0; line-height: 24px; height: 24px; vertical-align: middle; color: #7bc71e; }

.proradio-chartvote .proradio-chartvote-link > i { display: inline-block; width: 100%; height: 24px; margin: 0; }

.proradio-chartvote .proradio-chartvote-link > i:before { content: ""; display: inline-flex; width: 14px; height: 14px; border: 3px solid; border-width: 3px 3px 0 0; transform: rotate(-45deg) translateY(-5px) translateX(5px); margin: 0 auto; }

.proradio-chartvote .proradio-chartvote-link.qt-down { color: red; transform: rotate(180deg); }

.proradio-chartvote.disabled .proradio-chartvote-link { color: #dedede; cursor: not-allowed; }

.proradio-chartvote.disabled .proradio-chartvote-number { background: #ddd; color: white; font-weight: bold; }

@media only screen and (min-width : 601px) { .proradio-chartvote .proradio-chartvote-link > i:before { transform: rotate(-45deg) translateY(-9px) translateX(9px); } }

@media only screen and (min-width : 1200px) { .proradio-chartvote-number { font-size: 14px; line-height: 22px; height: 20px; padding: 0; margin-top: 0; } .proradio-chartvote .proradio-chartvote-link { line-height: 36px; height: 40px; } .proradio-chartvote .proradio-chartvote-link i { height: 40px; } .proradio-chartvote .proradio-chartvote-link i:before { transform: rotate(-45deg) translateY(-4px) translateX(4px); } .proradio-chartvote .proradio-chartvote-link:not(.disabled):hover { background-color: #7bc71e; color: #fff; } .proradio-chartvote .proradio-chartvote-link.qt-down:not(.disabled):hover { background-color: red; color: #fff; } }

.proradio-chartvote-downvote-off .proradio-chartvote-link.qt-down { display: none; }

.proradio-chartvote-downvote-off .proradio-chartvote-link.qt-up { height: 60px; }

.proradio-chartvote-downvote-off .proradio-chartvote-link.qt-up > i { height: 60px; line-height: 80px; }

.proradio-chartvote-downvote-off .proradio-chartvote-number { height: 40px; line-height: 40px; }

@media (max-width: 600px) { .proradio-chartvote-downvote-off .proradio-chartvote-link.qt-up { height: auto; } .proradio-chartvote-downvote-off .proradio-chartvote-link.qt-up > i { height: 40px; line-height: 60px; vertical-align: bottom; } .proradio-chartvote-downvote-off .proradio-chartvote-number { height: 20px; line-height: 20px; } }
/*# sourceMappingURL=proradio-chartvote.css.map */