body {
    color: #403f3f;
    background-image: linear-gradient(135deg, rgba(159, 159, 159, 0.46) 0%, rgba(159, 159, 159, 0.46) 14.286%,rgba(165, 165, 165, 0.46) 14.286%, rgba(165, 165, 165, 0.46) 28.572%,rgba(171, 171, 171, 0.46) 28.572%, rgba(171, 171, 171, 0.46) 42.858%,rgba(178, 178, 178, 0.46) 42.858%, rgba(178, 178, 178, 0.46) 57.144%,rgba(184, 184, 184, 0.46) 57.144%, rgba(184, 184, 184, 0.46) 71.43%,rgba(190, 190, 190, 0.46) 71.43%, rgba(190, 190, 190, 0.46) 85.716%,rgba(196, 196, 196, 0.46) 85.716%, rgba(196, 196, 196, 0.46) 100.002%),linear-gradient(45deg, rgb(252, 252, 252) 0%, rgb(252, 252, 252) 14.286%,rgb(246, 246, 246) 14.286%, rgb(246, 246, 246) 28.572%,rgb(241, 241, 241) 28.572%, rgb(241, 241, 241) 42.858%,rgb(235, 235, 235) 42.858%, rgb(235, 235, 235) 57.144%,rgb(229, 229, 229) 57.144%, rgb(229, 229, 229) 71.43%,rgb(224, 224, 224) 71.43%, rgb(224, 224, 224) 85.716%,rgb(218, 218, 218) 85.716%, rgb(218, 218, 218) 100.002%);
    background-repeat: repeat;
    font-family: Ubuntu, Trebuchet MS !important;
    font-size: 12px
}
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%;
    font-size: 12px;
    font-family: Ubuntu, Trebuchet MS !important
}

.container {
    min-height: 100%;
    position: relative
}

.label {
    font-size: 85% !important
}

.bg-silver {
    background-color: silver
}

.LDF {
    background-color: #c00
}

.NDA {
    background-color: #f93
}
.Tie {
    color: black !important;
    font-style: italic;
}

.UDF {
    background-color: #008000
}

.OTH {
    background-color: #09c
}

.pointer {
    cursor: pointer
}

.border-right {
    border-right: 1px solid #e4e4e4
}

.border {
    border: 1px solid #e4e4e4
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px
}

.bg-light-blue {
    background-color: #3c8dbc !important
}

.dl-horizontal>dt {
    padding-bottom: 3px
}

.container.with-padding {
    padding-bottom: 60px
}

#wrapper {
    position: relative;
    min-height: 100%
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #66666638
}

.center-div {
    margin: 0 auto;
    float: none
}

.text-orange {
    color: #f93 !important
}

.text-success {
    color: #00a65a !important
}

.text-danger {
    color: #c00 !important
}

.bg-success {
    color: #fff !important;
    font-weight: 700 !important;
    background-color: #00a65a !important
}

.bg-primary {
    color: #FFF !important;
    font-weight: 700 !important;
    background-color: #337ab7 !important
}

.bg-danger {
    color: #fff;
    font-weight: 700;
    background-color: #c00 !important
}

.bg-orange {
    color: #fff;
    font-weight: 700;
    background-color: #f93 !important
}

.bg-dark-blue {
    color: #fff;
    font-weight: 700;
    background-color: #24527a !important
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #00a65a !important
}

.box {
    position: relative;
    border-radius: 3px;
    background: #fff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.box.box-primary {
    border-top-color: #3c8dbc
}

.box.box-info {
    border-top-color: #00c0ef
}

.box.box-success {
    border-top-color: #00a65a
}

.box.box-default {
    border-top-color: #d2d6de
}

.box.height-control .box-body {
    max-height: 300px;
    overflow: auto
}

.box .border-right {
    border-right: 1px solid #f4f4f4
}

.box .border-left {
    border-left: 1px solid #f4f4f4
}

