@font-face {
    font-family: Avenir;
    src: url(./fonts/AvenirLTStd-Roman.ttf) format("truetype");
}

@font-face {
    font-family: Pixelate;
    src: url(./fonts/SFPixelate-Bold.ttf) format("truetype");
}

input, textarea, span {
    font-family: Avenir, "Helvetica Neue";
}

body {
    height: 100%;
    width: 100%;
    /* background-color: rgb(0,0,0,0); */
    /* background-color: yellow; */
    color: #2c2c2c;
    font-family: Avenir, "Helvetica Neue";
    /* font-family: "Helvetica Neue"; */
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 5vh;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* input:checked + span {
    background-color:#38d4ed;
    color:#F7F7F7;
} */
button:focus {
    outline: 0;
}

input {
    visibility: hidden;
    opacity: 0;
}

.pagpoll .poll_choice_label {
    float: left;
    background-color: black;
    color: white;
    overflow: auto;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #fc1bf8;
    width: 45vw;
    height: 15vh;
    margin-top: 3vh;
    margin-left: 1.5vw;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    overflow:hidden;
}

.pagpoll .disable_border {
    border-color: #e2e2e2;
}

.pagpoll .poll_container_close_poll{
    /* background-color: black; */
    width: 55vw;
    background-color: #000000;
    border-width: 1px;
    border-style: solid;
    border-color: #30f2b4;
    height: 35vh;
    margin-top: 60vh;
    margin-left: 23vw;
    float: left;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

.pagpoll .poll_span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
    text-align: center;
    font-size: 5.7vh;
    width: 100%;
}
.pagpoll .poll_span_freebie {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
    text-align: center;
    width: 93%;
    font-size: 5.5vh;
    color: #fc1bf8;
}

.pagpoll .disabled .poll_span_freebie {
    font-size: 5.5vh;
}

.regpoll .disabled .poll_span_freebie{
    font-size: 4.5vh;
}

.pagpoll .poll_span_freebie_selected {
    color: #F7F7F7;
}
.pagpoll .poll_span_freebie_disabled {
    color: #F7F7F7;
    /* color:rgba(219, 219, 219, 0.8) */
}

.poll_span_score{
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    padding: 0px;
    bottom: 0.1em;
    left: 0px;
    /* transform: translate(-50%, -40%); */
    /* -webkit-transform: translate(-50%, -40%); */
    text-align: center;
    font-size: 5.7vh;
    width: 100%;
}

.pagpoll .poll_span_choice {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
    text-align: center;
    font-size: 5vh;
    width: 93%;
}

.pagpoll .leaderboard .poll_container {
    background-color: black;
    color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #30f2b4;
    width: 52vw;
    height: 97vh;
    margin-top: 1.5vh;
    margin-left: 47vw;
    float: left;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    opacity: 1.0;
}

.pagpoll .final_leaderboard .poll_container {
    background-color: black;
    color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #30f2b4;
    width: 52vw;
    height: 97vh;
    margin-top: 1.5vh;
    margin-left: 47vw;
    float: left;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    opacity: 1.0;
}

.pagpoll .poll_container {
    /* background-color: #FAFAFA; */
    width: 95vw;
    height: 40vh;
    margin-top: 60vh;
    margin-left: 2.5vw;
    float: left;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
}

.pagpoll .poll_choice_container {
    height: 40vh;
    width: 40vw;
    margin-top: 25vh;
    margin-left: 5vw;
}

.pagpoll .disable_poll_choice_container {
    height: 40vh;
    width: 40vw;
    margin-top: 25vh;
    margin-left: 5vw;
    opacity: 0.5;
}

.pagpoll .disable {
    /* opacity: 0.5;  */
}

.pagpoll .close_poll_text {
    /* float: left;
    width: 100%;
    height: 55%;
    margin-top: 5%; */
}

.pagpoll .poll_question_container {
    width: 40vw;
    height: 20vh;
    float: left;
    margin-top: 5vh;
    margin-left: 5vw;
    position: relative;
}

.leader_header_container {
    position: relative;
    height: 5vh;
    width: 43vw;
    margin-left: 5vw;
    margin-top: 7vh;
    /* background-color: yellow; */
}

.leader_table {
    /* margin-top: 3vh; */
    width: 45vw;
    /* text-align: center; */
    margin-left: 3.7vw;
    font-size: 6vh;
    height: 71vh;
    overflow-y: scroll;
    overflow-x: hidden;
    /* background-color: yellow; */
}

.leader_table_body {
    /* position: relative; */
    /* float: left;
    width: 80%;
    margin-left: 10%;
    font-size: 75%; */
    position: absolute;
}
.leader_table_row {
    width: 100%;
    position: relative;
}
.leader_user {
    max-width: 33vw;
    overflow: hidden;
    /* background-color: yellow; */
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 82%;
    padding-left: 0.7vw;
    padding-top: 1vh;
    /* padding-bottom: 0.3vh; */
    position: relative;
}

.leader_score {
    text-align: right;
    display: inline;
    position: absolute;
    top: 1vh;
    right: 0.7vw;
}
.highlight_user_leader {
    background-color: #fc1bf8;
}

.pagpoll .your_score_tab {
    border-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: #30f2b4;
    background-color: #000000;
    color: white;
    float: left;
    position: absolute;
    margin-top: 0vh;
    width: 20vw;
    margin-left: 2vw;
    height: 10.5vh;
    /* text-align: center; */
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-bottom-right-radius: 0.5em;
    -moz-border-bottom-left-radius: 0.5em;
}

.regpoll .your_score_tab {
    border-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-color: #30f2b4;
    background-color: #000000;
    color: white;
    float: left;
    position: absolute;
    margin-top: 89vh;
    width: 20vw;
    margin-left: 2vw;
    height: 10.65vh;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -moz-border-top-right-radius: 0.5em;
    -moz-border-top-left-radius: 0.5em;
}
.pagpoll .poll_span_leader{
    font-weight: bold;
}

.pagpoll .poll_span_calculating {
    position: absolute;
    top: 20%;
    left: 20%;
    /* transform: translate(-50%, -40%); */
    /* text-align: center; */
    font-size: 6vh;
    width: 100%;
}

.regpoll .calculating {
    z-index: 100;
    position: absolute;
    /* background: black; */
    width: 20vw;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    color: white;
    margin-top: 62vh;
    margin-left: 0vw;
    height: 25vh;
    /* position: absolute; */
    width: 52vw;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    font-size: 5vh;
    /* background-color: yellow; */
}
.regpoll .shaka_shake {
    z-index: 100;
    position: absolute;
    /* background: black; */
    /* width: 20vw; */
    transform: rotate(0deg);
    transform-origin: 50% 70%;
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: 50% 70%;
    margin-top: 43vh;
    margin-left: 7.5vw;
    height: 18vh;
    width: 38vw;
    /* border-radius: 3vh; */
    animation-duration: 0.72s;
    animation-timing-function: cubic-bezier(.36,.07,.19,.97);
    animation-name: shake;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 0.72s;
    -webkit-animation-timing-function: cubic-bezier(.36,.07,.19,.97);
    -webkit-animation-name: shake;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}


.pagpoll .calculating {
    z-index: 100;
    position: absolute;
    /* background: black; */
    width: 20vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    color: white;
    margin-top: 20vh;
    margin-left: 0vw;
    height: 15vh;
    width: 55vw;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}

.pagpoll .shaka_shake {
    z-index: 100;
    position: absolute;
    /* background: black; */
    /* width: 20vw; */
    transform: rotate(0deg);
    transform-origin: 50% 70%;
    -webkit-transform: rotate(0deg);
    -webkit-transform-origin: 50% 70%;
    margin-top: 6vh;
    margin-left: 12vw;
    height: 14vh;
    width: 31vw;
    /* border-radius: 3vh; */
    animation-duration: 0.72s;
    animation-timing-function: cubic-bezier(.36,.07,.19,.97);
    animation-name: shake;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 0.72s;
    -webkit-animation-timing-function: cubic-bezier(.36,.07,.19,.97);
    -webkit-animation-name: shake;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}

.totals_poll .poll_choice_label {
    margin-top: 0;
    height: 12vh;
    /* color: #999999; */
}
.totals_poll_percentage {
    font-size: 5vh;
    font-weight: 600;
    font-weight: bold;
    padding-top: 1vh;
    display: inline-block;
}

@keyframes shake {
    0% {
        transform: rotate(5deg);
        transform-origin: 50% 70%;
        -webkit-transform: rotate(5deg);
        -webkit-transform-origin: 50% 70%;
        }
    25% {
        transform: rotate(-5deg);
        transform-origin: 50% 70%;
        -webkit-transform: rotate(-5deg);
        -webkit-transform-origin: 50% 70%;
        }
    50% {
        transform: rotate(13deg);
        transform-origin: 50% 70%;
        -webkit-transform: rotate(13deg);
        -webkit-transform-origin: 50% 70%;
        }
    75% {
        transform: rotate(-5deg);
        transform-origin: 50% 70%;
        -webkit-transform: rotate(-5deg);
        -webkit-transform-origin: 50% 70%;
        }
    100% {
        transform: rotate(0deg);
        transform-origin: 50% 70%;
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin: 50% 70%;
        }
  }

@keyframes ellipsis {
    to {
        width: 1.25em;    
    }
}

@-webkit-keyframes shake {
    0% {
        transform: rotate(5deg);
        transform-origin: 50% 70%;
        -webkit-transform: rotate(5deg);
        -webkit-transform-origin: 50% 70%;
        }
    25% {
        transform: rotate(-5deg);
        transform-origin: 50% 70%;
        -webkit-transform: rotate(-5deg);
        -webkit-transform-origin: 50% 70%;
        }
    50% {
        transform: rotate(13deg);
        transform-origin: 50% 70%;
        -webkit-transform: rotate(13deg);
        -webkit-transform-origin: 50% 70%;
        }
    75% {
        transform: rotate(-5deg);
        transform-origin: 50% 70%;
        -webkit-transform: rotate(-5deg);
        -webkit-transform-origin: 50% 70%;
        }
    100% {
        transform: rotate(0deg);
        transform-origin: 50% 70%;
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin: 50% 70%;
        }
  }

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;    
    }
}


