/*------------------------------------------------------------------------------*
 * The information contained herein is proprietary to Digital Infuzion  and     *
 * shall not be reproduced, copied in whole or in part, adapted, modified,      * 
 * or disseminated without the express written consent of Digital Infuzion, Inc *
 *------------------------------------------------------------------------------*/
/*
 * Author   : Jayendri Shankaran
 * Date     : 
 * Purpose  : Site specific styles
**************************************************************************************************************************
Date           Changed By			Description																			*
**************************************************************************************************************************
6/16/2015       Rachna Walia        Reduced the height of the Application Details Box
6/29/2015       Rachna Walia        Set height to "auto" for app_bg
07/29/2015      Rachna Walia        Redesign related changes
07/30/2015      Rachna Walia        Redesign related changes
08/04/2015      Rachna Walia        Redesign related changes
07/31/2019      Rachna Walia        Changed margin-top for app-division class
10/18/2019      Jayamurugan A       converted as class font-white
07/22/2020      Thanga Palanisamy   Added styles for login.gov integration.
08/04/2020      Thanga Palanismay   Fixed the page header style.
08/25/2020      Thanga Palanisamy   Fixed the announcements display issue. 
08/25/2020      Thanga Palanisamy   Added spacing below the legal disclaimer text.
01/03/2022      Thanga Palanisamy   Made LOGIN.GOV as primary Login.
01/25/2022      Rachna Walia        Modified based on the latest design to make LOGIN.GOV as primary Login
01/27/2022      Rachna Walia        Removed scrollbar for announcements
12/21/2022      Lakshman A          Added Panel to dispaly notification banner - class added to css
*/

body {
    background-color: #999999;
    font-size: 14px;
    color: #205681;
}
.body-content{
    min-height: 550px;
}
.container {
    background-image: linear-gradient( rgba(32, 86, 129, 0.19), rgba(32, 86, 129, 0.19) );
    background-color: #FFF;
    min-height: 760px;
    max-width: 1300px;
    margin: 8px auto;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 500;
    padding: 20px;
}
.body-content-container {
    background-color: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
    padding:20px;
    border-radius:8px;
}

.account-request-form {
    max-width:800px;
    margin:auto;
}
.header h1 {
    font-size: 22pt;
    font-weight: normal;
    margin: 0px;
}

.header h2 {
    font-size: 16pt;
    margin-bottom: 0px;
    margin-top: 14px;
}

.header h1, .header h2 {
    color: #ffffff;
}

.header-image {
    background: url('../Images/icons/headerImage.png') no-repeat right center;
    background-size: contain;
    background-color: #205681;
    min-height: 100px;
    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 10px;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}

.header-image-secondary {
    background: url('../Images/icons/headerImageSecondary.png') no-repeat right center;
    background-size: contain;
    background-color: #205681;
    min-height: 100px;
    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 10px;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
}

.login-info {
    color: #FFFFFF;
    text-align: right;
}

.header-user-name {
    font-size: 12px;
    font-weight: bold;
}

.last-login {
    font-size: 11px;
}

.login-wrapper {
    width: 900px;
    margin: 40px auto;
    line-height: 1.0;
    min-height: 200px;
    background-color: #EAEFF3;
    border-radius: 10px;
}
.login-gov-wrapper, .nih-login-wrapper {
    margin: 10px auto;
    line-height: 1.0;
}

.login-wrapper a {
    font-weight: normal;
    color: #575757 !important;
    text-decoration: none;
    font-size: 10pt;
}

        .login-wrapper a:hover {
            font-weight: normal;
            color: #575757 !important;
            text-decoration: underline;
            font-size: 10pt;
        }
.login-bg {
    border-radius: 8px;
    border: solid 2px #9dbbdf;
    padding: 20px;
    background-color: #EAEFF3;
}
.login-gov-login-widget {
    float: right;
    margin-top: 10px;
    color: #215584;
}

    .login-gov-login-widget .help {
        color: #215584;
    }

.login-gov-logo {
    width: 200px;
    margin: auto;
    border-radius: 6px;
    border: solid 2px #9dbbdf;
    padding: 26px;
    display: inline;
    background-color: #EAEFF3;
}

.nih-login-logo {
    width: 375px;
    margin: 20px 0px;
    border-radius: 6px;
    border: solid 2px #9dbbdf;
    padding: 14px;
    background-color: #EAEFF3;
    display: table;
}
.height150{
    height: 150px;
}
a.login-gov-logo:hover {
    text-decoration: none !important;
}
    .content-bottom {
        border-radius: 16px;
        min-height: 282px;
        background-color: #EAEFF3;
        margin-bottom: -75px;
        padding-bottom: 75px;
    }
    .login-content-bottom {
        min-height: 200px;
        width:900px;
        margin:auto;
    }
