body {
    padding-top: 20px;
    padding-bottom: 20px;
}

textarea {
    resize: none;
}

.navbar {
    margin-bottom: 0;
    border: none;
    border-radius: 0px;
}

.show-col {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #ebf5ff;
    /*
        background-color: #eee;
        background-color: rgba(86,61,124,.15);
        */
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
}

.center-col {
    text-align: center;
    margin-left: 1.5% !important;
    margin-right: 1.5% !important;
}

.center {
    text-align: center;
}

.checkbox label {
    padding-left: 5px;
    font-family: Verdana !important;
    color: #004080;
}
.radio label {
    padding-left: 5px;
    font-family: Verdana !important;
    color: #004080;
}
.checkbox-text {
}

.checkbox-grid td:first-child {
    vertical-align: top;
    padding-right: 20px;
}
/************************************************************************************************************/
/*                                                                                                          */
/*                                            Text Format Styles                                            */
/*                                                                                                          */
/************************************************************************************************************/
.required::after {
    content: ' ';
    color: #f00;
    font-size: 18px;
}
.nav-title {
    background-color: #346aad;
    color: #004080;
}


.text-bold {
    font-size: 18px !important;
}

.text-navy-underline {
    color: #516f8c !important;
    text-decoration: underline;
}

.text-navy {
    color: #516f8c !important;
}

.indent {
    margin-left: 5%;
}

.site-map a {
    color: #4060A0;
}

.bottom-button {
    position: absolute;
    bottom: 30px;
}

.bold {
    font-weight: bold !important;
}


/************************************************************************************************************/
/*                                                                                                          */
/*                                    Fixed-Height Column Styles                                            */
/*                                                                                                          */
/************************************************************************************************************/
.tile-single {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 10%;
    margin-top: 5%;
    height: auto;
}

.tile-lg {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 10%;
    margin-top: 5%;
    height: 270px;
}

.tile-sm {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 10%;
    margin-top: 5%;
    height: 110px;
}

.width-half {
    width: 50%;
}

/************************************************************************************************************/
/*                                                                                                          */
/*                                           Header Text Styles                                             */
/*                                                                                                          */
/************************************************************************************************************/
.header-navy {
    color: #4060A0 !important;
    margin-left: 2%;
}

.header-white {
    color: #FFFFFF !important;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-bottom: 3%;
}

.header-navy {
    color: #4060A0 !important;
    text-align: center !important;
    padding-top: 1%;
    padding-bottom: 1%;
}

.text-medium {
    font-size: 18px;
    font-family: "Open Sans", "Calibri", Arial, sans-serif;
}

/************************************************************************************************************/
/*                                                                                                          */
/*                                              Margin Styles                                               */
/*                                                                                                          */
/************************************************************************************************************/
.neg-left-2 {
    margin-left: -2%;
}

.margin-left-2 {
    margin-left: 2%;
}

.margin-top-2 {
    margin-top: 2%;
}

.margin-bottom-2 {
    margin-bottom: 2%;
}

.margin-right-2 {
    margin-right: 2%;
}

.margin-left-2 {
    margin-left: 3%;
}

.margin-top-3 {
    margin-top: 3%;
}

.margin-bottom-3 {
    margin-bottom: 3%;
}

.margin-right-3 {
    margin-right: 3%;
}
.margin-left-4 {
    margin-left: 4%;
}
.margin-left-5 {
    margin-left: 5%;
}

.margin-top-5 {
    margin-top: 5%;
}

.margin-bottom-5 {
    margin-bottom: 5%;
}

.margin-right-5 {
    margin-right: 5%;
}

.margin-right-6 {
    margin-right: 6%;
}

.margin-left-10 {
    margin-left: 10%;
}

.margin-right-10 {
    margin-right: 10%;
}

.margin-top-10 {
    margin-top: 10%;
}

.margin-bottom-10 {
    margin-bottom: 10%;
}

.margin-left-20 {
    margin-left: 20%;
}

.margin-right-20 {
    margin-right: 20%;
}

.margin-right-250 {
    margin-right: 250%;
}

.margin-top-20 {
    margin-top: 20%;
}

.margin-bottom-20 {
    margin-bottom: 20%;
}

.margin-left-2 {
    margin-left: 2%;
}

.margin-left-1 {
    margin-left: 1%;
}


/************************************************************************************************************/
/*                                                                                                          */
/*                                              Padding Styles                                               */
/*                                                                                                          */
/************************************************************************************************************/
.padding-left-0 {
    padding-left: 0px;
}

.padding-left-5 {
    padding-left: 5%;
}

