/* Turn Off Responsive Code */
@media (min-width: 480px) {
    .container {
        width: 1170px !important;
    }
}

@media (min-width: 760px) {
    .container {
        width: 1170px !important;
    }
}

@media (min-width: 980px) {
    .container {
        width: 1170px !important;
    }
}
/*
body { overflow-x: hidden;}
*/
.top-gray {
    background-color: #e3e3e3;
    padding: 11px 0;
}

.main-title {
    color: #313b52;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 25px;
}

.sign-in-title-outer {
    padding-top: 60px;
}

.top-title-left-border {
    border-left: 1px solid #969696;
}

.sign-in-box {
    padding: 35px 0;
    background-image: url('/css/herd_ui_v2/images/feature-bck.png');
    background-size: cover;
}

.sign-in-box-inner {
    background-color: #fff;
    border-top: 9px solid #e98412;
    padding: 15px 29px;
}

.sign-in-sub-title {
    font-family: Georgia, Time New Roman, Times, Serif;
    color: #313b52;
    font-size: 22px;
    line-height: 40px;
    font-weight: bold;
    margin: 0 0 11px 0;
}

.sign-in-sub-title-right {
    font-family: Georgia, Time New Roman, Times, Serif;
    color: #313b52;
    font-size: 40px;
    line-height: 59px;
    margin: 0 0 11px 0;
}

.blue-bar {
    background-color: #01bced;
    padding: 6px 0;
}

.blue-title-text {
    font-family: Georgia, Times, Times New Roman, san-serif;
    color: #000000;
    font-size: 28px;
    font-weight: normal;
}

    .blue-title-text a {
        color: #1B405A;
    }

.blue-bar-title {
    text-align: center;
}

.content-space {
    padding: 49px 23px;
    font-family: Arial, Helvetica, san-serif;
    font-size: 1em;
    line-height: 1.8125em;
    color: #5b5853;
}

.whats-new-title {
    font-family: Georgia, Times, Times New Roman, Serif;
    color: #5b5853;
    font-size: 27px;
    line-height: 34px;
    font-weight: normal;
    background-image: url(images/icn-whats-new.png);
    background-repeat: no-repeat;
    margin: 5px 0 19px 0;
    padding: 2px 0 0 44px;
}

.sub-titles-bold {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-bottom: 11px;
}

.password-reset-space {
    padding-top: 23px;
    padding-left: 44px;
}

    .password-reset-space a {
        color: #195d8d !important;
        font-size: 16px;
    }

.about-title {
    font-family: Georgia, Times, Times New Roman, Serif;
    color: #5b5853;
    font-size: 27px;
    line-height: 34px;
    font-weight: normal;
    background-image: url(images/icn-about.png);
    background-repeat: no-repeat;
    margin: 5px 0 19px 0;
    padding: 2px 0 0 44px;
}

.data-title {
    font-family: Georgia, Times, Times New Roman, Serif;
    color: #5b5853;
    font-size: 27px;
    line-height: 34px;
    font-weight: normal;
    background-image: url(images/icn-data.png);
    background-repeat: no-repeat;
    margin: 5px 0 19px 0;
    padding: 2px 0 0 44px;
}

.tools-title {
    font-family: Georgia, Times, Times New Roman, Serif;
    color: #5b5853;
    font-size: 27px;
    line-height: 34px;
    font-weight: normal;
    background-image: url(images/icn-tools.png);
    background-repeat: no-repeat;
    margin: 5px 0 19px 0;
    padding: 2px 0 0 44px;
}

.materials-title {
    font-family: Georgia, Times, Times New Roman, Serif;
    color: #5b5853;
    font-size: 27px;
    line-height: 34px;
    font-weight: normal;
    background-image: url(images/icn-materials.png);
    background-repeat: no-repeat;
    margin: 5px 0 19px 0;
    padding: 2px 0 0 44px;
}

.herd-list {
    padding-left: 12px;
}

    .herd-list li {
        margin-bottom: 10px;
    }

        .herd-list li a {
            font-size: 16px;
        }

h1 {
    margin: 20px 0 !important;
    padding: 0 !important;
    border: none !important;
}
/*
h2 {
  font-family: Georgia, Times, Times New Roman, Serif !important;
}
*/
.callout-submit {
    border: 1px solid #c7c7c7;
    border-top: 7px solid #01bced;
    text-align: center;
    padding: 0px 40px;
}

.callout-head1 {
    font-family: Georgia, Times, Times New Roman, Serif;
    font-size: 28px;
    margin: 40px 0;
    line-height: 1.2;
}

.callout-head2 {
    font-family: Georgia, Times, Times New Roman, Serif;
    font-size: 22px;
    margin: 40px 0;
    line-height: 1.4em;
}

