/**
 * BWW Design System — Wave 33: Vote / TFCA pages
 */


/* === Wave 33 migrated inline styles === */

/* --- vote.php --- */
.category-list {
              list-style-type: none;
              padding: 0;
            }
            .category-list li {
              margin-bottom: 10px;
              font-size: 14px;
            }
            .category-list a {
              font-weight: normal;
              color: #333;
              text-decoration: none;
            }
            .category-list a:hover {
              color: #007bff;
              text-decoration: underline;
            }

/* --- vote3.php --- */
.progress-container {
  width: 300px;
  height: 20px;
  background-color: #efefef;
  border-radius: 20px;
  margin: 0 auto;
  overflow: hidden;
}

.progress-bar {
  height: 100%;
  background-color: #b20223;
  transition: width 0.4s ease-in-out;
}

.progress-text {
  text-align: center;
  margin-top: 10px;
}




.largecheckbox{width:35px;height:35px;padding:0;margin:0;}
.nameCell { cursor: pointer; }



.vote-choice { cursor: pointer; transition: background-color .15s ease; }
.vote-choice a { color: #232323; text-decoration: none; }
.vote-choice:hover { background-color: #b20223 !important; }
.vote-choice:hover a,
.vote-choice:hover strong { color: #fff !important; }

/* --- vote4.php --- */
.share-contest a {
              display: inline-block;
              margin: 5px;
              padding: 20px;
              color: #ffffff !important;
              text-decoration: none;
              border-radius: 5px;
              font-size: 20px;
            }
            .share-contest a[href*="facebook"] {
              background-color: #3b5998 !important;
              color: #ffffff !important;
              font-size: 20px;
              padding: 20px;
            }
            .share-contest a[href*="twitter"] {
              background-color: #1da1f2 !important;
              color: #ffffff !important;
              font-size: 20px;
              padding: 20px;
            }

/* --- votenominations.php --- */
@media screen and (max-width: 767px) {
  .vote-page .nomdiv table td { display: block; width: 100%; padding: 5px 0; box-sizing: border-box; }
  .vote-page .nomdiv input,
  .vote-page .nomdiv select,
  .vote-page .nomdiv textarea { width: 100%; box-sizing: border-box; padding: 10px; margin-bottom: 0; font-family: Verdana, Geneva, sans-serif; }
  .vote-page .nomdiv table tr { border-bottom: 3px solid #000; }
  .vote-page .nomdiv table tr:nth-child(odd) { background-color: #f8f8f8 !important; }
  .vote-page .nomdiv table tr:last-child { border-bottom: none; }
  .vote-page .nomdiv input[type="submit"] {
    min-height: 50px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    line-height: normal !important;
    width: 100% !important;
  }
  .vote-page .responsive-table td { display: block; width: 100% !important; }
}

.vote-page .nomdiv tbody,
.vote-page .nomdiv td,
.vote-page .nomdiv tfoot,
.vote-page .nomdiv th,
.vote-page .nomdiv thead,
.vote-page .nomdiv tr {
  vertical-align: top;
  max-width: 100% !important;
}

.vote-page div.autosuggestcontainer li.yui-ac-highlight { background:#7FCDFE; }
.vote-page div.autosuggestcontainer li { cursor:default; font-size: 10pt; margin:0; padding:0; white-space:nowrap; width:100%; }

.vote-page .nomdiv input {
  height: 40px;
  line-height: 40px;
  border: 1px solid #000;
  outline: none;
  margin-top: 5px;
  display: block;
  width: 100%;
  padding: 4px 15px;
  font-size: 17px;
  font-weight: 500;
  max-width: 98%;
  margin-right: 4px;
  font-family: Montserrat, sans-serif;
  box-sizing: border-box;
}

.vote-page .autocomplete { position: relative; display: inline-block; }
.vote-page .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; }
.vote-page .row-columns-wrapper td { position: relative; }
.vote-page .row-columns-wrapper td div#autocomplete-list { position: absolute; width: 180px; max-height: 280px; overflow: auto; }
.vote-page .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; }
.vote-page .autocomplete-items div:hover { background-color: #e9e9e9; }
.vote-page .autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }
.vote-page .nomdiv strong { color:#000 !important; }
.vote-page .nomdiv small { color:#000 !important; }
.vote-page .nomdiv b,
.vote-page .nomdiv strong { color:#000 !important; }
.vote-page .autocomplete-items { position:relative; }

/* --- voteregion.php --- */
.category-list {
        list-style-type: none;
        padding: 0;
    }
    .category-list li {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .category-list a {
        font-weight: normal;
        color: #333;
        text-decoration: none;
    }
    .category-list a:hover {
        color: #007bff;
        text-decoration: underline;
    }