.box.box-solid {
    border-top: 0
}

.box.box-solid>.box-header .btn.btn-default {
    background: transparent
}

.box.box-solid>.box-header .btn:hover,
.box.box-solid>.box-header a:hover {
    background: rgba(0, 0, 0, 0.1) !important
}

.box.box-solid.box-default {
    border: 1px solid #d2d6de
}

.box.box-solid.box-default>.box-header {
    color: #444;
    background: #d2d6de;
    background-color: #d2d6de
}

.box.box-solid.box-default>.box-header a,
.box.box-solid.box-default>.box-header .btn {
    color: #444
}

.box.box-solid.box-primary {
    border: 1px solid #3c8dbc
}

.box.box-solid.box-primary>.box-header {
    color: #fff;
    background: #3c8dbc;
    background-color: #3c8dbc
}

.box.box-solid.box-primary>.box-header a,
.box.box-solid.box-primary>.box-header .btn {
    color: #fff
}

.box.box-solid.box-info {
    border: 1px solid #00c0ef
}

.box.box-solid.box-info>.box-header {
    color: #fff;
    background: #00c0ef;
    background-color: #00c0ef
}

.box.box-solid.box-info>.box-header a,
.box.box-solid.box-info>.box-header .btn {
    color: #fff
}

.box.box-solid.box-danger {
    border: 1px solid #dd4b39
}

.box.box-solid.box-danger>.box-header {
    color: #fff;
    background: #dd4b39;
    background-color: #dd4b39
}

.box.box-solid.box-danger>.box-header a,
.box.box-solid.box-danger>.box-header .btn {
    color: #fff
}

.box.box-solid.box-warning {
    border: 1px solid #f39c12
}

.box.box-solid.box-warning>.box-header {
    color: #fff;
    background: #f39c12;
    background-color: #f39c12
}

.box.box-solid.box-warning>.box-header a,
.box.box-solid.box-warning>.box-header .btn {
    color: #fff
}

.box.box-solid.box-success {
    border: 1px solid #00a65a
}

.box.box-solid.box-success>.box-header {
    color: #fff;
    background: #00a65a;
    background-color: #00a65a
}

.box.box-solid.box-success>.box-header a,
.box.box-solid.box-success>.box-header .btn {
    color: #fff
}

.box.box-solid>.box-header>.box-tools .btn {
    border: 0;
    box-shadow: none
}

.box.box-solid[class*='bg']>.box-header {
    color: #fff
}

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table
}

.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4
}

.collapsed-box .box-header.with-border {
    border-bottom: 0
}

.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1
}

.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion {
    margin-right: 5px
}

.box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 5px
}

.box-header>.box-tools [data-toggle="tooltip"] {
    position: relative
}

.box-header>.box-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto
}

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    box-shadow: none !important;
    color: #97a0b3
}

.open .btn-box-tool,
.btn-box-tool:hover {
    color: #606c84
}

.btn-box-tool:active {
    outline: none !important
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px
}

.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.box-body>.table {
    margin-bottom: 0
}

.box-body .fc {
    margin-top: 5px
}

.box-body .full-width-chart {
    margin: -19px
}

.box-body.no-padding .full-width-chart {
    margin: -9px
}

.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px
}

.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff
}

.distWiseState {
    font-size: 12px
}

.mainStateView td {
    text-align: right
}

.text-white {
    color: #fff;
    text-align: left
}

.navbar {
    margin-bottom: 0
}

h3.title {
    margin: 8px 0 0
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.btngroups button {
    margin-right: 5px
}

.bg-silver {
    background-color: silver
}

div.pull-right button {
    float: right
}

.outerState .col-md-3.col-sm-6:hover {
    box-shadow: 0 0 2px 2px #4cb1ff;
    border-radius: 8px
}

.distWiseState .col-md-3.col-sm-6 {
    cursor: pointer;
    margin-top: 10px
}

#go-to-district-view {
    border-radius: 15px;
    padding: 15px;
    width: 300px;
    height: 80px;
    text-align: center
}