.border-top-grey {
    border-top: 3px solid #c7c7c7;
}

.callout-btn {
    background-color: #313b52;
    color: #ffffff;
    padding: 17px 40px;
    border-radius: 0;
    border-bottom: 5px solid #01bced;
    font-size: 18px;
    font-weight: bold;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

    .callout-btn:hover {
        background-color: #0e1b37;
        color: #ffffff;
        border-bottom: 5px solid #01bced;
    }

    .callout-btn:focus {
        background-color: #0e1b37;
        color: #ffffff;
        border-bottom: 5px solid #01bced;
    }
/*Form Styles*/
.sign-in-form::placeholder {
    color: #595959;
}

.sign-in-form {
    /* using padding does not work in IE and FF, causing text to not show up - http://stackoverflow.com/questions/20507731/text-input-placeholders-not-displaying-in-ie-and-firefox */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 46px;
    padding: 0 11px;
    border: 1px solid #5fd5f4; /*padding:22px 11px;*/
    border-radius: 0;
    color: #5b5853 !important;
}

.main-form-bttn {
    background-color: #313b52;
    color: #ffffff;
    padding: 17px 99px;
    border-radius: 0;
    border-bottom: 5px solid #01bced;
    font-size: 18px;
    font-weight: bold;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

    .main-form-bttn:hover {
        background-color: #0e1b37;
        color: #ffffff;
        border-bottom: 5px solid #01bced;
    }

    .main-form-bttn:focus {
        background-color: #0e1b37;
        color: #ffffff;
        border-bottom: 5px solid #01bced;
    }

.sign-button-left {
    width: 60%;
}

.sign-button-right {
    width: 40%;
    float: right;
}

.form-action {
    margin-left: -15px;
    margin-right: -15px;
}
/*Form Styles*/

/* ORANGE SECTION */
.inner-box {
    background-image: url('/css/herd_ui_v2/images/feature-bck.png');
    background-size: cover;
}

.orange-header {
    background-color: #e98412;
    font-family: Georgia, Times New Roman, Times, serif;
    color: #0D1017;
    padding: 23px 0;
    overflow: hidden;
    font-size: 16px;
    height: 70px;
}

.home {
    background-color: #C2C2C2;
    padding: 27px 35px;
    color: #0D1017;
    font-weight: bold;
    margin-right: 20px;
}

#user-icon {
    width: 30px;
    display: inline-block;
}

.orange-right-options {
    float: right;
    padding: 0;
    margin-right: 40px;
}

    .orange-right-options li {
        list-style-type: none;
        display: inline-block;
        margin-right: 20px;
    }

        .orange-right-options li a {
            color: #0D1017;
        }

.status-box {
    /*  background-color: white;*/
    margin: 15px 0;
    padding: 10px;
    display: inline-block;
    float: right;
}

    .status-box li {
        display: inline-block;
        list-style-type: none;
        padding: 0 5px 0 0;
        vertical-align: top;
        font-size: 10px;
    }

    .status-box img {
        margin-right: -3px;
    }

.inline-block {
    display: inline-block;
}

/*Footer*/
.footer-gray {
    background-color: #e3e3e3;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    padding: 32px 0;
    /*margin-top: 20px;*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

    .footer-gray a {
        color: #337ab7;
    }

#footer-box-1, #footer-box-2, #footer-box-3 {
    font-size: 16px;
    background-color: #ffffff;
    border-top: 5px solid #e98412;
    padding: 22px 19px;
    text-align: center;
    height: 333px;
    color: #5b5853;
    display: table-cell;
    width: 30%;
}

.footer-titles {
    font-family: Arial, Helvetica, san-serif;
    color: #195d8d;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 22px;
    padding-bottom: 19px;
}

.no-list-style {
    padding: 0;
}

    .no-list-style li {
        list-style-type: none;
        margin: 10px 0;
        font-size: 16px;
    }

#footer-box-3 {
    text-align: left;
    line-height: 1.5;
}

.footer-white {
    background-color: white;
}

    .footer-white .container {
        padding: 0;
        font-size: 14px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    }

.bottom-footer {
    padding: 30px 0;
}

.icon-box {
    width: 100%;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 10px;
}

    .icon-box img {
        width: 60px;
    }

.table {
    display: table;
    border-spacing: 30px 0px;
    margin-bottom: 0;
}
/*Footer*/





/* STYLES FOR NSF DEFAULT */

.header-outter {
    width: 100%;
    background-color: #e3e3e3;
    height: 70px;
}

.feature-outter {
    width: 100%;
    background-image: url(img/feature-bck2.png);
    background-repeat: repeat-x;
    height: 122px;
}

.header, .feature {
    width: 1400px;
    margin: 0 auto;
}

.footer {
    width: 1400px;
    margin: 0 auto;
}

.bottom {
    width: 1080px;
    margin: 32px auto;
}


/*CSS For Developer*/
.bottom-outter {
    width: 100%;
    background-color: #ffffff !important;
    margin-bottom: 80px;
}

html, body {
    margin: 0;
    padding: 0;
    background-color: #ffffff !important;
}

.category-title-revised {
    font-family: Georgia, Times, Times New Roman, Serif !important;
    color: #5b5853 !important;
    text-transform: none !important;
    font-size: 18px !important;
    font-weight: normal !important;
    padding-left: 9px !important;
    margin: 22px 0 9px 0 !important;
}

.q-revised {
    background-color: #d2d2d2 !important;
    padding: 5px 0 !important;
    border-radius: 4px !important;
}
/*
    .question-title {color:#000000 !important; font-size:15px !important; }
    .Q .title:hover {background-color: #d2d2d2 !important;}
    */
#overall-status {
    border-top: #01bced 4px solid !important;
    padding: 15px !important;
    width: 97% !important;
}

#overall-status {
    border-left: #c4c4c4 1px solid !important;
}

