﻿.footer {
    width: auto !important;
}

.jqplot-title {
    width: 100% !important;
    color: #222222;
    padding-top: 5px;
}

.ui-dialog {
    z-index: 2010 !important;
}

.ui-widget-overlay {
    z-index: 2009 !important;
}

.navbar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    overflow: visible;
}

    .navbar-nav a {
        color: #fff !important;
        padding: 15px 20px;
        font-size: 1.2em;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: transform 0.2s ease;
    }

        .navbar-nav a:hover {
            transform: scale(1.05);
        }

.container {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: auto;
}

.container-body {
    margin-top: 140px;
}

.top-right-img {
    width: 24vw !important;
    height: 135px !important;
}

.menu-button {
    background-color: #0b6bc0;
    /*margin-right: -70px;*/
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 9px;
    left: 200%;
}

@media (max-width: 1599px) {
    .navbar-nav a {
        font-size: 0.9em;
    }

    .electionStatsTable td {
        padding: 0px !important;
    }
}

@media (max-width: 1299px) {
    .navbar-nav a {
        font-size: 0.9em;
    }
}

@media (max-width: 1150px) {
    .menu-button {
        left: 150%;
    }
}

@media (max-width: 1000px) {
    .menu-button {
        left: 100%;
    }
}

@media (max-width: 800px) {
    .menu-button {
        left: 85%;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {
    .navbar-nav {
        background-color: #0b6bc0;
    }

    .navbar-collapse.collapse {
        display: none !important;
        width: 100%;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
            width: 100%;
            text-align: center;
        }

    .navbar-header .collapse,
    .navbar-toggle {
        display: block !important;
    }

    /*.navbar-header {
                float: none;
            }*/

    .container-body {
        margin-top: 140px;
    }

    .hidden-md-smaler {
        display: none !important;
    }

    .customStaticNav {
        background-color: white
    }

    .navbar-collapse.collapsing {
        width: 100% !important;
        text-align: center;
    }

    .top-right-img {
        width: 24vw !important;
        height: 135px !important;
    }

    /*            .a {
                color: black !important;
                font: bold !important;
            }*/
    /*        .body {
            font-size: 24px !important;
        }*/
}

@media screen and (max-width:371px) {
    .ERStitle {
        margin-top: 60px;
    }
}
