/* Polls in wall posts (desktop + m.), VK 2012 look. Markup: tmpl/blocks/poll_post.php; JS: js/polls.js. */
.vc_poll { margin: 8px 0 4px; padding: 8px 0 2px; border-top: 1px solid #e7eaed; max-width: 420px; font-size: 11px; color: #000; position: relative; }
.vc_poll_head { margin-bottom: 8px; }
.vc_poll_q { font-weight: bold; color: #222; word-wrap: break-word; }
.vc_poll_type { color: #888; margin-top: 2px; }
.vc_poll_row { margin: 0 0 7px; }
.vc_poll_text { color: #222; margin-bottom: 3px; word-wrap: break-word; }
.vc_poll_check { color: #5e81a8; font-weight: bold; }
.vc_poll_bar_wrap { display: table; width: 100%; table-layout: fixed; }
.vc_poll_bar { display: table-cell; position: relative; height: 20px; background: #e9edf1; vertical-align: middle; }
.vc_poll_fill { position: absolute; left: 0; top: 0; bottom: 0; background: #c5d3e1; min-width: 0; }
.vc_poll_lead .vc_poll_fill { background: #a8bdd2; }
.vc_poll_mine .vc_poll_fill { background: #6d8fb3; }
.vc_poll_cnt { position: relative; z-index: 1; padding: 0 6px; line-height: 20px; color: #2b587a; font-weight: bold; }
.vc_poll_mine .vc_poll_cnt { color: #fff; }
.vc_poll_pct { display: table-cell; width: 44px; text-align: right; font-weight: bold; color: #45688e; vertical-align: middle; }
.vc_poll_row_link { cursor: pointer; }
.vc_poll_row_link:hover .vc_poll_bar { background: #dde4eb; }
.vc_poll_row_link:hover .vc_poll_text { color: #2b587a; text-decoration: underline; }
.vc_poll_opt { padding: 5px 6px; margin: 0 -6px 1px; cursor: pointer; border-radius: 2px; color: #222; word-wrap: break-word; }
.vc_poll_opt:hover { background: #edf1f5; }
.vc_poll_radio, .vc_poll_cb { display: inline-block; width: 12px; height: 12px; margin: 0 7px -2px 0; border: 1px solid #a7b6c5; background: #fff; box-sizing: border-box; }
.vc_poll_radio { border-radius: 50%; }
.vc_poll_opt:hover .vc_poll_radio { border-color: #5e81a8; box-shadow: inset 0 0 0 3px #fff; background: #5e81a8; }
.vc_poll_on .vc_poll_cb { background: #5e81a8; border-color: #5e81a8; box-shadow: inset 0 0 0 2px #fff; }
.vc_poll_submit_wrap { margin: 6px 0 2px; }
.vc_poll_submit { cursor: pointer; }
.vc_poll_foot { color: #888; margin: 6px 0 2px; }
.vc_poll_foot a { color: #2b587a; cursor: pointer; }
.vc_poll_foot a:hover { text-decoration: underline; }
.vc_poll_busy { opacity: .55; pointer-events: none; }
.vc_poll_err { margin-top: 6px; padding: 5px 8px; background: #ffefe9; border: 1px solid #e89b88; color: #333; }
/* voters list */
.vc_pv_bg { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10050; background: rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; font-size: 11px; font-family: tahoma, verdana, arial, sans-serif; }
.vc_pv_box { width: 420px; max-width: 94vw; background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .35); }
.vc_pv_head { background: #5b7fa6; color: #fff; padding: 9px 15px; font-weight: bold; font-size: 12px; }
.vc_pv_x { float: right; cursor: pointer; font-size: 18px; line-height: 14px; opacity: .75; }
.vc_pv_x:hover { opacity: 1; }
.vc_pv_sub { padding: 9px 15px; background: #f7f7f7; border-bottom: 1px solid #e4e8ed; color: #222; word-wrap: break-word; }
.vc_pv_count { color: #888; }
.vc_pv_body { max-height: 55vh; overflow-y: auto; padding: 8px 10px; }
.vc_pv_loading { height: 30px; background: url(/images/upload.gif) no-repeat 50% 50%; }
.vc_pv_user { display: inline-block; width: 50%; box-sizing: border-box; padding: 5px; color: #2b587a; text-decoration: none; vertical-align: top; }
.vc_pv_user:hover .vc_pv_name { text-decoration: underline; }
.vc_pv_img { width: 34px; height: 34px; vertical-align: middle; margin-right: 8px; border-radius: 0; object-fit: cover; }
.vc_pv_name { font-weight: bold; vertical-align: middle; }
.vc_pv_empty { color: #888; text-align: center; padding: 20px 0; }
.vc_pv_more { display: block; text-align: center; padding: 8px; background: #f2f5f8; color: #2b587a; margin-top: 6px; }
.vc_pv_foot { padding: 8px 10px; background: #f7f7f7; border-top: 1px solid #e4e8ed; text-align: right; }
.vc_pv_foot .button_blue { display: inline-block; }
.vc_pv_close { cursor: pointer; }
.vc_pv_m .vc_pv_close, .vc_poll_m .vc_poll_submit { background: #5e81a8; color: #fff; border: 0; border-radius: 3px; padding: 7px 16px; font-size: 13px; }
.vc_pv_m { font-size: 13px; }
.vc_pv_m .vc_pv_user { width: 100%; }
/* m. */
.vc_poll_m { max-width: none; font-size: 14px; padding-top: 10px; }
.vc_poll_m .vc_poll_bar { height: 24px; }
.vc_poll_m .vc_poll_cnt { line-height: 24px; }
.vc_poll_m .vc_poll_pct { width: 52px; }
.vc_poll_m .vc_poll_opt { padding: 9px 8px; margin: 0 -8px 2px; background: #f2f5f8; }
.vc_poll_m .vc_poll_radio, .vc_poll_m .vc_poll_cb { width: 16px; height: 16px; margin-right: 9px; }
.vc_poll_m .vc_poll_foot { font-size: 13px; }
/* m. composer editor */
.vc_pm { margin: 8px 0; padding: 10px; background: #f5f7fa; border: 1px solid #dfe5eb; border-radius: 3px; font-size: 14px; }
.vc_pm_head { margin-bottom: 8px; }
.vc_pm_remove { float: right; color: #2b587a; font-size: 13px; }
.vc_pm_input { display: block; width: 100%; box-sizing: border-box; padding: 7px 8px; margin: 0 0 6px; border: 1px solid #c5cfd9; border-radius: 2px; font-size: 14px; background: #fff; }
.vc_pm_label { color: #666; margin: 6px 0 4px; }
.vc_pm_ans { position: relative; }
.vc_pm_ans .vc_pm_input { padding-right: 30px; }
.vc_pm_del { position: absolute; right: 8px; top: 5px; color: #999; font-size: 20px; cursor: pointer; line-height: 20px; }
.vc_pm_add { display: inline-block; margin: 2px 0 8px; color: #2b587a; }
.vc_pm_cb { display: block; margin: 5px 0; color: #333; }
.vc_pm_err { color: #c0392b; margin-top: 6px; }
/* desktop composer (js/al/page.js createPoll) */
.medadd_c_poll .medadd_c_pollend { display: block; margin: 4px 0 6px 22px; width: 200px; }
/* club wall composer (desktop, js/polls.js clubOpen) */
.vc_pm_desk { font-size: 11px; max-width: 380px; clear: both; }
.vc_pm_desk .vc_pm_input { font-size: 11px; padding: 4px 5px; margin-bottom: 5px; }
.vc_pm_desk .vc_pm_del { font-size: 15px; top: 2px; line-height: 16px; }
.vc_pm_desk .vc_pm_remove { font-size: 11px; }