﻿
.poll-cust-election-blue .answer-text {
    background: rgba(0,0,255,0.9) !important; 
    font-size: 1.3rem;
}

.poll-cust-election-red .answer-text {
    background: rgba(206,17,7,0.9) !important;
    font-size: 1.3rem;
}

.poll-cust-election-blue .bar {
    background: rgba(0,0,255,0.9) !important; 
}

.poll-cust-election-red .bar {
    background: rgba(206,17,7,0.9) !important;
}

.poll-question-type-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.poll-question-type {
    background-color: grey;
    color: white;
    width: 33%;
    text-align: center;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #aaaaaa;
}

.poll-question-right {
    color: white;
    width: 33%;
    text-align: center;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #aaaaaa;
    background-color: lightgreen;
    background-image: linear-gradient(#99FF00,#00FD00);
}

.poll-question-wrong {
    color: white;
    width: 33%;
    text-align: center;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #aaaaaa;
    background-color: red;
    background-image: linear-gradient(red,#D93E00);
}

.poll-creative-Static728x90WideCleanSplit .cleanStyle .pollOption > span {
    padding: 8px 0px;
}

.poll-creative-Static728x90WideCleanSplit {
    max-height: 90px;
    min-height: 90px;
    max-width: 728px;
    min-width: 728px;
}

.poll-creative-Static728x90WideClean #poll-title-footer {
    color: white;
}

.poll-creative-Static728x90WideCleanSplit .pollOptions {
    width: 170px;
    flex-direction: column;
    overflow: hidden;
}

.poll-creative-Static728x90WideClean .cleanStyle .pollOption > span {
    padding: 8px 0px;
}

.poll-creative-Static728x90WideCleanSplit .pollOptions.voteslide-answers {
    position: unset;
    max-height: unset;
}

    .poll-creative-Static728x90WideCleanSplit .pollOption.voteslide-answer:first-child {
        margin-left: unset;
    }

.poll-creative-Static728x90WideCleanSplit .cleanStyle .pollOption > span {
    padding-top: 4px;
}

.poll-creative-Static728x90WideClean {
    max-height: 90px;
    min-height: 90px;
    max-width: 728px;
    min-width: 728px;
}

.poll-creative-Static728x90WideClean .pollOptions {
    width: 170px;
    flex-direction: column;
    overflow: hidden;
}

/*.poll-creative-Static728x90WideCleanSplit .pollOptionsLeft:first-child {
    padding-top: 5px;
    padding-bottom: 5px;
}

.poll-creative-Static728x90WideCleanSplit .pollOptionsRight:first-child {
    padding-top: 5px;
    padding-bottom: 5px;
}*/

.poll-creative-Static728x90WideCleanSplit .widePoll.enhancedPoll .pollOptions .pollOption {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 3px;
    margin-bottom: 3px;
    max-height:40px;
}

.poll-creative-Static728x90WideCleanSplit .pollOptionLeft {
    padding-left: 10px;
}

.poll-creative-Static728x90WideCleanSplit .pollOptionRight {
    padding-right: 10px;
}

.poll-creative-Static728x90WideCleanSplit .pollTitle {
    width: 400px;
    background: url(https://api.pollseeker.com/Media/Creative/Logos/pollseeker-logo-transparent.png) right top no-repeat;
    background-size: 20px;
}

.poll-creative-Static728x90WideClean .pollOptionLeft {
    padding-left: 10px;
}

.poll-creative-Static728x90WideClean .pollOptionRight {
    padding-right: 10px;
}

.poll-creative-Static728x90WideClean .pollTitle {
    width: 400px;
    line-height: 1.3rem;
  /*  background: url(https://api.pollseeker.com/Media/Creative/Logos/pollseeker-logo-transparent.png) right top no-repeat;
    background-size: 20px;*/
}

.poll-creative-Static728x90WideClean .poll-question-type-container {
    width: 400px;
    background: url(https://api.pollseeker.com/Media/Creative/Logos/pollseeker-logo-transparent.png) left center no-repeat;
    background-size: 20px;
    
}

#pollHybridWrapper {
    margin: 0 auto;
}

#pollAdvert {
    overflow: hidden;
}

#pollAdvert img:first-child {
    float: left;
}

