﻿body {
    font-family: 'Roboto Condensed', sans-serif;
}

.headingRow {
    padding-bottom: 40px;
}

html, body {
    height: 100%;
    margin: 0;
}

.content {
    min-height: 100%;
}

.content-inside {
    padding: 25px;
    padding-top: 5px;
    padding-bottom: 50px;
}

.footer {
    height: 50px;
    margin-top: -50px;
}

/* Filings/Create */
.filing-document {
    padding: 0 0 .7% 0;
    min-height: 45px;
}

/* Filings/Edit */
.edit-label {
    margin: .4% 0 0 0;
}

#add-another-filing-document {
    cursor: pointer;
    float: right;
    margin: 0 2% 0 0;
}

#filing-documents-validation {
    padding: 0 0 .3% .8%;
}

.control-group {
    float: left;
}

#filing-container .filing {
    background-color: aliceblue;
    border: 1px solid grey;
    padding: .5% 1% 1% 1%;
    margin: 1%;
    border-radius: 5px;
}

.remove-filing-document {
    cursor: pointer;
    margin: 1.2% 0 0 0;
}

#upload-button-container {
    text-align: center;
}

#uploading-dialog {
    display: none;
    text-align: center;
    font-size: x-large;
}

/* Statistics/Index */
#statistics-select-year {
    margin: 2% 0 1% 3%;
}

#statistics-years-container {
    margin: 0 0 2% 8%;
}

#statistics-chart-container {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

    #statistics-chart-container h4 {
        font-weight: 600;
    }

#statistics-summary-container {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

    #statistics-summary-container h4 {
        font-weight: 600;
    }

    #statistics-summary-container p {
        margin: 0 0 0 2%;
    }

/* Filings/Summary */
#filing-summary {
}

    #filing-summary table {
        width: 100%;
        margin: 0 0 0 5%;
        vertical-align: top;
    }

.filing-result-success {
    color: green;
}

.filing-result-failure {
    color: red;
}

/* Common */
.ui-dialog-titlebar {
    display: none;
}

.ui-widget-overlay {
    opacity: .6;
}

.clear {
    clear: both;
}

@media screen and (min-width: 768px) {
    .LoginModal {
        width: 30%; /* either % (e.g. 60%) or px (400px) */
    }



    /********* Below is the changes to the navbar. Delete everything in this area to get the default navbar back *********/

    .navbar-default {
        background-color: #2980b9;
        border-color: #3498db;
        font-size: 16px;
    }

        .navbar-default .navbar-brand {
            color: #ecf0f1;
        }

            .navbar-default .navbar-brand:hover,
            .navbar-default .navbar-brand:focus {
                color: #ecf0f1;
            }

        .navbar-default .navbar-text {
            color: #ecf0f1;
        }

        .navbar-default .navbar-nav > li > a {
            color: #ecf0f1;
        }

            .navbar-default .navbar-nav > li > a:hover,
            .navbar-default .navbar-nav > li > a:focus {
                color: #ecf0f1;
            }

        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
            color: #ecf0f1;
            background-color: #3498db;
        }

        .navbar-default .navbar-nav > .open > a,
        .navbar-default .navbar-nav > .open > a:hover,
        .navbar-default .navbar-nav > .open > a:focus {
            color: #ecf0f1;
            background-color: #3498db;
        }

        .navbar-default .navbar-toggle {
            border-color: #3498db;
        }

            .navbar-default .navbar-toggle:hover,
            .navbar-default .navbar-toggle:focus {
                background-color: #3498db;
            }

            .navbar-default .navbar-toggle .icon-bar {
                background-color: #ecf0f1;
            }

        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form {
            border-color: #ecf0f1;
        }

        .navbar-default .navbar-link {
            color: #ecf0f1;
        }

            .navbar-default .navbar-link:hover {
                color: #ecf0f1;
            }

    @media (max-width: 767px) {
        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
            color: #ecf0f1;
        }

            .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
                color: #ecf0f1;
            }

        .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
            color: #ecf0f1;
            background-color: #3498db;
        }
    }

    /********* End Custom Navbar *********/
