body {
    font-size: 14px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 328px;
}

legend {
    border-bottom: none;
    margin-bottom: 0;
}

a {
    text-decoration:none;
}

a,
a:hover,
a:visited {
    color: #0066a6;
}

.form-group {
    margin-bottom: calc(.25rem + 1px);
}

.form-control,
select:not([size]):not([multiple]).form-control {
    height: calc(2.25rem);
}

.col-form-label {
    padding-bottom: .1rem;
}

.col-form-label label {
    margin-bottom: .1rem;
}

.col-form-label label,
.col-form-label .RadioButtonListLabel,
.PseudoLabel {
    font-weight: 600;
}

.radio {
    padding: 0 15px;
}

.radio .btn {
    text-align: left;
    white-space: normal;
}

.radio input[type=radio] {
    margin-left: 0;
    vertical-align: middle;
}

.radio label {
    margin: 0 0 0 7px;
    vertical-align: middle;
}

.checkbox .btn,
.checkbox.btn {
    padding: 5px 10px;
    text-align: left;
}

.checkbox input[type=checkbox] {
    vertical-align: middle;
}

.checkbox label {
    line-height: 1.2em;
    margin: 0 5px 0 10px;
    vertical-align: middle;
    white-space: normal;
}

.btn-radio {
    margin: 0 4px 0 0;
}

.btn-datepicker {
    margin: -8px 0 0 6px;
    padding: 3px 12px 3px 12px;
}

.btn.btn-datepicker {
    font-size: 19.6px;
}

.btn-radio,
.btn-radio:focus {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    color: #333333;
}

.btn-radio:visited {
    color: #333333;
}

.btn-radio:hover {
    background-color: #ced4da;
    border: 1px solid #ced4da;
    color: #333333;
}

.btn-datepicker,
.btn-datepicker:focus {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    color: #333333;
}

.btn-datepicker:visited {
    color: #333333;
}

.btn-datepicker:hover {
    background-color: #ced4da;
    border: 1px solid #ced4da;
    color: #333333;
}

.btn-nav,
.btn-nav:focus {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    color: #333333;
}

.btn-nav:visited {
    color: #333333;
}

.btn-nav:hover {
    background-color: #ced4da;
    border: 1px solid #ced4da;
    color: #333333;
}

.btn-next,
.btn-next:focus {
    background-color: #ffdd00;
    border: 1px solid #ffdd00;
    color: #333333;
}

.btn-next:visited {
    color: #333333;
}

.btn-next:hover {
    background-color: #ddbb00;
    border: 1px solid #ddbb00;
    color: #333333;
}

.btn-command,
.btn-command:focus {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    color: #0066a6;
}

.btn-command:visited {
    color: #0066a6;
}
    
.btn-command:hover {
    background-color: #ced4da;
    border: 1px solid #ced4da;
    color: #0066a6;
}

.btn-print,
.btn-print:focus {
    background-color: #0086c6;
    border: 1px solid #0086c6;
    color: #ffffff;
}

.btn-print:visited {
    color: #ffffff;
}

.btn-print:hover {
    background-color: #0066a6;
    border: 1px solid #0066a6;
    color: #ffffff;
}

.btn-command-1,
.btn-command-1:focus {
    background-color: #0086c6;
    border: 1px solid #0086c6;
    color: #ffffff;
}

.btn-command-1:visited {
    color: #ffffff;
}

.btn-command-1:hover {
    background-color: #0066a6;
    border: 1px solid #0066a6;
    color: #ffffff;
}

.btn-command-2,
.btn-command-2:focus {
    background-color: #ff3333;
    border: 1px solid #ff3333;
    color: #ffffff;
}

.btn-command-2:visited {
    color: #ffffff;
}

.btn-command-2:hover {
    background-color: #dd0000;
    border: 1px solid #dd0000;
    color: #ffffff;
}

.btn-modal-primary,
.btn-modal-primary:focus {
    background-color: #0086c6;
    border: 1px solid #0086c6;
    color: #ffffff;
}

.btn-modal-primary:visited {
    color: #ffffff;
}

.btn-modal-primary:hover {
    background-color: #0066a6;
    border: 1px solid #0066a6;
    color: #ffffff;
}

.btn-modal-secondary,
.btn-modal-secondary:focus {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    color: #0066a6;
}

.btn-modal-secondary:visited {
    color: #0066a6;
}

.btn-modal-secondary:hover {
    background-color: #ced4da;
    border: 1px solid #ced4da;
    color: #0066a6;
}

.btn-link,
.btn-link:focus,
.btn-link:hover {
    color: #2b6186;
    font-size: 1.2em;
    font-weight: 600;
}

.btn-link:visited {
    color: #2b6186;
}

.CheckBoxFocus,
.RadioOptionFocus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.CheckBoxFocus input,
.RadioOptionFocus input {
    outline: 0;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: inline;
}