.pollAds {
    padding-right: 0px;
    padding-left: 0px;
}

.pollAdError {
    display: flex;
    justify-content: center;
    align-items: center;
/*    border: 1px solid black;*/
    font-weight:bold;
    color: red;
    background-color: yellow;
}
img.responsive {
    width: 100%;
    height: auto;
    justify-content: center;
}

/*.pollAds div:first-child {
    padding-right: 20px;
}*/

.pollDataTable {
    margin-right: auto;
    margin-left: auto;
    line-height: 1.0;
}

.widePoll {
    max-width: 728px;
    width: 100%;
    height: 90px;
}

.shortPoll {
    max-width: 300px;
}

.poll-w-300 {
    max-width: 300px;
}

.pollDataTable.poll-h-250, .pollDataTable .poll-h-250,
.pollDataTable.poll-h-250 .pollDataWrap {
    min-height: 250px;
    max-height: 250px;
}

.pollDataTable.poll-h-600, .pollDataTable .poll-h-600,
.pollDataTable.poll-h-600 .pollDataWrap {
    min-height: 600px;
    max-height: 600px;
}

.pollDataTable.poll-h-350,
.pollDataTable.poll-h-350 .pollDataWrap {
    min-height: 345px;
    max-height: 345px;
}

    .pollDataTable.poll-h-250 .pollDataWrap,
    .pollDataTable.poll-h-600 .pollDataWrap {
        display: flex;
        flex-direction: column;
    }

    .pollDataTable.poll-h-250 .pollTitle,
    .pollDataTable.poll-h-600 .pollTitle,
    .pollDataTable.poll-h-250 .pollOptions,
    .pollDataTable.poll-h-600 .pollOptions {
        flex: 1;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .pollDataTable.poll-h-250 .pollOptions,
    .pollDataTable.poll-h-600 .pollOptions {
        justify-content:   flex-start;
    }

[class*="poll-h-"].pollDataTable.enhancedPoll .pollOptions {
    padding-right: 15px;
    padding-left: 15px;
}

[class*="poll-h-"].pollDataTable .pollOption > span {
    padding: 15px 10px;
    display: inline-block;
}


.widePoll .pollDataWrap,
.widePoll .pollOptions {
    display: flex;
    height: 100%;
}

.shortPoll .pollDataWrap,
.shortPoll .pollOptions {
    display: block;
}

.poll-w-300 .pollDataWrap,
.poll-w-300 .pollOptions {
    display: block;
}

.pollTitle {
    font-family: Arial;
    background: #DD3333;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}

.widePoll .pollTitle {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.splitPoll {
    flex: 1;
}

.pollOption {
    background: #eee;
    height: 100%;
    color: #000;
    text-align: center;
}

.widePoll .pollOption {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
}


.pollOption:hover {
    background: #ddd;
    cursor: pointer;
}


.widePoll .pollOption:first-child {
    border-right: solid 1px #ddd;
}

.verticalOptions .pollOptions {
    flex-direction: column;
    min-width: 300px;
}

.verticalOptions .pollOption {
    width: 100%;
    border-right: none !important;
}

.shortPoll .pollOption,
.verticalOptions .pollOption {
    border-bottom: solid 1px #ddd;
    /*padding: 5px;*/
}

    .shortPoll .pollOption:last-child,
    .verticalOptions .pollOption:last-child {
        border-bottom: none;
    }

.poll-w-300 .pollOption,
.verticalOptions .pollOption {
    border-bottom: solid 1px #ddd;
    padding: 4px;
}

    .poll-w-300 .pollOption:last-child,
    .verticalOptions .pollOption:last-child {
        border-bottom: none;
    }



/*.widePoll.verticalOptions .pollOption .defaultOption,
.widePoll.verticalOptions .pollOption .opaque60 {
    background: rgba(0, 0, 0, 0.5) !important;
}

.widePoll .pollOption .defaultOption:hover,
.widePoll .pollOption .defaultOption:active,
.widePoll .pollOption .opaque60:hover,
.widePoll .pollOption .opaque60:active {
    background: rgba(0, 0, 0, 0.3) !important;
}*/




.pollFooter {
    font-size: x-small;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    color:white;
}

.enhancedPoll {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.widePoll.enhancedPoll .pollOption {
    padding-right: 10px;
    padding-left: 10px;
}


.poll-creative-Static728x90WideClean .widePoll.enhancedPoll .pollOption {
    padding-right: unset;
    padding-left: unset;
    max-height: 40px;
    margin-top: 2px;
}

.pollTitle {
    font-size: 22px;
}

.enhancedPoll .pollTitle {
    background: none;
}

/*.poll-creative-Static728x90WideClean .enhancedPoll .pollTitle {
    width: 400px;
    background: url(https://api.pollseeker.com/Media/Creative/Logos/pollseeker-logo-transparent.png) left bottom no-repeat;
    background-size: 20px;
}*/
.poll-creative-Static728x90WideCleanSplit .enhancedPoll .pollOption > span {
    background: unset;
    border-radius: 5px;
}

.enhancedPoll .pollOption {
    background: none;
    border: none !important;
}

    .enhancedPoll .pollOption > span {
        display: inline-block;
        border-radius: 5px;
        padding: 15px 10px;
        width: 100%;
        color: #fff;
        text-align: center;
        min-width: 100px;
        background: rgba(255,255,255,0.4);
        box-sizing: border-box;
    }

    .enhancedPoll .pollOption .yesOption,
    .enhancedPoll .pollOption .red {
        background: #DD3333 !important;
    }

        .enhancedPoll .pollOption .yesOption:hover,
        .enhancedPoll .pollOption .yesOption:active,
        .enhancedPoll .pollOption .red:hover,
        .enhancedPoll .pollOption .red:active {
            background: #e85858 !important;
        }



    .enhancedPoll .pollOption .noOption,
    .enhancedPoll .pollOption .blue {
        background: #185691 !important;
    }
        .enhancedPoll .pollOption .noOption:hover,
        .enhancedPoll .pollOption .noOption:active,
        .enhancedPoll .pollOption .blue:hover,
        .enhancedPoll .pollOption .blue:active {
            background: #1d66aa !important;
        }


    .enhancedPoll .pollOption .defaultOption,
    .enhancedPoll .pollOption .opaque60 {
/*        background: #2CCCC4 !important;*/
    }
        .enhancedPoll .pollOption .defaultOption:hover,
        .enhancedPoll .pollOption .defaultOption:active,
        .enhancedPoll .pollOption .opaque60:hover,
        .enhancedPoll .pollOption .opaque60:active {
            background: rgba(255,255,255,0.6) !important;
            z-index: 100;
        }

.poll-creative-Static728x90WideClean .enhancedPoll .pollOption .answer-text {
    display: inline-block;
    border-radius: 5px;
/*    padding: 15px 10px;*/
    width: 100%;
    color: #fff;
    text-align: center;
    min-width: 100px;
    background: none;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 10;
}

.poll-creative-Static728x90WideClean .enhancedPoll .pollOption .bar {
/*    display: none;*/
    border-radius: 5px;
/*    background-color:none;*/
/*        padding: 15px 10px;*/
    /*width: 100%;*/
/*    color: #fff;*/
/*    text-align: center;
    min-width: 100px;*/
/*    background: none;*/
    box-sizing: border-box;
 /*   padding-left: 5px;
    padding-right: 5px;
    */
}

.poll-creative-Static728x90WideClean .enhancedPoll .pollOption.complete .bar {
/*    background-color: orange !important;*/
    display: flex;
    min-width: unset;
}


.poll-creative-Static728x90WideClean .enhancedPoll .pollOption .answer-text {
    background: rgba(255,255,255,0.2);
    display: flex;
}


.poll-creative-Static728x90WideCleanSplit .enhancedPoll .pollOption .answer-text {
    background: rgba(255,255,255,0.2) !important;
    display: flex;
}

.poll-creative-Static728x90WideCleanSplit .pollTitle {
    width: 400px;
    background: url(https://api.pollseeker.com/Media/Creative/Logos/pollseeker-logo-transparent.png) left bottom no-repeat;
    background-size: 20px;
}

.voteslide {
    width: 726px;
    height: 88px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-color: white;
    border: 1px solid #C0C2C6;
    position: relative;
    overflow: hidden;
    background: url(https://api.pollseeker.com/Media/Creative/Logos/pollseeker-logo-transparent.png) right top no-repeat;
    background-size: 20px;
}

.voteslide-wrap {
    /*display: flex;*/
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%
}

.voteslide-wrap .pollDataWrap {
    /*display: flex;*/
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%
}

.voteslide-question {
    font-size: 18px;
    color: black;
/*    margin-left: 15px;
    margin-right: 15px;*/
    margin: 0px 20px 0px 20px;
    padding-top: 5px;
}

.voteslide-answers {
    display: flex;
    position: absolute;
    width: 100%;
    bottom: 5px;
    max-height: 50%;
}

.poll-creative-Static728x90WideClean .voteslide-answers,
.poll-creative-Static728x90WideCleanSplit .voteslide-answers {
    display: flex;
    position: relative;
    width: 170px;
    bottom: unset;
    justify-content: center;
    align-items: center;
    max-height: 100%;
    /*  top: calc((100% - 1rem)/2);*/
}

    .poll-creative-Static728x90WideClean .voteslide-answers .voteslide-answer .bar, .poll-creative-Static728x90WideCleanSplit .voteslide-answers .voteslide-answer .bar {
        content: "";
        transition: width 2s ease .1s,background-color 2s ease .1s;
        width: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        background: orange;
        max-height: 40px;
        /*        padding-left: 5px;*/
        min-width: 0px;
        /*       left: 10px;*/
    }

.voteslide-answer {
    flex: 1;
    position: relative;
    transition: all .3s ease-in-out;
    background: #eee;
    margin-right: 5px;
}

    .voteslide-answer .bar {
        content: "";
        transition: width .3s ease .1s,background-color .3s ease .1s;
        width: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        background: #19B4E9;
    }

    .voteslide-answer:first-child {
        margin-left: 5px;
    }

.poll-creative-Static728x90WideClean .voteslide-answer:first-child {
    margin-left: 0px;
}

.poll-creative-Static728x90WideClean .widePoll.enhancedPoll .pollOption {
/*    padding-right: unset;
    padding-left: unset;*/
}

.poll-creative-Static728x90WideClean .pollOptions .pollOption, .poll-creative-Static728x90WideCleanSplit .pollOptions .pollOption {
    border-radius: 5px;
}

/*https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions*/
#delay {
    font-size: 14px;
    transition-property: font-size;
    transition-duration: 4s;
    transition-delay: 2s;
}

    #delay:hover {
        font-size: 36px;
    }

.correct-answer {
    font-weight: bold;
}
.poll-question-type {
    font-family: Arial;
}
#poll-question {
    padding-top: 1rem;
}
#poll-insights {
    height: 33%;
}
#poll-question-creative {
    height: 67%;
}
.poll-question-option {
    background-color: lightblue;
}
#poll-insight-text {
    line-height: 1.5rem;
    font-size: 1.0rem;
}
.poll-question-title {
    font-size: 1.3rem;
    line-height: 1.7rem;
}
.poll-question-content {
  /*  padding-bottom: 2rem;*/
    height: 720px;
    outline: none;
    max-width: 1080px;

    /*.Style("min-height", "720px") .Style("outline", "dotted") .Style("max-width", "1080px")*/
}