.sync_error {
    z-index: 300;
    width: 90vw;
    background-color: #181818;
    height: 90vh;
    position: absolute;
    margin-left: 5vw;
    margin-top: 5vh;
    color: white;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    opacity: 0;
    animation-name: fade_in_block;
    animation-duration: 0.5s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(0,.96,.9,.99);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_in_block;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0,.96,.9,.99);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

.fade_in_close {
    opacity: 0;
    animation-name: fade_in_block;
    animation-duration: 0.5s;
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(0,.96,.9,.99);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-name: fade_in_block;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0,.96,.9,.99);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

@keyframes fade_in_block {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
    }

@-webkit-keyframes fade_in_block {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
    }


.sync_error_msg_top {
    z-index: 300;
    width: 80vw;
    height: 30vh;
    margin-left: 5vw;
    margin-top: 10vh;
    /* background-color: yellow; */
    position: relative;
}

.sync_error_msg_bottom {
    z-index: 300;
    width: 80vw;
    height: 37vh;
    margin-left: 5vw;
    margin-top: 1vh;
    /* background-color: blue; */
    position: relative;
}

.poll_span_sync {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
    text-align: center;
    font-size: 8vh;
    width: 100%;
}

.sync_error_back {
    background-color: black;
    width: 100vw;
    height: 100vh;
    z-index: 250;
    opacity: 0.2;
    position: absolute;
}

