﻿/******************** Poll ********************/
.poll { display: inline-block; float: left; width: 300px; background: #fff; position: relative; padding: 10px; border: 1px solid #e0e0e0; border-top: 4px solid #0277bd;min-height:288px }
/*.poll { display: inline-block; float: left; width: 300px; background: #9b9297; position: relative;padding:0 10px;min-height:500px ;    overflow: hidden;border-top:4px solid #c40030;}*/
.poll .sponserbk{position:absolute;width:100%;bottom:0;right:0;z-index:0;pointer-events:none}
.poll .ttl { position:relative;height: 60px;background: none; border-right: none; padding-right: 0; margin-bottom: 0; z-index:1}
.poll .ttl .more { display: none }
.poll .ttl h3{color:#000;line-height:60px}
.poll a{position:relative;width:calc(100% + 20px);height:186px;    display: inline-block;
    margin-right: -10px;
    float: right;}
.wcDiv .poll .ttl:after { display: none }
.poll .allItems {position:relative; display: inline-block; width: 100%; float: right;z-index:1;background:#fff;    min-height: 250px; }
.poll .allItems h3 { display: inline-block; width: 100%; float: right;padding: 8px 10px; text-align: right; font-family: droidBold, Arial; font-size: 13px; color: #1d1d1d; margin: 0 0 10px; }
.poll .allItems input[type="radio"] + label { font-size: 13px; margin: 0 5px 10px; }
.poll .allItems .step { display: inline-block; float: right; width: 100% }
.poll .allItems .pollBullets { display: inline-block; float: right; width: 100%; margin-bottom: 0 }
.poll .allItems .btns { display: inline-block;;margin-bottom:10px }
.poll .allItems .btns .vote { float: left; position: relative; display: inline-block; width: 90px; height: 40px; text-align: center;   font-size: 13px; color: #fff; line-height: 40px; background: #1b92d9; }
/** Second Step **/
.poll .allItems .secondStep { display: inline-block; width: 100%; float: right ;padding: 0 10px;}
.poll .allItems .secondStep ul { padding-right: 0; float: right }
.poll .allItems .secondStep li { display: inline-block; width: 100%; float: right; margin-bottom: 30px; }
.poll .allItems .secondStep .itemDiv { display: inline-block; width: 100%; float: right }
.poll .allItems .secondStep .itemDiv .item { display: inline-block; width: 100%; float: right; font-family: droidBold, Arial; font-size: 13px !important; white-space: unset !important; text-align: right; direction: rtl; color: #000; margin: 0 !important; margin-left: 0px !important }
.poll .allItems .secondStep .itemDiv .votes { display: inline-block; width: auto; float: right;   white-space: unset !important; font-size: 12px !important; text-align: right; direction: rtl; color: #a7a7a7 !important; margin: 0 !important; line-height: 2.9; }
.poll .allItems .secondStep .itemDiv .votes span { display: inline-block; width: auto; float: left;   font-size: 12px !important; text-align: right; direction: rtl; color: #a7a7a7 !important; margin: 0 !important; line-height: 2.9; }
.poll .allItems .secondStep .itemDiv .percentage { display: inline-block; width: auto; float: left; font-size: 15px !important; font-weight: bold; margin: 0 !important; font-family: Arial; line-height: 34px; }
.poll .allItems .secondStep .votesPercent { display: inline-block; float: right; width: 100%; position: relative; height: 6px; background: #ddd; overflow: hidden }
.poll .allItems .secondStep .votesPercent .voteSlide { position: absolute; right: 0; top: 0; width: auto; height: 6px; background: #1b92d9 }

.poll input[type="radio"] + label span{background: url(../Images/check-radio-img.png) -37px top no-repeat;}
input[type="radio"]:checked + label span { background: url(../Images/check-radio-img.png) -55px top no-repeat; }


@media only screen and (max-width: 1023px) {
        .poll { margin: 0 calc((100% - 300px) / 2) 20px }

}