.answer-text {
    font-family: Arial;
    padding: 5px;
    word-break: break-word;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    cursor: pointer;
    z-index: 1000;
    position: relative;
    color: black;
    max-height: 100%;
}

.complete .answer-text {
    justify-content: left;
    font-size: 14px;
    align-items: flex-start;
}

.answer-text:hover {
    color: white;
}

.voteslide-answer:hover {
    background-color: #19B4E9; /* #FF8000;*/
}

.poll-creative-Static728x90WideCleanSplit .voteslide-answer:hover, .poll-creative-Static728x90WideCleanSplit .voteslide-answer:active {
    background: rgba(255,255,255,0.4); /* #FF8000;*/
}

.poll-creative-Static728x90WideClean .voteslide-answer:hover{
    background: none; /* #FF8000;*/
}

    .voteslide-answers .voteslide-answer.complete:before {
        font-size: .50rem;
        line-height: 1;
        text-align: right;
        color: white;
   /*     background-color: #000;*/
        content: attr(data-percent) "%";
        font-weight: 700;
        position: absolute;
        padding: .125rem .188rem;
/*        top: calc((100% - 1rem)/2);*/
        bottom: 3px;
        right: 3px;
        border-radius: .188rem;
        z-index: 999;
    }

.poll-creative-Static728x90Slider .voteslide-answers .voteslide-answer.complete:before {
    color: black;
}