.pagpoll .freebie_box {
    width: 25vw;
    height: 23vh;
    position: absolute;
    top: 40vh;
    left: 74vw;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}

.regpoll .freebie_box {
    width: 20vw;
    height: 23vh;
    position: absolute;
    top: 76vh;
    left: 27vw;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}

.regpoll .poll_choice_label {
    /* float: left; */
    background-color: #000000;
    color: white;
    overflow: auto;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #fc1bf8;
    width: 100%;
    height: 15vh;
    margin-top: 3vh;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    font-size: 6vh;
    overflow: hidden;
}

.pagpoll .poll_choice_label_selected {
    background-color: #fc1bf8;
    color: #F7F7F7;
}
.regpoll .poll_choice_label_selected {
    background-color: #fc1bf8;
    color: #F7F7F7;
}

.pagpoll .poll_choice_label_selected_disabled {
    background-color: #fc1bf8;
    color: #F7F7F7;
}

.regpoll .poll_choice_label_selected_disabled {
    background-color: #fc1bf8;
    color: #F7F7F7;
}
.regpoll .poll_choice_label_correct {
    background-color: #46ae23;
    border-color: #46ae23;
    color: #F7F7F7;
}
.regpoll .poll_choice_label_incorrect {
    background-color: #ff0606;
    border-color: #ff0606;
    color: #F7F7F7;
}

