﻿
.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-Static728x90WideCleanSplit .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 .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;
}

#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 {
    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;
}

.pollTitle {
    font-size: 22px;
}

.enhancedPoll .pollTitle {
    background: none;
}

.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: #adb5bd !important;
        }

.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%;
}

.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;
    }
/*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 {

}
#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 {
    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;*/
}

    .voteslide-answers .voteslide-answer.complete:before {
        font-size: .50rem;
        line-height: 1;
        text-align: right;
   /*     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;
    }

.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,#D93E00);
}
/*.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;
    }*/

        .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;
            }*/