.poll-creative-Static728x90WideClean .voteslide-answers .voteslide-answer.complete:before {
    font-size: .75rem;
    line-height: 1;
    text-align: right;
    content: attr(data-percent) "%";
    font-weight: 700;
    position: absolute;
    padding: .125rem .188rem;
    /*  top: calc((100% - 1rem)/2);*/
    bottom: 3px;
    right: 3px;
    border-radius: .188rem;
    z-index: 999;
}

.poll-creative-Static728x90WideClean .voteslide-answers .voteslide-answer.complete .answer-text {
    background: rgba(255,255,255,0.3) !important;
}

.voteslide-answer.complete.correct-answer {
    background-color: lightgreen;
    background-image: linear-gradient(#99FF00,#00FD00);
}

.voteslide-answer.complete.user-selected:not(.correct-answer) {
    background-color: red;
    background-image: linear-gradient(red,red);
}
/*.voteslide-answers .voteslide-answer:first-child.complete:before {
    right: 10px;
}

.voteslide-answers .voteslide-answer:last-child.complete:before {
    left: 10px;
}*/
.voteslide-answers .voteslide-answer.complete:before {
/*    right: 7px;*/
    font-size: .7rem;
}



.voteslide-answers .voteslide-answer:not(.complete):not(.touch):hover .bar {
 /*   width: 100%;*/
}

/*.voteslide-answers .voteslide-answer:first-child .bar {
    right: 0;
}

.voteslide-answers .voteslide-answer:last-child .bar {
    left: 0;
}*/

.voteslide-answers .voteslide-answer .bar {
    left: 0;
} 

.enhancedPoll .pollpixel {
    height: 1px;
    width: 1px;
} .cleanStyle {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/*.cleanStyle .pollTitle {
        background: none;
        font-size: 26px;
    }

    .cleanStyle .pollOption {
        background: none;
        border: none !important;
    }*/
poll-creative-Static728x90WideClean .cleanStyle .pollOption > span {
    display: inline-block;
    border-radius: 5px;
    padding: 10px 5px;
    /*color: #fff;*/
    text-align: center;
    min-width: 150px;
}

.cleanStyle .pollOption > span {
    display: inline-block;
    border-radius: 5px;
    padding: 8px 10px;
    /*color: #fff;*/
    text-align: center;
    min-width: 150px;
}

        /*.cleanStyle .pollOption .yesOption {
            background: #185691;
        }

            .cleanStyle .pollOption .yesOption:hover,
            .cleanStyle .pollOption .yesOption:active {
                background: #1d66aa;
            }



        .cleanStyle .pollOption .noOption {
            background: #DD3333;
        }

            .cleanStyle .pollOption .noOption:hover,
            .cleanStyle .pollOption .noOption:active {
                background: #e85858;
            }*/