.pagpoll .poll_choice_label_correct {
    background-color: #46ae23;
    border-color: #46ae23;
    color: #F7F7F7;
}
.pagpoll .poll_choice_label_incorrect {
    background-color: #ff0606;
    border-color: #ff0606;
    color: #F7F7F7;
}
.regpoll .poll_span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 5vh;
    width: 100%;
}
.regpoll .leaderboard .poll_span {
    font-size: 6vh;
}
.regpoll .poll_span_choice {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
    text-align: center;
    width: 93%;
}
.regpoll .poll_span_freebie {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
    text-align: center;
    width: 93%;
    font-size: 5.5vh;
    color: #fc1bf8;
}
.regpoll .poll_span_freebie_selected {
    color: #F7F7F7;
}
.regpoll .poll_span_freebie_disabled {
    color: #F7F7F7;
    /* color:rgba(219, 219, 219, 0.8) */
}
.regpoll .poll_container {
    background-color: black;
    color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #30f2b4;
    width: 52vw;
    height: 97vh;
    margin-top: 1.5vh;
    margin-left: 47vw;
    float: left;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    opacity: 1.0;
}
.regpoll .poll_choice_container {
    height: 62vh;
    width: 46.4vw;
    margin-top: 33.5vh;
    margin-left: 3vw;
    /* background-color: #ec4649; */
    position: absolute;
}
.regpoll .disable {
    /* opacity: 0.5; */
}
.regpoll .disable_close_poll {
    opacity: 0.08;
}

.regpoll .close_poll_text {
    /* float: left;
    width: 100%;
    height: 55%;
    margin-top: 5%; */
}
.regpoll .poll_question_container {
    width: 46.4vw;
    height: 25vh;
    float: left;
    margin-top: 8vh;
    margin-left: 3vw;
    position: relative;
    /* background-color: yellow; */
}

.final_leaderboard .leader_trophy_icon {
    font-size: 12vh;
    height: 18vh;
    width: 10vw;
    /* background-color: yellow; */
    position: absolute;
    top: 3vh;
    left: 48.5vw;
}

.final_leaderboard .leader_header_container {
    color: #ffd700;
    font-family: Pixelate, Avenir, "Helvetica Neue";
    position: absolute;
    height: 8vh;
    width: 22vw;
    top: 6vh;
    left: 59.5vw;
    font-size: 8vh;
    margin-left: 0vw;
    margin-top: 0vh;
    /* background-color: yellow; */
}

.final_leaderboard .leader_topscore {
    /*background-color: yellow; */
    width: 26vw;
    height: 7vh;
    top: 14vh;
    left: 60vw;
    position: absolute;
    font-size: 5.5vh;
    text-align: left;
}

.final_leaderboard .leader_row_divider {
    margin-top: 0px;
    margin-bottom: 0px;
    border-color: #fc1bf8;
    border-width: 1px;
    z-index: 100;
    margin-left: 1vw;
    margin-right: 1vw;
}