.btn.disabled,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled.focus,
.btn[disabled].focus,
fieldset[disabled] .btn.focus {
    background-color: #e9ecef;
    cursor: not-allowed;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

select.form-control:hover {
    background-color: #ced4da;
}

select.form-control option {
    background-color: #ffffff;
}

.modal-header {
    background-color: #0066a6;
    color: #ffffff;
}

.modal-header .close {
    color: #ffffff;
    text-shadow: 0 1px 0 #000000;
    filter: alpha(opacity=100);
    opacity: 1;
}

.modal-header .close:hover,
.modal-header .close:focus {
    filter: alpha(opacity=80);
    opacity: .8;
}

.modal-header h4 {
    color: #ffffff;
}

.navbar {
    margin-bottom: 0;
}

.navbar-inverse {
    background-color : #ffffff;
    border-color: #0066a6;
    color: #0066a6;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:focus {
    background-color : #ffffff;
    color: #0066a6;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1.1em;
    padding: 5px 15px;
}

.navbar-inverse .navbar-nav > li > a:visited {
    color: #0066a6;
}

.navbar-inverse .navbar-nav > li > a:active,
.navbar-inverse .navbar-nav > li > a:hover {
    background-color : #0066a6;
    color: #ffffff;
}

.navbar-inverse .navbar-nav > li.ImageLink > a,
.navbar-inverse .navbar-nav > li.ImageLink > a:focus {
    padding: 5px;
}

.navbar-inverse .navbar-toggle {
    border-color: #0066a6;
    padding: 9px 10px 8px 10px;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: #eeeeee;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
    height: 3px;
    width: 25px;
    background-color : #0066a6;
}

.navbar-header {
    margin-left: -15px;
}

.navbar-header a:hover,
.navbar-header a:focus {
    text-decoration: none;
}

.navbar-collapse {
    padding: 0;
}

.navbar-collapse.in {
    overflow-y: visible;
}

.col {
    padding: 0 15px;
}

.IconLeft {
    padding-right: 5px;
}

.IconRight {
    padding-left: 5px;
}

.ValidatorSummary {
    background-color: #ffdddd;
    background-image: url('/wwwroot/images/ValidatorSummary.png');
    background-position: 10px 50%;
    background-repeat: no-repeat;
    border: solid 1px #ff0000;
    border-radius: 4px;
    color: #ff0000;
    font-weight: 600;
    margin: 5px 15px;
    padding: 6px 15px 7px 45px;
    text-indent: 0;
    width: 100%;
}

.ValidatorMessage {
    width: 100%;
}

.ValidatorAbove {
    background-color: #ffdddd;
    background-image: url('/wwwroot/images/ValidatorError.png');
    background-position: 6px 50%;
    background-repeat: no-repeat;
    border: solid 1px #ff0000;
    border-radius: 4px;
    color: #ff0000;
    font-size: .9em;
    font-weight: 600;
    margin: 5px 15px -5px 15px;
    padding: 1px 10px 2px 32px;
    text-indent: 0;
}

.AlertBox {
    margin: 10px -15px;
}

.TopAlertBox {
    margin: 0 -15px 10px -15px;
}

.Success {
    background-color: #ffffff;
    border: solid 1px #359a58;
    border-radius: 4px;
    color: #359a58;
    font-weight: 600;
    margin: 5px 15px;
    padding: 6px 15px 7px 0;
    text-indent: 0;
    width: 100%;
}

.Warning {
    background-color: #ffdddd;
    border: solid 1px #ff0000;
    border-radius: 4px;
    color: #ff0000;
    font-weight: 600;
    margin: 5px 15px;
    padding: 6px 15px 7px 0;
    text-indent: 0;
    width: 100%;
}

.AlertImage {
    border: none;
    display: table-cell;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    width: 48px;
}

.AlertMessage {
    display: table-cell;
    vertical-align: middle;
}

.ValidatorSummary ul {
    display: none;
}

.ValidatorSummary li {
    padding: 1px 0;
    text-indent: 0;
}

.ValidatorBox .ValidatorAbove {
    margin: 0 0 5px 0;
}

.checkbox > .ValidatorMessage > .ValidatorAbove {
    margin: 5px 0;
}

.RequiredAsterisk {
    color: #0086c6;
    font-size: 1.3em;
    line-height: 1em;
    margin-right: 2px;
}

.Skip {
    display: none;
}
.Skip a,
.Skip a:hover {
    background-color: #ffdd00;
    padding: 5px;
}

.Text {
    max-width: 328px;
}

.Date,
.Number {
    max-width: 150px;
}

.NumberSymbol {
    display: inline;
    padding: 0 4px;
    text-align: right;
    width: 12px;
}

.NumberDollars,
.NumberPercentage {
    display: inline;
}

@media (min-width: 768px) {
    .col-form-label {
        text-align: right;
    }

    .LargeFormGroup .col-form-label {
        text-align: left;
    }

    .ValidatorAbove {
        margin-bottom: 5px;
    }

    .LargeFormGroup .ValidatorAbove {
        margin-bottom: -5px;
    }
}

/* Large desktops and laptops */    
@media (min-width: 1200px) {
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .navbar-collapse {
        padding: 0 13px;
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
}

.SmallerFont {
    font-size: .9em;
}

.MaxWidthNone {
    max-width: none;
}

.OptionalLabel {
    font-weight: normal;
}

.LargeTopMargin {
    margin-top: 15px;
}

.TopMargin {
    margin-top: 10px;
}

.SmallTopMargin {
    margin-top: 5px;
}

.NoTopMargin {
    margin-top: 0;
}

.LargeBottomMargin {
    margin-bottom: 15px;
}

.BottomMargin {
    margin-bottom: 10px;
}

.SmallBottomMargin {
    margin-bottom: 5px;
}

.NoBottomMargin {
    margin-bottom: 0;
}

.LargeTopPadding {
    padding-top: 15px;
}

.TopPadding {
    padding-top: 10px;
}

.SmallTopPadding {
    padding-top: 5px;
}

.NoTopPadding {
    padding-top: 0;
}

.LargeBottomPadding {
    padding-bottom: 15px;
}

.BottomPadding {
    padding-bottom: 10px;
}

.SmallBottomPadding {
    padding-bottom: 5px;
}

.NoBottomPadding {
    padding-bottom: 0;
}