html {
    position: relative;
    min-height: 100%
}

.window-container {
    min-height: 100%;
    width: 100%;
    position: absolute
}

.main-content {
    background-color: #B7D8F1;
    background: linear-gradient(#d2e6fa, #fff);
    border-top: solid 1px #98C6EC
}

.container-fluid {
    padding: 0 !important
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.panel-body div.row {
    margin-right: -15px !important;
    margin-left: -15px !important
}

.pre-line {
    white-space: pre-line
}

.bg-warning, .bg-info, .bg-danger, .bg-primary, .bg-success {
    padding: 15px
}

.checkbox input {
    margin-left: 0 !important
}

.form-control-static {
    border: 0;
    margin: 0 0 0;
    display: block;
    background: transparent;
    width: 100%;
    min-height: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    word-wrap: normal;
    /*word-break: break-all;*/
}

.row-pad div.row {
    padding-bottom: 5px
}

.panel-default > .panel-heading {
    color: #555;
    background-color: #E5F0FA;
    border-color: #ddd
}

.well-sm {
    font-size: 0.9em;
    padding: 9px 14px;
    margin: 5px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px
}

button.contact {
    width: 250px;
    min-height: 100px;
    margin: 5px
}

.contact-glyphicon {
    font-size: 2em
}

button.lead {
    margin: 5px;
    background: none;
    border: none
}

    button.lead:hover {
        background: none
    }

a.search {
    width: 250px;
    min-height: 50px;
    margin: 5px
}

helpicon {
    width: 24px;
    height: 24px;
    background-position: -356px -18px !important;
}

body {
    /* Margin bottom needs to match footer height */
    margin-bottom: 90px
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    color: #fff
}

    .footer a {
        text-decoration: none;
        color: #fff
    }

        .footer a:hover {
            text-decoration: underline;
            color: #fff
        }

    .footer .row {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

.green-footer {
    background-color: #598527;
    line-height: 30px;
    min-height: 30px
}

.blue-footer {
    background-color: #20558a;
    min-height: 40px;
    color: #fff;
    line-height: 30px
}

    .blue-footer ul li {
        display: inline-block
    }

.arrow {
    background-image: url(../Content/Images/arrow.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    float: left
}

.eagle {
    background-image: url(../Content/Images/hhslogo.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    float: left
}

.pipe {
    background-image: url(../Content/Images/PipeDelimiter.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    float: left
}

.TopHeaderContainer {
    background-color: #20558A;
    height: 33px
}

    .TopHeaderContainer a {
        color: #fff;
        font-size: small;
        text-decoration: none
    }

    .TopHeaderContainer .cookieCrumb li {
        float: left;
        list-style: none;
        line-height: 33px
    }

    .TopHeaderContainer .loginHeader li {
        float: left;
        list-style: none;
        line-height: 33px;
        margin-right: 10px
    }

        .TopHeaderContainer .loginHeader li:first-child {
            list-style: none
        }

    .TopHeaderContainer:after {
        float: none;
        clear: both
    }

.officeOfPharmaLogoContainer {
    background-color: #EEF3FA;
    width: auto;
    height: 80px;
    padding-right: 10%;
    padding-left: 10%
}

.officeOfPharmaLogo {
    background-image: url(../Content/Images/NewHeader.png);
    background-repeat: no-repeat;
    height: 80px;
    margin-left: 10%
}

.floatRight {
    float: right
}

.floatLeft {
    float: left
}

.greenBar {
    background-color: #598527;
    width: 100%;
    height: 4px
}

.navbar {
    margin-bottom: 0
}

.riEmpty {
    font-style: normal !important
}

.rgFilterRow .riSingle .riTextBox, .rgPager .riSingle .riTextBox {
    height: 34px !important
}

.rgFilterBox {
    width: 90%;
    padding-left: 1px !important;
    padding-right: 1px !important
}

div.RadGrid {
    margin-left: auto !important;
    margin-right: auto !important
}

.rgEditForm table table, .rgEditForm table {
    width: 100%;
    padding-left: 6px;
    padding-right: 8px
}

.riRead {
    border: 0 !important;
    background-color: transparent !important;
    color: inherit !important
}

.RadAjaxPanel {
    display: initial !important
}

.hiddenColumnHeader {
    display: none
}

.skipNav {
    float: left;
    position: absolute;
    top: -40px
}

    .skipNav:after {
        position: relative;
        display: block;
        top: 0;
        left: 0
    }

#skiplink a {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    border-right: 1px solid white;
    color: white;
    left: 0;
    padding: 6px;
    position: absolute;
    top: -40px;
    transition: top 1s ease-out 0, background 1s linear 0;
    z-index: 100
}

    #skiplink a:focus {
        background: none repeat scroll 0 0 #20558a;
        left: 0;
        outline: 0 none;
        position: absolute;
        top: 0;
        transition: top 0.1s ease-in 0, background 0.5s linear 0
    }

#skipnav_target:before {
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden
}

#pnlSearchCriteria .row {
    padding-bottom: 10px
}

#pnlProfile .row {
    padding-bottom: 10px
}

.pad-bottom {
    padding-bottom: 10px
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto
}

    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        font-size: 16px
    }

        .form-signin .form-control:focus {
            z-index: 2
        }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.affix {
    top: 0;
    z-index: 1000;
    min-height: 1px;
    width: 100%
}

#affix-state .affix {
    padding-right: 30px
}

#affix-nav .affix {
    width: 16.666667%;
    padding-right: 30px
}

.RadGrid_Bootstrap .rgFilterRow > td {
    padding-right: 30px !important;
    padding-left: 8px !important
}

.alert-banner {
    padding: 15px;
    padding-left: 15%;
    padding-right: 20%;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0 !important;
    border: 1px solid transparent;
    border-radius: 4px
}

.counter {
    color: #000
}

.MilestoneTextMain {
    font-weight: bolder;
    font-size: 2.5em;
}

.MilestoneTextSub2 {
    color: gray;
    font-weight: bold;
    font-size: 1.5em;
}

.MilestoneTextSub {
    color: gray;
    font-weight: bold;
    font-size: 1.2em;
}