.login-content-wrapper {
    border-radius: 6px;
    min-height: 150px;
    background-color: white;
    box-shadow: 0 0 5px 1px lightgray;
}
.logingov-label{
    font-size: 12px;
    line-height:1.5;
}
a.logout-link {
    text-decoration: none;
    color:#FFFFFF;
}
.announcements-header {
    background: url('../Images/icons/announcements_blue.png') no-repeat 0 0;
    padding: 0 0 0 35px;
    background-size: contain;
    color: #205681;
    font-size: 16pt;
    margin-left: 20px;
}

.announcements-body {
    font-size: 10pt;
    color: #4D4D4D;   
    margin-left: 20px;
    overflow:auto;
}

.links-header {
    background: url('../Images/icons/links_blue.png') no-repeat 0 0;
    padding: 0 0 0 35px;
    background-size: contain;
    color: #205681;
    font-size: 16pt
}

.links-body {
    font-size: 10pt;
}

.footer-container {
    background-color: #215584;
    color: #FFFFFF !important;
    padding: 30px;
    font-style: normal;
    border-radius: 8px;
    font-size: 9pt;
    text-align: center;
}

    .footer-container a {
        color: #ffffff;
        text-decoration: none;
        font-weight: normal;
        text-align: center;
    }

        .footer-container a:hover {
            color: #ffffff;
            text-decoration: underline;
            font-weight: normal;
            text-align: center;
        }

.app-bg {
    background-color: #ADC3CE;
    height: auto;
    margin-left: 10px;
    margin-bottom: 10px;
}


.app-division {
    color: #8C8A8C;
    font-weight: bold;
    font-size: 11pt;
    margin-top: 95px;
    transform: rotate(-90deg);
    transform-origin: 0 0;
    width: 20px;
    white-space:nowrap;
}

.vertical-text {
    transform: rotate(-90deg);
    transform-origin: right,top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right, top;
    position: absolute;
    color: #8C8A8C;
    font-weight: bold;
    font-size: 11pt;
    margin-top: 65px;
}

.app-details {
    height: 135px;
    width: 135px;
    text-align: center;
    color: #205681;
    font-weight: normal;
    vertical-align: middle;
    border-radius: 3px;
}

    .app-details img {
        margin-top: 10px;
    }

.app-details-bigger {
    height: 155px;
    width: 155px;
    text-align: center;
    color: #205681;
    font-weight: normal;
    vertical-align: middle;
}    

.app-details-55 {
    height: 120px;
    width: 120px;
    text-align: center;
    color: #205681;
    font-weight: normal;
    vertical-align: middle;
}

    .app-details img, .app-details-bigger img, .app-details-55 img {
        margin-top: 10px;
    }

.app-links {
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    font-size: 9pt;
    word-spacing: .01em;
}

    .app-links:hover {
        font-weight: normal;
        color: #205681;
        text-decoration: none;
        font-size: 9pt;
    }

.about-niaid-crms {
    width:30%;
    min-height:400px;
    
}
.about-niaid-crms .about-header {
    font-size: 18pt;
    color: #205681;
}
    .about-niaid-crms .about-details {
        font-size:12pt;
    }
.container.login-help {
    background-image:none;
    background-color:#FFF;
    border-radius:8px;
    line-height:2;
}
.login-help-img {
    width: 800px;
    margin: 20px 0px;
}

.legal-note {    
    font-size: 9pt;
    color: #4D4D4D;
    line-height:1.2;
    margin-bottom:10px;
}
.help_text {
    margin-top:-20px;
}
.login-bg-label  {
    font-size:14pt;
}
.textbox {
    border: thin solid #215584;
    width: 175px;
    font-size: 12pt;
}
.hide {
    display:none;
}
.bold {
    font-weight: bold;
}
.font-gray {
    color: #4D4D4D;
}

.font-blue {
    color: #205681;
}

.red {
    color: red;
}

.required > label:before {
    content: "* ";
    color: red;
}

#unsupported_browser {
    color: red;
}
#ContentPlaceHolderTop_GlobalLogin_GlobalLoginView_GlobalLogin_lblLoginUserName,
#ContentPlaceHolderTop_GlobalLogin_GlobalLoginView_GlobalLogin_lblLoginPassword {
    font-size:10pt;    
}

.invitation_only {
    margin-top:-10px;
    margin-bottom:5px;
}

.login_gov_link {
    text-decoration: none !important;
    border: solid 2px #9dbbdf;    
    border-radius: 4px;
    background-color: #EAEFF3; 
}
.nih_login_link {
    text-decoration: none !important;
    border: solid 2px #9dbbdf;
    padding: 6px 6px 12px 6px;
    border-radius: 4px;
    background-color: #EAEFF3; 
    font-size: 30px !important;
}

.font-10 {
    font-size: 10px !important;
}

.notification_banner {
    text-align: center;
    margin: 10px auto 0px auto;
}