.stateView:hover {
    box-shadow: 0 0 6px 2px #4cb1ff;
    border-radius: 15px
}

.first-button {
    margin-left: 25px;
    margin-right: 28px
}

.distWiseState {
    font-size: 12px
}

.text-white {
    color: #fff;
    text-align: left
}

.navbar {
    margin-bottom: 0
}

h3.title {
    margin: 8px 0 0
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.btngroups button {
    margin-right: 5px
}

.bg-silver {
    background-color: silver
}

div.pull-right button {
    float: right
}

.outerState .col-md-3.col-sm-6:hover {
    box-shadow: 0 0 2px 2px #4cb1ff;
    border-radius: 8px
}

.distWiseState .col-md-3.col-sm-6,
.lbWiseDist {
    cursor: pointer
}

.btn.active {
    background-color: #c0c0c0 !important;
    border: 1px solid #c0c0c0;
    color: #000 !important;
    font-weight: bold
}

.btn.active:hover {
    color: #000
}

.subBtnGroup {
    padding: 0 !important;
    margin-top: 10px
}

.btngroups .col-md-3 {
    margin-top: 0
}

.btngroups .btn {
    margin: 0 3px 0 0
}

.outerDist .btngroups .btn {
    width: 24%
}

.party-group {
    z-index: 999;
    cursor: pointer
}

.outerWard div,
.outerDist div,
.outercanview div {
    padding: 0
}

.sv-content table {
    cursor: pointer
}

.outerDist .summary table {
    margin-bottom: 0;
    margin-top: 2px
}

.stateView .pager {
    margin: 0
}

.btn {
    border-radius: 0;
    font-size: 12px;
    font-weight: normal;
    padding: 3px 12px
}

.dist {
    min-height: 180px
}

.stateView {
    margin-top: 10px;
    padding-top: 15px
}

.wardWiseLb table {
    cursor: pointer
}

.table-result {
    text-align: right;
    font-weight: bold
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.badge {
    background-color: #d9edf7;
    border-radius: 15px;
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.summary span {
    margin: 5px 0;
    border-right: 1px solid #337ab7;
    border-top: 1px solid #337ab7;
    border-bottom: 1px solid #337ab7;
    padding: 5px
}

.summary span.fst {
    border-left: 1px solid #337ab7
}

.summaryTxt {
    width: 100%;
    display: inline-block
}

.outerDist .btngroups {
    margin-top: 10px;
    min-height: 100px
}

.container.with-padding {
    padding-bottom: 220px;
    margin-top: 10px
}

.sv-content td {
    font-size: 26px
}

table label {
    color: #fff;
    margin: 0;
    text-align: center;
    width: 40px
}

.sv-content th {
    text-align: right
}

.font-large {
    font-weight: bold
}

.lbsmry {
    margin: 0;
    width: 50%
}

.btngroups {
    position: relative
}

.party-group {
    color: #fff
}

.lbSmry table {
    width: 50%
}

.text-right {
    text-align: right
}

.svRl td {
    padding-left: 3px !important;
    padding-right: 3px !important
}

.outerWard .btngroups {
    margin-top: 8px
}

table label.bg-success {
    width: auto;
    padding: 0 3px
}

.summary h2,
.summary h3 {
    color: #6a6a6a
}

.state {
    background-color: #ccc;
    cursor: not-allowed
}

.ajaxLoader {
    height: 100%;
    background-image: url('../img/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 15%;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 10
}

.lft {
    font-size: 12px;
    font-weight: bold
}

.pls {
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 12px;
    padding: 0 3px;
    width: 12px;
    border-radius: 5px
}

.pls span {
    float: left;
    margin: -6px 0 0 -2px
}

#infotitle span {
    padding: 1px 5px
}

.tx-lg {
    font-size: 14px;
    font-weight: bold
}

.pointer {
    cursor: pointer
}

.overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.698) none repeat scroll 0 0;
    border-radius: 3px
}

.overlay>.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px
}