#overall-status {
    border-right: #c4c4c4 1px solid !important;
}

#overall-status {
    border-bottom: #c4c4c4 1px solid !important;
}

    #overall-status table th {
        border-left-color: #e98412 !important;
    }

.not-ready {
    margin-top: 11px !important;
}

.status-content {
    width: 1080px;
    margin: 0 auto;
    padding-top: 0px;
    text-align: center;
}
/*CSS For Developer*/

.error {
    color: red;
    padding-bottom: 1em;
}

table tr td.lbl {
    padding: .7em 1em .7em 0;
}

table tr td.form_buttons {
    padding-top: 1em;
}

label {
    margin-bottom: 0 !important;
}
#ui-v3-sign-in-box.custom-sign-in-box {
    height: 530px;
    padding: 71px 52px;
    margin: auto;
    width: 1440px;
    flex-shrink: 0;
}

#control-container {
    background-color: #0F325F;
    width: 424px;
    margin-left: 53px;
    padding: 41px 52px;
    float: left;
}
#container-header {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 15px;
    padding: 0;
    margin: 0 0 24px 0;
}
.text-label {
    color: white;
    padding: 0 0 8px 0;
    font-size: 15px;
}
.password-label {
    color: white;
    padding: 20px 0 8px;
    font-size: 15px;
}
.submit-btn {
    border: 1px solid white;
    background: #D3B34E;
    padding: 14px;
    text-transform: uppercase;
    font-size: 15px;
    width: 108px;
    height: 48px;
}
.left-floated{
    float:left;
    margin-left:72px;
}
.heading-secondary {
    color: white;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 62px;
    margin: 0;
    margin-top: 30px;
}
.paragraph-secondary {
    width: 740px;
    font-size: 22px;
    color: white;
    margin-top: 20px;
}
.survey-due {
    color: #E4D298;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    width: 600px;
}

#ui-v3-whats-new .inner-first-div {
    float: left;
    width: 800px;
    padding-bottom: 20px;
}
#ui-v3-whats-new .inner-first-h2 {
    font-size: 40px;
    margin-bottom: 16px
}
#ui-v3-whats-new .inner-second-div {
    float: right;
    width: 400px;
}
#ui-v3-whats-new .inner-second-h2{
    font-size: 40px;
    margin-bottom: 16px;
}
#ui-v3-whats-new .inner-span {
    font-size: 16px;
    font-weight: bold;
}
.blue-bar-div {
    height: 530px;
    padding: 72px 20px 72px 52px;
    margin: auto;
    width: 1440px;
    flex-shrink: 0;
    background-color: #0F325F;
}
.blue-bar-div .ncses-p {
    font-size: 14px;
    margin: 10px 40px;
}
.about-herd-div {
    height: 530px;
    padding: 48px 52px;
    margin: auto;
    width: 1440px;
    flex-shrink: 0;
}
.about-herd-div .about-herd-heading {
    font-size: 40px;
    margin-bottom: 16px;
}
.about-herd-div .content-div {
background-color: #005699;
width: 120px;
height: 8px;
margin-bottom: 40px;
}
.about-herd-div .content-div-text {
font-size: 16px;
}
.herd-header {
    color: #005699;
    display: inline;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
#ui-v3-footer-blue .innerfooter-first-div {
    width: 310px;
}
#ui-v3-footer-blue .innerfooter-span {
    text-transform: uppercase;
}
#ui-v3-footer-blue .innerfooter-second-div {
    width: 424px;
}
.col33 {
    width: 33%;
}