.padding-top-5 {
    padding-top: 5%;
}

.padding-bottom-5 {
    padding-bottom: 5%;
}

.padding-right-5 {
    padding-right: 5%;
}

.padding-left-3 {
    padding-left: 3%;
}

.padding-top-3 {
    padding-top: 3%;
}

.padding-bottom-3 {
    padding-bottom: 3%;
}

.padding-right-3 {
    padding-right: 3%;
}

.padding-left-10 {
    padding-left: 10%;
}

.padding-top-10 {
    padding-top: 10%;
}

.padding-bottom-10 {
    padding-bottom: 10%;
}

.padding-right-10 {
    padding-right: 10%;
}

.padding-left-20 {
    padding-left: 20%;
}

.padding-top-20 {
    padding-top: 20%;
}

.padding-bottom-20 {
    padding-bottom: 20%;
}

.padding-right-20 {
    padding-right: 20%;
}
/************************************************************************************************************/
/*                                                                                                          */
/*                                         Container Element Styles                                         */
/*                                                                                                          */
/************************************************************************************************************/
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.table-container {
    border: 1px solid #516f8c;
    background-color: #FFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-top: 3%;
}

    .table-container th {
        border-top: 2px solid #ddd !important;
    }

.clear-container-20 {
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 2%;
}

.form-container-lg-center {
    background-color: #DDE9EE;
    border: 1px solid #516f8c;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 2%;
    padding: 2%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-align: left;
}

.form-container-lg {
    background-color: #f8f8f8;
    /*    background-color: #DDE9EE; */
    border: 1px solid #516f8c;
    padding: 2%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: left;
}

.form-container-a {
    background-color: #DDE9EE;
    border: 1px solid #516f8c;
    margin-left: 20%;
    margin-right: 20%;
    padding: 2%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-align: left;
}


.form-container-b {
    text-align: left;
    border: 1px solid #516f8c;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 2%;
    padding-right: 5%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-color: #FFFFFF;
    height: 160px !important;
    margin-bottom: 2%;
}

.form-container-c {
    text-align: left;
    font-size: 18px;
}

.section {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    background-color: #ebf5ff;
}
.section-sm {
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ebf5ff;
}

.group-controls {
    margin-bottom: 5px;
}

.dashboard-container {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    background-color: #000000;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    clear: both;
}

.dashboard-container-header {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
    background-color: #003B7F;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    color: #ffffff;
}

.dashboard-container-body {
    background-color: #E0E8EF;
    margin-bottom: -500em;
    padding-bottom: 500em;
}

.overflow-hidden {
    overflow: hidden;
}

.dashboard-grid {
    border: solid 1px #E0E8EF;
    margin-bottom: 0 !important;
}

    .dashboard-grid th {
        background-color: #dcdcdc;
    }

    .dashboard-grid tr.grid-row {
        background-color: #fff;
    }

    .dashboard-grid tr.grid-row-alt {
        background-color: #E6EDF2;
    }

    .dashboard-grid tr.grid-row-empty {
        background-color: #E0E8EF;
    }

    .dashboard-grid tr.grid-row-pager {
        background-color: #ffffff;
    }
/************************************************************************************************************/
/*                                                                                                          */
/*                                  Background Container Styles                                             */
/*                                                                                                          */
/************************************************************************************************************/
.bg-yellow {
    background-color: #fcf8e3;
    padding: 15px;
    border: 1px solid #FCD40C;
}

.bg-yellow-UCC {
    background-color: #fcf8e3;
    padding: 15px;
}

.bg-green {
    background-color: #dff0d8;
    padding: 15px;
    border: 1px solid #54EA19;
}

.bg-red {
    background-color: #f2dede;
    padding: 15px;
    border: 1px solid #F54141;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bg-blue-big-center {
    color: #fff;
    background-color: #428bca;
    border: 2px solid #295983;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 15px;
}

.bg-green-big-center {
    color: #000;
    background-color: #DBFFCD;
    border: 2px solid #7DF94C;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 15px;
}

/* Base styles (regardless of theme) */
/*.bg-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}

    .bg-callout h4 {
        margin-top: 0;
    }

    .bg-callout p:last-child {
        margin-bottom: 0;
    }

    .bg-callout code,
    .bg-callout .highlight {
        background-color: #fff;
    }*/

.bg-callout-green {
    background-color: #dff0d8;  /*#E3F7D9;*/ 
    border-left: 3px solid #54a355;
    margin: 20px 0;
    padding: 20px;
}

.bg-callout-lightbrown {
    background-color: #ffcc99 !important;
    border-left: 4px solid #8B4513 !important;
    margin: 20px 0;
    padding: 20px;
}

