body { font-family: 'Verdana', serif; Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #e4e4e4; }
.bgwhite { background: #FFFFFF; }
.bggray { background: #e4e4e4; }
.bgblue { background: #2553ad; }
.bgblue2 { background: #337ab7; color: #FFFFFF; }
.bradius10px { border-radius: 10px; }
.pb20px { padding-bottom: 20px; }
.btn-xs{ font-weight: bold; padding-left: 10px; padding-right: 10px; font-size: 90%; }
.alert { font-weight: bold; }
.nav { font-weight: bold; font-size: 14px; }
.mtop100px { margin-top: 100px; }
.mtop20px { margin-top: 20px; }
.mtop15px { margin-top: 15px; }
.mtop5px { margin-top: 5px; }
.mbot30px { margin-bottom: 30px; }
.ptop100px { padding-top: 60px; }
.ptop10px { padding-top: 10px; }
.ptop3px { padding-top: 3px; }
.ptop4px { padding-top: 1px; }
.ptop5px { padding-top: 5px; }
.ptop8px { padding-top: 8px; }
.ptop15px { padding-top: 15px; }
.ptop25px { padding-top: 20px; }
.pleft12px { padding-left: 12px; }
.mw60px { max-width: 40px;}
.mw55px { max-width: 50px;}
.mw45px { max-width: 45px;}
.mw32px { max-width: 32px;}
.mw20px { max-width: 17px;}
.mw100px { max-width: 100px;}
.mh60px { max-height: 50px; }
.mh40px { max-height: 40px; }
.mleft20px { margin-right: 20px; }
h1 { font-family: 'Verdana', serif; font-weight: bold; color: #3366CC; }

.candidates-showcase{font-family: 'Verdana', serif; font-weight: regular;}
.explanation-note{font-family: "Verdana"; font-size: 11px;}
.explanation-note-index{font-family: "Verdana"; font-size: 11px;}
.backend-title {font-family: 'Verdana', serif; font-size: 40px; font-weight: bold; color: black; }

.red { color: #990000; }
.green { color: #009900; }
.font10px { font-size: 10px; }
.font14px { font-size: 14px; }
.font18px { font-size: 14px; }
.font24px { font-size: 24px; }
.font25px { font-size: 25px; }
.font26px { font-size: 26px; }
.font27px { font-size: 27px; }

.imgcenter { margin: 0 auto; }
.bp0px { padding-bottom: 0; margin: 0; }
.hidden { display: none; }
.h42px { height: 75px; }
.chartw { width: 750px; height: 400px; border: 1px solid #666666; padding: 20px; margin-bottom: 50px; }
.displaymap { display: block; width: 506px; height: 897px; margin: 0 auto; }
.slp { display: inline-block; width: 12px; height: 12px; background: #ed3237; }
.uwp { display: inline-block; width: 12px; height: 12px; background: #ffcc29; }
.lg { display: inline-block; width: 12px; height: 12px; background: #a45e4d; }
.lpm { display: inline-block; width: 12px; height: 12px; background: #098a4f; }
.ndm { display: inline-block; width: 12px; height: 12px; background: #a8cf45; }
.ind { display: inline-block; width: 12px; height: 12px; background: #f58634; }
.def { display: inline-block; width: 12px; height: 12px; background: #e4e4e4; }
.sym {  display: inline-block; width: 18px; height: 18px; }
.sym2 {  display: inline-block; width: 12px; height: 12px; }
.green { color: #339900; }

.table tbody tr > td.success { background-color: #dff0d8 !important; }

.btn-file { position: relative; overflow: hidden; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; }

.vcenter { display: inline-block; vertical-align: middle; float: none; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background: #3366CC; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #3366CC; background: #ffffff; }
.navbar-default { background: #1c598d; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #030033; color: #999999; }
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-default .navbar-nav > li { margin-right: 1px; }
.navbar { border-radius: 0; border: 0; }

.incumbent { padding: 3px 5px; background: #fcf8e3; border: 1px solid #faebcc; border-radius: 6px; font-size: 10px; font-weight: bold; position: relative; top: -5px; }
.verified { padding: 3px 5px; background: #d9edf7; border: 1px solid #bce8f1; border-radius: 6px; font-size: 10px; font-weight: bold; position: relative; top: -5px; }
.pointer { cursor: pointer; }
.tipcontent { text-align: left; padding: 10px 20px; font-family: 'Verdana'; }
.tooltip-inner {  max-width: 100% !important; }
.inmiddle { margin: 0 auto; }
.bold { font-weight: bold; }
.dropdown:hover .dropdown-menu { display: block; margin-top: 0; }
.mtopneg100 { margin-top: -100px; }

@media (max-width: 575.98px) {
  .mtopneg100 { margin-top: -50px; }
}