/* Move down content because we have a fixed navbar that is 50px tall */
body {
    font-family: "Century Gothic", Arial, Helvetica;
    font-size: 12px;
    
    }

@media (min-width: 1200px) {
    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
        width: 1170px !important;
    }


    /*padding-left: 25px;
    padding-right: 25px;*/
    /*padding-top: 50px;
    padding-bottom: 20px;*/

    /*}*/

 
    .container {
        max-width: 1170px;
    }
    /*Navbar*/
    /*.dropdown-backdrop {
    position: static;
}*/
    /*.navbar ul.nav li a {
    z-index: 1000;
}*/
    .navbar {
        width: 100%;
        margin: 0 auto;
        max-width: 1170px;
        /*background-image: url("/images/template_dotsbg.gif");*/
    }

    .navbar-inverse {
        /*background-color:#52ae56;*/
        background-color: #6dbb70;
    }

        .navbar-inverse ul.navbar-nav {
            /*background-color:#52ae56;*/
            background-color: #6dbb70;
        }

            .navbar-inverse ul.navbar-nav a:hover {
                background-color: #b0dab1;
            }

    div.navbar div.navbar-inner ul.nav a:hover {
        /*color: #fff !important;*/
        color: #FFFFFF;
        font-weight: bold;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #30bcef;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        color: white;
        background-color: #b0dab1;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: black;
    }

        .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
            color: #fff;
            background-color: black;
        }

    .navbar-inverse {
        border-top-color: #eaecf1;
        border-right-color: #eaecf1;
        border-bottom-color: #eaecf1;
        border-left-color: #eaecf1;
        background-color: rgb(204, 208, 221);
    }

        navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
            color: white;
            /*background-color: rgb(204, 208, 221);*/
            background-color: #8e98b5;
        }

        .navbar-inverse .navbar-nav > li > a {
            color: white;
            background-color: #6dbb70;
        }

        .navbar-inverse .navbar-toggle {
            background-color: #b0dab1;
            border-top-color: gray;
            border-right-color: gray;
            border-bottom-color: gray;
            border-left-color: gray;
        }

    nav .navbar-nav .dropdown-menu {
        background-color: #6dbb70;
    }

        nav .navbar-nav .dropdown-menu > li > a {
            color: white;
        }


            nav .navbar-nav .dropdown-menu > li > a:hover {
                background-color: #b0dab1;
            }


    nav .navbar-nav .nav-item .nav-link {
        color: #ffffff !important;
    }

        nav .navbar-nav .nav-item .nav-link:hover {
            background-color: #b0dab1;
        }

    /*End Navbar*/

    /* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
    .dl-horizontal dt {
        white-space: normal;
    }

    /* Set widths on the form inputs since otherwise they're 100% wide */
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    input[type="select"] {
        max-width: 280px;
    }

    .btn:disabled,
    .btn.disabled {
        /* Set a specific background color instead of relying on opacity */
        background-color: #f3f3f3; /* A standard Bootstrap secondary gray */
        border-color: #CCCDCD;
        pointer-events: auto;
        /* Remove the default opacity to make it solid */
        opacity: .65;
        /* Optional: Change the text color if needed */
        color: #00528b;
        box-shadow: none;
        cursor: not-allowed;
    }

    .pgdivider {
        height: 1px;
        width: 100%;
        display: block;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .active {
        background-color: #007730;
    }

    .textSize1 {
        font-size: 12px;
    }

    th, td {
        padding-left: 5px;
        padding-right: 5px;
    }

    .fileUpload {
        position: relative;
        overflow: hidden;
        margin: 10px;
    }

        .fileUpload input.upload {
            position: absolute;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            font-size: 20px;
            cursor: pointer;
            opacity: 0;
            filter: alpha(opacity=0);
        }

    btn {
        background-color: #f3f3f3;
        color: #00528b;
        border-radius: 3px;
        border-color: #CCCDCD;
        border-bottom-color: #5a5a5a;
        border-right-color: #5a5a5a;
        vertical-align: middle;
        font-weight: bold;
    }

    .cbutton {
        /*background-color: #f9f9f9;*/
        background-color: #f3f3f3;
        color: #00528b;
        border-radius: 3px;
        border-color: #CCCDCD;
        border-bottom-color: #5a5a5a;
        border-right-color: #5a5a5a;
        vertical-align: middle;
        font-weight: bold;
    }

        .cbutton:hover,
        .cbutton:focus,
        .cbutton:active,
        .cbutton.active {
            color: #f9f9f9;
            background-color: #30bcef;
            border-color: #CCCDCD;
            border-bottom-color: #5a5a5a;
            border-right-color: #5a5a5a;
        }

    .cbutton2 {
        /*background-color: #f9f9f9;*/
        /*background-color: #f3f3f3;*/
        background-color: #f9f9f9;
        color: #00528b;
        border-color: #CCCDCD;
        border-bottom-color: #5a5a5a;
        border-right-color: #5a5a5a;
        vertical-align: middle;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
    }

        .cbutton2:hover,
        .cbutton2:focus,
        .cbutton2:active,
        .cbutton2.active {
            color: #f9f9f9;
            background-color: #30bcef;
            /*background-color: #e5e5e5;*/
            border-color: #CCCDCD;
            border-bottom-color: #5a5a5a;
            border-right-color: #5a5a5a;
        }


    .msgSuccess {
        color: #2d2d2d;
        font-weight: bold;
    }

    .msgSuccess2 {
        color: #0000FF;
        font-weight: bold;
    }

    .msgError {
        color: #e02226;
        font-weight: bold;
    }

    .inputBox1 {
        text-align: right;
        font-weight: bold;
        width: 100px;
        /*margin-left: 25px;*/
    }

    .inputBox2 {
        text-align: center;
        font-weight: bold;
        padding-left: 15px;
        padding-right: 15px;
        background-color: yellow;
    }

    .inputBox3 {
        text-align: center;
        font-weight: bold;
        padding-left: 15px;
        padding-right: 15px;
    }

    .table1 {
        /*max-width: 100%;*/
        background-color: transparent;
        margin-bottom: 5px;
    }

    /* Set the fixed height of the footer here */
    #footer {
        /*height: 60px;*/
        /*width: 940px;*/
        /*background-color: #f5f5f5;*/
        /*background-color: #f9f9f9;*/
    }



    .table thead > tr > th,
    .table tbody > tr > th,
    .table tfoot > tr > th,
    .table thead > tr > td,
    .table tbody > tr > td,
    .table tfoot > tr > td {
        padding: 3px;
    }