.bg-callout-blue {
    background-color: #E0F2FB;
    border-left: 3px solid #46b8da;
    margin: 20px 0;
    padding: 20px;
}

.bg-callout-red {
    background-color: #F2B6B8;
    border-left: 3px solid #89171a;
    margin: 20px 0;
    padding: 20px;
}

.bg-callout-orange {
    background-color: #fefbed;
    border-left: 3px solid #f0ad4e;
    margin: 20px 0;
    padding: 20px;
}

.bg-border-mandatory {
    border-left: 3px solid #f62c25 !important;
}

.hr-dark-gray {
    /*border-top: 1px solid #c5e9f3; */
    border-top: 1px solid #A4A4A4;
    background: none;
}

.hr-blue {
    /*border-top: 1px solid #c5e9f3; */
    border-top: 1px solid #46b8da;
    background: none;
}

.bg-callout-blue .section {
    background-color: #E0F2FB !important;
    border-left: 3px solid #46b8da !important;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1%;
    margin-bottom: 1%;
}


/************************************************************************************************************/
/*                                                                                                          */
/*                                      Positioning Styles                                                  */
/*                                                                                                          */
/************************************************************************************************************/
.float-right {
    float: right;
}

.float-left {
    float: left;
}

.right-align-absolute {
    text-align: right;
    position: absolute;
    right: 0px;
}

.left-align-absolute {
    text-align: left;
    position: absolute;
    right: 0px;
}

.relative {
    position: relative;
}

.right-align {
    text-align: right;
    right: 0px;
    margin-right: 0px;
}

.left-align {
    text-align: left;
    left: 0px;
}

.center-align {
    text-align: center;
    left: 0px;
    right: 0px;
}
/************************************************************************************************************/
/*                                                                                                          */
/*                                  Overridden Bootstrap Styles                                             */
/*                                                                                                          */
/************************************************************************************************************/


.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background-color: #eee;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: none !important; /*Conflict with DateTime Picker*/
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #FFFFFF;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: #FFFFFF;
            text-decoration: none;
            background-color: #10477d;
        }