.link-text-color-white a {
    color: white !important
}

.carousel-control {
    background-image: none !important;
    z-index: 999 !important;
    top: -20px !important;
    left: auto !important;
    right: 0 !important
}

.carousel-control.right {
    right: -20px !important
}

.carousel {
    box-shadow: 3px 3px 3px rgba(18, 17, 17, 0.1) !important;
    padding: 5px !important
}

.table-sm td {
    padding: 1px !important
}

.bold {
    font-weight: 700
}

.carousel-caption-custom {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 0;
    z-index: 10;
    padding: 2%;
    padding-bottom: 20px;
    margin-left: 30%;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption-custom {
    left: 0;
    right: 0;
    padding-bottom: 0
}

.distWiseState {
    font-size: 12px
}

.text-white {
    color: #fff;
    text-align: left
}

.navbar {
    margin-bottom: 0
}

h3.title {
    margin: 8px 0 0
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.btngroups button {
    margin-right: 5px
}

.bg-silver {
    background-color: silver
}

div.pull-right button {
    float: right
}

.outerState .col-md-3.col-sm-6:hover {
    box-shadow: 0 0 2px 2px #4cb1ff;
    border-radius: 8px
}

.distWiseState .col-md-3.col-sm-6,
.lbWiseDist {
    cursor: pointer;
    margin-top: 10px
}

.btngroups .btn.active {
    background-color: #3c763d
}

.subBtnGroup {
    padding: 0 !important;
    margin-top: 10px
}

.btngroups .col-md-3 {
    margin-top: 10px
}

#captcha-modal .margin {
    margin: 10px 0
}

.logo {
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700
}

.container.with-padding {
    margin-top: 10px
}

.distWiseState .totTR td {
    padding-right: 2px !important;
    padding-left: 2px !important
}

.totTR td {
    color: #868686
}

@media(max-width:500px) {
    .table {
        table-layout: fixed;
        word-break: break-all
    }

    .table>thead>tr>th {
        padding: 4px !important
    }
}

@media(min-width:600px) {
    .footer .block {
        width: 25%;
        float: left
    }

    .footer .col-md-2,
    .footer .col-md-4 {
        width: 25%;
        float: left
    }
}

@media(min-width:700px) {
    .footer .block {
        width: 20%;
        float: left
    }
}

@media(min-width:768px) {
    .footer .block {
        width: 20%;
        float: left
    }
}

@media(max-width:650px) {
    #voterLeadStatus .col-md-3 {
        width: 100%;
        float: left
    }
}

@media only screen and (min-width:651px) and (max-width:990px) {
    .footer {
        position: relative
    }

    .container.with-padding {
        padding-bottom: 0
    }

    .footer {
        position: relative
    }

    #voterLeadStatus .col-md-3 {
        width: 50%;
        float: left
    }
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    #voterLeadStatus .col-md-3 {
        width: 50%;
        float: left
    }
}

@media(min-width:992px) {
    .outerDist .summary {
        margin-top: -40px
    }

    .outerDist .btngroups .pull-left {
        position: absolute;
        left: 0;
        bottom: 0
    }

    .outerWard .btngroups .lbSmry,
    .outercanview .btngroups .lbSmry {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .container.with-padding {
        padding: 0 15px 220px 15px
    }

    #voterLeadStatus table th {
        padding: 3px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1150px
    }

    #voterLeadStatus table th {
        padding: 3px
    }
}

@media(min-width:1250px) {
    .col-lg-25 {
        width: 20%;
        padding-left: 10px
    }

    .container {
        width: 1200px
    }
}

@media(min-width:1300px) {
    .container {
        width: 1250px
    }
}

@media(min-width:1400px) {
    .container {
        width: 1370px
    }
}