/* refresh timer */
#update-timer
{
    color: white;
    background-color: rgba(0,0,0,.9);
    font-weight: bold;
    font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 12px;
    padding: 5px 0;
    border-radius: 0 0 10px 10px;
    z-index: 200000!important;
    width: 175px!important;
    height: 30px;
    text-align: center;
    float: right;

}

#update-timer strong
{
    color: #d5e14e;
}

/* expander */
h3.expander
{
    background-color: #ccc;
    color: #666;
    padding: 10px;
    font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-weight: 100;
    letter-spacing: 1.35px;
    font-size: 27px;
}

h3.expander i
{
    color: #666;
    font-size: 30px;
    padding-top: 5px;
    float: right;
    display: none;
}

h3.expander i:hover
{
    cursor: pointer;
    color: white;
}

h3.expander .button
{
    float: right;
    margin: 0 20px 0 0;
    padding: 11px 8px!important;
}



/* election items */
.election-frame
{
    text-align: center;
}

.election-frame .spinner
{
    color: #aaa;
    margin: 20px;
    font-size: 16px;
}


.election-item
{
    text-align: left;
    padding: 0 0 10px 0;
}

.display-div .election-item
{
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#display-election_president_full #epresident .election-item .bar-bg
{
    width: 100%!important;
}

#display-election_president_full #epresident .election-item .count
{
    width: 200px!important;
    max-width: 200px!important;
}

#left_col .display-div .election-frame:first-of-type  .election-item
{
    border-top: none;
}

.election-item h4
{
    font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    /*padding-left: 25px;*/
}

.election-item p
{
    margin-top: 0;
    /*padding-left: 25px;*/
    margin-bottom: 10px;
}

.election-item p.election-summary
{
    font-size: 14px;
}

.election-item p.reporting.right
{
    text-align: right;
    margin-bottom: 20px;
}

/* TABLE ---------------- */
.election-item table
{
    width: 100%;
    border: none !important;
    font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif !important;
}

.election-item tr
{
    height: 22px !important;
    font-size: 12px !important;
    padding: 0!important;
    border: none !important;
}

.election-item td
{
    vertical-align: middle !important;
    border: none !important;
    padding: 0 5px!important;
}

.election-item .candidate
{
    width: 200px !important;
    max-width: 200px !important;
}

.election-item  .candidate span
{
    font-weight: bold;
}

.election-item .percent
{
    width: 60px !important;
    max-width: 60px !important;
}


.election-item .percent,
.election-item .count
{
    text-align: right!important;
    color: #969696 !important;
}

.election-item .winIcon
{
    /*width: 16px;*/
    width: 21px;
    padding-right: 0!important;
    padding-top: 2px!important;
}



/* BARS ---------------- */
.election-item .bars div
{
    height: 12px;
}

#left_col .election-item .bar-bg
{
    width: 200px;
}

.election-item .bar-bg
{
    background-color: #eaeaea;
    width: 110px;
}

.election-item .bar-bg .bar-result
{
    background-color: #969696;
    color: white;
    text-transform: uppercase;
}

.election-item .bar-bg .bar-marginoferror
{
    border-left: 1px solid black;
    border-right: 1px solid black;
    margin-top: -10px;
    height: 8px;
}

.election-item .bar-bg .bar-marginoferror .line
{
    border-bottom: 1px solid black;
    height: 4px;
}

/* LABELS ---------------- */
.election-item .Dem,
.election-item .GOP
{
    display: inline-block;
    padding: 0 3px;
}

.election-item .Dem
{
    font-weight: bold;
    color: #4140ef;
}

.election-item .GOP
{
    font-weight: bold;
    color: #d30b0b;
}

.election-item .incumbent
{
    font-style: italic;
    font-family: Georgia, Times New Roman, sans-serif;
    color: #7b7c7c;
    font-weight:normal;
}

/* WINNER ---------------- */
.election-item .isWinner
{
    background-color: #efefef;
}

.election-item .isWinner i
{
    color: #0ba82f;
    font-size: 17px;
}

.election-item .isWinner .candidate,
.election-item .isWinner .percent,
.election-item .isWinner .count
{
    font-weight: bold;
}

.election-item .isWinner .percent
{
    color: black !important;
}

.election-item .isWinner .bar-bg
{
    background-color: white;
}

.election-item .isWinner .bar-bg .bar-result
{
    background-color: #0ba82f;
}

/* OPB CALLED WINNER */
.election-item .isWinner.opb .bar-bg .bar-result
{
    background-color: #009deb;
}

.election-item .opbcall
{
    background-color: #009deb;
    color: white;
    padding: 2px 3px;
    height: 17px;
    font-size: 11px;
    display: inline-block;
    border-radius: 2px;
    vertical-align: middle;
    margin-left: 10px;
}

.election-item .isWinner.opb img
{
    display: inline-block;
    /*vertical-align: baseline;*/
    margin: 0;
    /*padding-top: 2px;*/
    padding-top: 0;
    vertical-align: sub;
}

/* measure no winner */
.election-item .isWinner.measure.no i
{
    color: #d30b0b;
}

.election-item .isWinner.measure.no .bar-bg .bar-result
{
    background-color: #d30b0b;
}

/* LOCALIZATION */

#election-localization-block-mini
{
    margin-bottom: 40px;
    margin-top: 40px;
}

.callout-emphasis
{
    padding: 10px 20px;
    background-color: #00749b;
    margin-bottom: 5px;
}

 .callout-emphasis h2
{
    font-size: 27px;
    font-weight: 100;;
    background-color: transparent;
    text-align: left;
    color: white;
    letter-spacing: 1.35px;
    padding-left: 0;
    padding-bottom: 0;
}

 .callout-emphasis p
{
    color: #A8C6DB;
    font-size: 16px;
    font-weight: 100;
    font-family: Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif;
    letter-spacing: .05em;
}

#election-mini-form-message
{
  float: left;
}


#election-localization-block-mini p
{
    margin-top: 5px;
}

#election-localization-block-mini p,
#election-localization-block-mini .button
{
    margin-bottom: 0;
}

#election-localization-block-mini .button
{
    margin-left: 20px;
}

 #election-mini-form-message strong
 {
     color: white;
     text-transform: uppercase;
 }

 .callout-emphasis p.tiny
{
    font-size: 10px;
    margin: 0;
    color: #01445b;
}

#addressnote
{
    margin-top: 0;
    margin-bottom: 40px;
}


#election-localization-block-mini form
{
    margin-top: 15px;
}
 .callout-emphasis form
{
    display: flex;
    -webkit-display: flex;
}

 .callout-emphasis .button
{
    margin-right: 10px;
}

 .callout-emphasis form input
{
    width: auto;
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    border: none;
}

#reset
{
    background-color: #01445b;
    color: white;
}

#reset:hover,
#reset:active
{
    background-color: #02546f;
}

#jumplocal:hover
{
    background-color: #A8C6DB;
    color: #02546f;
}

#jumplocal i
{
    margin-right: 0;
    padding-right: 0;
}

#jumplocal:hover i
{
    color: #02546f;
}


 .callout-emphasis form span
{
    margin-left: 10px;
}

 .callout-emphasis form i
{
    color: #A8C6DB;
    padding-left: 10px;
    font-size: 40px;
}

 .callout-emphasis form i:hover
{
    color: #fff;
    cursor: pointer;
}

.no-vote-message
{
    font-style: italic;
    text-align: center;
}

.wobble-fix {
    -webkit-filter: blur(0);
    letter-spacing: normal;
    width: 40px;
    height: 40px;
    padding: 0!important;
}

/* MOBILE */
@media all and (min-width: 751px) {
    .display-div .item1 .election-item,
    .display-div .item2 .election-item
    {
        border: none;
        margin-top: 0px;
    }
}

/* MOBILE */
@media all and (max-width: 960px) {
    /*#update-timer*/
    /*{*/
       /*margin: 0 auto;*/
        /*float: none;*/
    /*}*/
}

@media all and (max-width: 750px) {
    .display-div .item1 .election-item
    {
        border: none;
        margin-top: 0px;
    }
}

@media (max-width: 400px) {
  .election-item .bar-bg
  {
    width: 110px !important;
  }

    h3.expander
    {
        letter-spacing: 0px;
        font-size: 24px;
    }

    h3.expander i
    {
        padding-top: 2px;
    }
}