.remove_border {
    display: none;
}

.final_leaderboard .leader_table {
    top: 20vh;
    width: 52vw;
    /* text-align: center; */
    margin-left: 0vw;
    font-size: 6vh;
    position: absolute;
    color: #30f2b4;
    vertical-align: middle;
    line-height: 9vh;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 76vh;
    margin-top: 3vh;
    /* background-color: yellow; */
}
.leader_table::-webkit-scrollbar {
    display: none;
}

.leader_prize_label {

}

.leader_prize_icon {
    font-size: 12vh;
    height: 18vh;
    width: 10vw;
    /* background-color: yellow; */
    position: absolute;
    top: 3vh;
    left: 88.5vw;
}

.leader_prize {
    overflow: hidden;
    overflow: hidden;
    /* background-color: yellow; */
    /* text-overflow: ellipsis; */
    white-space: nowrap;
    width: 30%;
    padding-top: 1.6vh;
    /* padding-bottom: 0.3vh; */
    position: relative;
    display: inline-block;
    text-align: right;
    height: 11vh;
    line-height: 12vh;
    color: #ffd700;
}

.final_leaderboard .leader_table_body {
    /* position: relative; */
    /* float: left;
    width: 80%;
    margin-left: 10%;
    font-size: 75%; */
    position: absolute;
}
.final_leaderboard .leader_table_row {
    width: 51.95vw;
    position: relative;
    height: 13vh;
    /* line-height: 12vh; */
    /* vertical-align: middle; */
}
.final_leaderboard .leader_user {
    max-width: 35vw;
    overflow: hidden;
    /* background-color: yellow; */
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 62%;
    padding-left: 1.7vw;
    /* padding-bottom: 0.3vh; */
    position: relative;
    display: inline-block;
    line-height: 12vh;
    height: 11vh;
}
.final_leaderboard .leader_rank {
    /* text-align: center;
    position: inline; */
    /* padding-right: 2vw; */
}
.final_leaderboard .leader_score {
    text-align: right;
    display: inline;
    position: absolute;
    top: 0.7vh;
    right: 1.7vw;
}

.leader_subheader {
    width: 45vw;
    /* text-align: center; */
    margin-left: 3.7vw;
    font-size: 6vh;
    /* background-color: yellow; */
}

.regpoll .close_poll_answer {
    width: 52vw;
    height: 9vh;
    margin-top: 9vh;
    position: absolute;
    /* background-color: magenta; */
}

.regpoll .close_poll_timesup {
    width: 52vw;
    height: 0vh;
    margin-top: 6vh;
    position: absolute;
    /* background-color: blue; */
}


