* {
    box-sizing: border-box;
}

body {
    padding: 0px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 10px;
    padding-right: 10px;
}

[class*="col-"] {
    float: left;
    padding: 5px;
    border: 0px;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}
/* For mobile phones: */
    h2 { font-size: medium; border-bottom: 1px solid #000; }
    [class*="col-md-"] { width: 33.33%; }
    .candidate_name,.candidate_votes { font-size: small; padding: 5px;}
    .percent_bar { margin: 0px; padding: 0px; }
    .winner_cs { font-weight: bold; background-color: #116900; }
    .winner_cs .candidate_name { padding-left: 5px; color: #fff; }
    .precinct_cont_iframe { background-color: #000; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; max-width: 250px; width: 100%; float: right; padding-right: 10px; }
    .candidate_name.winner_cs img { width: 20px; }  
    #filter_cont span, #location_cont span { font-size: 11px; }

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .candidate_name,.candidate_votes { font-size: medium; padding: 7px 5px; }
    #filter_cont span, #location_cont span { font-weight: bold; font-size: 12px; }
    .candidate_name.winner_cs { padding: 5px;}
    .percent_bar { margin: 0px; padding: 3px; }
    .winner_graphic { width: 27px; }
    .precinct_cont_iframe { max-width: 350px; }
    .col-md-1 { width: 8.33%; }
    .col-md-2 { width: 16.66%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.32%; }
    .col-md-5 { width: 41.65% }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.33% }
    .col-md-8 { width: 66.64% }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.33% }
    .col-md-11 { width: 91.63% }
    .col-md-12 { width: 100%; }
    .candidate_name.winner_cs img { width: 24px; }  
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .candidate_name,.candidate_votes { font-size: medium; padding: 7px 5px; }
    #filter_cont span, #location_cont span { font-weight: bold; font-size: 12px; }
    .candidate_name.winner_cs { padding: 5px;}
    .percent_bar { margin: 0px; padding: 3px; }
    h2 { font-size: x-large; }
    .winner_graphic { width: 33px; }
    .precinct_cont_iframe { max-width: 350px; }
    .col-md-1 { width: 8.33%; }
    .col-md-2 { width: 16.66%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.32%; }
    .col-md-5 { width: 41.65% }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.33% }
    .col-md-8 { width: 66.64% }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.33% }
    .col-md-11 { width: 91.63% }
    .col-md-12 { width: 100%; }
    .candidate_name.winner_cs img { width: 28px; }  
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea { max-width: 280px; }

#filter, #Locations { border-radius: 5px; border: 1px solid #999; padding: 5px; width: 80%; min-width: 110px; }
fieldset {  }

#election_nav { width: 100%; min-width: 260px; background-color: #eee; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 5px; }
#location_cont { float: left; width: 45%; min-width: 120px; margin-left: 10px }
#filter_cont { float: left; width: 45%; min-width: 120px; margin-right: 10px; }
#loadingDiv { text-align: center; margin: 20px auto; }
.candidate_cont { margin: 0px 10px; }
.odd_row { background-color: #fff; border-bottom: 1px solid #ccc; }
.even_row { background-color: #eee; border-bottom: 1px solid #ccc; }
.race_footer { margin: 5px; }
.precinct_cont div { text-align: right; padding: 0px; }
.precinct_cont_iframe div { text-align: right; padding: 0px; float: right; }
#primary_noresult_cont { margin: 20px; text-align: center; }
#noresult_hdr { font-size: xx-large; font-weight: bold; color: #999; font-family: Arial, Helvetica, sans-serif; padding: 20px 0px; }
#noresult_chkback { font-size: large; color: #000; font-family: Arial, Helvetica, sans-serif; padding: 20px 0px 40px 0px; }