/**
 * Global styles
 *
 * @package    BardCanvas
 * @subpackage polls
 * @author     Alejandro Caballero - lava.caballero@gmail.com
 */

.poll_container {
    background-color: whitesmoke;
    padding: 5px;
    margin: 20px 0;
    border: 1px solid #757575;
    box-shadow: 1px 1px 2px #808080;
}

#right_sidebar .widget .poll_container , 
.poll_container.ui-dialog-content     {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
}

#right_sidebar .widget .poll_container .title { display: none; }

.poll_container .title    { margin: 5px 5px 10px 5px; padding: 0; }
.poll_container .subtitle { margin: 5px 5px 10px 5px; padding: 0; 
                            font-family: arial, Helvetica, sans-serif; font-size: 9pt; }
.poll_container .option   { margin-bottom: 10px; }

.poll_container .buttons        { margin-top: 5px; margin-left: 5px; margin-bottom: 5px; }
.poll_container .buttons > span  ,
.poll_container .buttons button  { margin: 2px; }

.poll_container .option label                { border-radius: 2px; padding: 2px 8px 2px 2px; }
.poll_container .option label:hover          { color: white; background-color: black; }
.poll_container .option label.selected       { color: white; background-color: mediumblue; }
.poll_container .option label.selected:hover { color: white; background-color: deepskyblue; }

.poll_container .option.add_option { padding-left: 5px; }

.poll_container table.options { width: 100%; border-spacing: 10px; }

.poll_container table.options td {
    font-family: arial, helvetica, sans-serif; font-size: 12pt; line-height: normal;
    vertical-align: middle; color: black;
    height: 35px;
}
.poll_container table.options .recent_voters .avatar {
    display: inline-block; width: auto; height: 34px; line-height: 34px; vertical-align: middle;
    margin-top: -1px;
}
.poll_container table.options .recent_voters .avatar img {
    width: 35px; height: 35px; max-width: none;
}

.poll_container table.options .results_bar {
    width: 100%; background: white url('bar_background.png') left center no-repeat;
    background-size: 0 100%; border: 1px solid silver;
    padding-left: 10px; padding-right: 10px;
}

.poll_container table.options .results_bar.this {
    border-left: 4px solid black; padding-left: 7px;
}


#right_sidebar .widget .poll_container table.options              { border-spacing: 5px; }
#right_sidebar .widget .poll_container table.options td           { font-size: 10pt; height: auto; }
#right_sidebar .widget .poll_container .buttons                   { margin-left: 0; }
#right_sidebar .widget .poll_container .buttons .framed_content   { padding: 1px 4px; !important }
#right_sidebar .widget .poll_container table.options .results_bar { padding-left: 2px; padding-right: 2px; }
#right_sidebar .widget .poll_container .emojione                  { height: 9pt; }

@media all and (max-width: 800px) {
    .poll_container table.options .recent_voters { display: none; }
}

/* Widget CSS fixes */
#right_sidebar .widget[data-type="poll_in_sidebar"] h3 { padding: 5px; }