.navbar-default {
    background: #346aad;
	background: -moz-linear-gradient(top, #346aad 0, #174e92 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #346aad ), color-stop(100%, #174e92 ));
	background: -webkit-linear-gradient(top, #346aad 0, #174e92 100%);
	background: -o-linear-gradient(top, #346aad 0, #174e92 100%);
	background: -ms-linear-gradient(top, #346aad 0, #174e92 100%);
	background: linear, to bottom, #346aad 0, #174e92 100%;
    border-color: #e7e7e7;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1em !important;
    text-transform: uppercase;
}

    .navbar-default .navbar-brand {
        color: #FFFFFF;
        background-color: transparent;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #FFFFFF;
            background-color: #174278;
        }

    .navbar-default .navbar-text {
        color: white;
        font-size: 11px;
        line-height: 20px;
    }

    .navbar-default .navbar-nav > li > a {
        color: #FFFFFF;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #FFFFFF;
            opacity: .9;
            background-color: #174278;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #731316;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #731316;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #444;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #FFFFFF;
        background-color: #731316;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .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: #555;
        background-color: #0072BC !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

    .navbar-default .navbar-link:hover {
        color: #333;
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808;
}

    .navbar-inverse .navbar-brand {
        color: #999;
    }

        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #999;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #999;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #fff;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:hover,
    .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #080808;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #0072BC;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #0072BC;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #999;
}

    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #ebf5ff;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

input[type="radio"] {
    margin-left: 4%;
}

label {
    font-weight: normal !important;
}

/************************************************************************************************************/
/*                                                                                                          */
/*                                            Button Styles                                                 */
/*                                                                                                          */
/************************************************************************************************************/
.nav-li-a-hover {
    color: #89171a !important;
    cursor: default;
    background-color: #65747c !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

/***
 * btn-royalblue-flat
***/
.btn-navy-semiflat {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #123d54;
    padding: 10px 20px;
    background: -moz-linear-gradient( top, #afd9fa 0%, #588fad);
    background: -webkit-gradient( linear, left top, left bottom, from(#afd9fa), to(#588fad));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #003366;
    /*
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
                */
}

/***
 * btn-royalblue-flat
***/
.btn-royalblue-flat {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 20px;
    /*
        background: -moz-linear-gradient(
		top,
		#efeeee 0%,
		#ebebeb 50%,
		#d6d6d6 50%,
		#ebebeb 75%,
		#efeeee);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#efeeee),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #d6d6d6),
		color-stop(0.75, #ebebeb),
		to(#efeeee));
                */
    background: -moz-linear-gradient( top, #002447 0%, #10477d 50%, #002447);
    background: -webkit-gradient( linear, left top, left bottom, from(#002447), color-stop(0.50, #10477d), to(#002447));
    background-color: #002447;
    /*
	background: -moz-linear-gradient(
		top,
		#3e9af7 0%,
		#3484d4);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#3e9af7),
		to(#3484d4));
                */
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 3px solid #265d93;
}

/***
 * btn-red
***/

.btn-red {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 5px 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F4F4F4", endColorstr="#D0D0D0");
    background: -moz-linear-gradient( top, #e02040 0%, #ab2037 50%, #e02040);
    background: -ms-linear-gradient(top, #e02040 0%, #ab2037 50%, #e02040);
    background: -webkit-gradient( linear, left top, left bottom, from(#e02040), color-stop(0.50, #ab2037), to(#e02040));
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 3px solid #751424;
}


/***
 * btn-kilo
***/
.btn-kilo {
    background-color: hsl(0, 0%, 79%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#134134134), to(#c9c9c9));
    background-image: -moz-linear-gradient(top, #134134134, #c9c9c9);
    background-image: -ms-linear-gradient(top, #134134134, #c9c9c9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9));
    background-image: -webkit-linear-gradient(top, #134134134, #c9c9c9);
    background-image: -o-linear-gradient(top, #134134134, #c9c9c9);
    background-image: linear-gradient(#134134134, #c9c9c9);
    border-color: #c9c9c9 #c9c9c9 hsl(0, 0%, 68.5%);
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
    -webkit-font-smoothing: antialiased;
}

/***
 * btn-gray
***/

.btn-gray {
    color: #333333;
    background-color: #C9C9C9;
    border-color: #000E1C;
    font-weight: bold !important;
}

    .btn-gray:hover,
    .btn-gray:focus,
    .btn-gray:active,
    .btn-gray.active,
    .open .dropdown-toggle.btn-gray {
        color: #FFFFFF !important;
        background-color: #89171a;
        border-color: #000E1C;
    }

    .btn-gray:active,
    .btn-gray.active,
    .open .dropdown-toggle.btn-gray {
        background-image: none;
    }

    .btn-gray.disabled,
    .btn-gray[disabled],
    fieldset[disabled] .btn-gray,
    .btn-gray.disabled:hover,
    .btn-gray[disabled]:hover,
    fieldset[disabled] .btn-gray:hover,
    .btn-gray.disabled:focus,
    .btn-gray[disabled]:focus,
    fieldset[disabled] .btn-gray:focus,
    .btn-gray.disabled:active,
    .btn-gray[disabled]:active,
    fieldset[disabled] .btn-gray:active,
    .btn-gray.disabled.active,
    .btn-gray[disabled].active,
    fieldset[disabled] .btn-gray.active {
        background-color: #C9C9C9;
        border-color: #000E1C;
    }

    .btn-gray .badge {
        color: #C9C9C9;
        background-color: #333333;
    }

.btn-sample {
    color: #ffffff;
    background-color: #611BBD;
    border-color: #130269;
}

    .btn-sample:hover,
    .btn-sample:focus,
    .btn-sample:active,
    .btn-sample.active,
    .open .dropdown-toggle.btn-sample {
        color: #ffffff;
        background-color: #49247A;
        border-color: #130269;
    }

    .btn-sample:active,
    .btn-sample.active,
    .open .dropdown-toggle.btn-sample {
        background-image: none;
    }

    .btn-sample.disabled,
    .btn-sample[disabled],
    fieldset[disabled] .btn-sample,
    .btn-sample.disabled:hover,
    .btn-sample[disabled]:hover,
    fieldset[disabled] .btn-sample:hover,
    .btn-sample.disabled:focus,
    .btn-sample[disabled]:focus,
    fieldset[disabled] .btn-sample:focus,
    .btn-sample.disabled:active,
    .btn-sample[disabled]:active,
    fieldset[disabled] .btn-sample:active,
    .btn-sample.disabled.active,
    .btn-sample[disabled].active,
    fieldset[disabled] .btn-sample.active {
        background-color: #611BBD;
        border-color: #130269;
    }

    .btn-sample .badge {
        color: #611BBD;
        background-color: #ffffff;
    }

.btn-navy {
    color: #ffffff;
    background-color: #4060A0;
    border-color: #004080;
}

    .btn-navy:hover,
    .btn-navy:focus,
    .btn-navy:active,
    .btn-navy.active,
    .open .dropdown-toggle.btn-navy {
        color: #FFFFFF !important;
        background-color: #89171a;
        border-color: #000E1C;
    }

    .btn-navy:active,
    .btn-navy.active,
    .open .dropdown-toggle.btn-navy {
        background-image: none;
    }

    .btn-navy.disabled,
    .btn-navy[disabled],
    fieldset[disabled] .btn-navy,
    .btn-navy.disabled:hover,
    .btn-navy[disabled]:hover,
    fieldset[disabled] .btn-navy:hover,
    .btn-navy.disabled:focus,
    .btn-navy[disabled]:focus,
    fieldset[disabled] .btn-navy:focus,
    .btn-navy.disabled:active,
    .btn-navy[disabled]:active,
    fieldset[disabled] .btn-navy:active,
    .btn-navy.disabled.active,
    .btn-navy[disabled].active,
    fieldset[disabled] .btn-navy.active {
        background-color: #4060A0;
        border-color: #004080;
    }

    .btn-navy .badge {
        color: #4060A0;
        background-color: #ffffff;
    }


/************************************************************************************************************/
/*                                                                                                          */
/*                                            Justified Nav Styles                                          */
/*                                                                                                          */
/************************************************************************************************************/
body {
    padding-top: 20px;
}

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 40px;
    border-top: 1px solid #eee;
}

/* Main marketing message and sign up button */
.jumbotron {
    text-align: center;
    background-color: transparent;
}

    .jumbotron .btn {
        padding: 14px 24px;
        font-size: 21px;
    }

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 5px;
}

    .nav-justified > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 0;
        font-weight: bold;
        color: #777;
        text-align: center;
        background-color: #e5e5e5; /* Old browsers */
        background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
        background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
        background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
        background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
        background-repeat: repeat-x; /* Repeat the gradient */
        border-bottom: 1px solid #d5d5d5;
    }

    .nav-justified > .active > a,
    .nav-justified > .active > a:hover,
    .nav-justified > .active > a:focus {
        background-color: #ddd;
        background-image: none;
        box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
    }

    .nav-justified > li:first-child > a {
        border-radius: 5px 5px 0 0;
    }

    .nav-justified > li:last-child > a {
        border-bottom: 0;
        border-radius: 0 0 5px 5px;
    }

@media (min-width: 768px) {
    .nav-justified {
        max-height: 52px;
    }

        .nav-justified > li > a {
            border-right: 1px solid #d5d5d5;
            border-left: 1px solid #fff;
        }

        .nav-justified > li:first-child > a {
            border-left: 0;
            border-radius: 5px 0 0 5px;
        }

        .nav-justified > li:last-child > a {
            border-right: 0;
            border-radius: 0 5px 5px 0;
        }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    /* Remove the padding we set earlier */
    .masthead,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
}

.bg-callout-brown {
    background-color: #FAE8AE;
    border-left: 3px solid #BAA253;
    margin: 20px 0;
    padding: 20px;
}

.clear-container {
    margin-bottom: 2%;
}

.hidden-error {
    display: none;
}

.margin-bot-2 {
    margin-bottom: 2%;
}

.italic {
    font-style: italic;
}

.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

.clear-container-10 {
    margin-left: 3%;
    margin-right: 10%;
    margin-bottom: 2%;
}

input::-moz-placeholder {
    font-style: italic;
    text-transform: capitalize;
    text-align: center;
}

span.radio {
    padding: 0px;
}

    span.radio > input[type="radio"] {
        margin: 8px -5px 7px 0px;
    }

    span.radio > label {
        float: left;
        margin-right: 5px;
        padding: 0px 5px 0px 10px;
    }

.rounded {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.PopupDialog {
    display:none;z-index:1;overflow:hidden;overflow:hidden;
    padding: 2px 2px 2px 2px !important;
    overflow:hidden !important;
    overflow-wrap:normal;
    background-color:white !important;
}

.divDialog {
    background-color:white;
    height:100%;
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:10px;
}

.PopupDialog {
    display:none;z-index:1;overflow:hidden;overflow:hidden;
    padding: 2px 2px 2px 2px !important;
    overflow:hidden !important;
    overflow-wrap:normal;
    background-color:white !important;
}

.frmDialog {
    width:100%;
}

.rowDialogBtn {
    width:100%;
    padding-top:20px;
    text-align:center;
}
.ui-dialog-titlebar {
    z-index: 1;
    color:white;    
    background-color: #428bca;
}
.ui-dialog-title {
    color:white;
    /*visibility:hidden;*/
}
.ui-dialog-titlebar-close {
    display:none;
}