@media only screen and (min-width: 481px) {
    .leader_prize_label {

    }
    
    .leader_prize_icon {
        top: 2vh;
        left: 89vw;
    }
    
    .leader_prize {
        line-height: 12vh;
        height: 10vh;
        padding-top: 0vh;
    }
    .final_leaderboard .leader_user {
        /* padding-top: 0.6vh; */
        height: 10vh;
        line-height: 12vh;
        /* padding-left: 1.3vw; */
        padding-top: 0vh;
    }
    .final_leaderboard .leader_table_row {
        height: 10vh;
        width: 52vw;
    }
    .final_leaderboard .leader_table {
        margin-top: 1vh;
        font-size: 5vh;
        /* margin-left: 5vw; */
        top: 21vh;
        /* margin-left: 5vw; */
        height: 76.5vh;
        width: 52vw;
        /* background-color: yellow; */
    }

    .pagpoll .disabled .poll_span_freebie{
        font-size: 4.5vh;
    }
    
    .regpoll .disabled .poll_span_freebie{
        font-size: 4.2vh;
    }

    .leader_subheader {
        font-size: 5vh;
        /* margin-left: 3.5vw; */
    }
    .final_leaderboard .leader_row_divider {

    }

    .final_leaderboard .leader_trophy_icon {
        top: 3vh;
        font-size: 12.5vh;
        left: 48vw;
    }
    
    .final_leaderboard .leader_header_container {
        /* margin-top: 5vh; */
        top: 6vh;
        left: 58.5vw;
        font-size: 7vh;
        margin-top: 0vh;
        margin-left: 0vw;
    }

    .final_leaderboard .leader_topscore {
        width: 17vw;
        top: 13.5vh;
        left: 59vw;
        font-size: 5vh;
    }

.pagpoll .freebie_box {
    width: 19vw;
    height: 17vh;
    top: 43.5vh;
    left: 78vw;
    /* background-color: yellow; */
}

.regpoll .freebie_box {
    width: 20vw;
    height: 16vh;
    top: 81vh;
    left: 28.5vw;
}

.regpoll .calculating {
    margin-top: 66.5vh;
}

.regpoll .shaka_shake {
    margin-top: 48vh;
}

.totals_poll .poll_question_container {
    margin-top: 1vh;
}
.totals_poll .poll_choice_container {
    height: 43vh;
    margin-top: 30vh
}
.totals_poll .poll_choice_label {
    margin-top: 0;
    height: 9vh;
    /* color: #999999; */
}
.totals_poll_percentage {
    font-size: 4vh;
}

.regpoll .poll_span_freebie {
    font-size: 5vh;
}

.pagpoll .poll_span_freebie {
    font-size: 5vh;
}

.regpoll .poll_container {
    width: 52vw;
    height: 97vh;
    margin-top: 1.5vh;
    margin-left: 47vw;
}

.regpoll .poll_choice_container {
    height: 43vh;
    margin-top: 43vh;
}

.regpoll .close_poll_text {
    /* float: left;
    width: 100%;
    height: 55%;
    margin-top: 5%; */
}
.regpoll .poll_question_container {
    margin-top: 4vh;
    height: 38vh;
}

.pagpoll .poll_container_close_poll {
    margin-top: 60vh;
}

.regpoll .your_score_tab {
    border-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-color: #30f2b4;
    background-color: #000000;
    color: white;
    float: left;
    position: absolute;
    margin-top: 89.3vh;
    width: 20vw;
    margin-left: 2vw;
    height: 10.5vh;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
}

.pagpoll .your_score_tab {
    /* display: none; */
    margin-left: 6vw;
    height: 9.7vh;
    width: 19vw;
    float: left;
    position: absolute;
    margin-top: 0vh;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-top-right-radius: 0em;
    border-top-left-radius: 0em;
}

.poll_span_score{
    font-size: 5vh;
}

.regpoll .poll_span_score{
    bottom: 1.3vh;
    left: 0px;
}

.poll_span_leader{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
    text-align: center;
    font-size: 5vh;
    /* font-size: 40px; */
    width: 100%;
    font-weight: bold;
}

.pagpoll .poll_choice_label {
    width: 46vw;
    height: 12vh;
    margin-top: 1.5vh;
    margin-left: 1vw;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}

.regpoll .poll_choice_label {
    font-size: 5vh;
    /* width: 40vw; */
    height: 13.5vh;
    margin-top: 1.7vh;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
}

.pagpoll .poll_container {
    width: 95vw;
    height: 28vh;
    margin-top: 60vh;
    margin-left: 2.5vw;
    /* background-color: yellow; */
}

.leaderboard .poll_container {
    width: 52vw;
    height: 97vh;
    margin-top: 1.5vh;
    margin-left: 47vw;
}

.leader_table {
    font-size: 5vh;
    /* margin-left: 3.7vw; */
    height: 72vh;
}

.pagpoll .leaderboard .poll_container {
    width: 52vw;
    height: 97vh;
    margin-top: 1.5vh;
    margin-left: 47vw;
}

.pagpoll .final_leaderboard .poll_container {
    width: 52vw;
    height: 97vh;
    margin-top: 1.5vh;
    margin-left: 47vw;
}

.leader_table_row {
    /* width: 100%; */
    padding: 0.1vh;
}

.highlight_user_leader {
    background-color: #fc1bf8;
}

}