/*******************************************************************************
 * IBM Confidential
 * OCO Source Materials
 *
 * OpenPages GRC Platform (PID: 5725-D51)
 *
 * © Copyright IBM Corporation 2015 - 2025. All Rights Reserved.
 *  
 * US Government Users Restricted Rights - Use, duplication or disclosure restricted 
 * by GSA ADP Schedule Contract with IBM Corp.
 *     
 *******************************************************************************/

/***** About Box *****/

body
{
    padding : 0;
    margin : 0;
}

html, body, .cds--grid, .cds--row
{
	height: 100%;
}

.cds--grid {
	padding: 0;
	max-width: 100%;
	margin: 0;
}

.cds--row {
	flex-direction: column;
	overflow: hidden;
	margin: 0;
}
b {
    font-weight: bold;
}

.caption-01 {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1rem;
	letter-spacing: 0.32px;
	color: #161616;
	word-break: normal;
	word-break: break-word;
}

.productive-heading-06 {
	font-size: 2.625rem;
    font-weight: 300;
    line-height: 3.125rem;
    letter-spacing: 0;
    color: #161616;	
}

.productive-heading-06-bold {
    font-weight: 600;
}
/** 
* This defines the properties of carbon types. Since we won't get a reference to a set of properties in a compressed file, we are specifying all properties of each type here.
**/
.heading-05 {
	font-size: 2rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0;
    color: #161616;	
}

.body-short-01 {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.125rem;
	letter-spacing: 0.16px;
}



.opMainLoginPage .systemNotice,
.logged-out-message,
.cds--checkbox-wrapper {
	display: none;
}

.opLoginCloudColumn img {
	width: 100%; height: 100%;
}

/***** Desktop *****/
@media screen and (min-width: 576px) {
		    
	.systemNotice {
	   width: 60%;
	   position: absolute;
	   left: 6.25%;
	   top: 12px;	   
	}
		    
    .opLoginContentColumn {
    	padding-left: 6.25%;
    	padding-right: 6.25%;
    	padding-bottom: 80px;
    	width: 37.5%;
    	padding-top: 160px;
    	overflow-y: auto;
    }
    	
	.opLoginCloudColumn {
		width: 62.5%;
		height: 100%;
	}

	.cds--inline-notification {
		max-width: 37.5%;
	}
		
	.bottom
	{
		margin-bottom: 1.5rem;
	}
}

/***** iphone *****/
@media screen and (max-width: 576px) {
	.systemNotice {
	   width: 100%;
	   position: inherit;
	   top: 0;
	   left: 0;
	}
	.opLoginContentColumn {
		width: 100%;
		padding: 96px 24px;
		overflow-y: auto;
	}
	
	.opLoginContentColumn.opShowingNotification {
		padding-top: 24px;
	}
	
	.opLoginCloudColumn {
		width: 0%;
		display: none;
	}
	
	.cds--inline-notification {
		max-width: 100%;
	}

    .bottom
	{
		margin-bottom: 1.5rem;
	}
}

/***** ipad-portrait *****/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.systemNotice {
	   width: 80%;
	   position: absolute;
	   left: 6.25%;
	   top: 12px;	   	  
	}
	.opLoginContentColumn {
		width: 100%;
	}
	.opLoginCloudColumn {
		width: 0%;
		display: none;
	}
	.cds--inline-notification {
		max-width: 100%;
	}
	.bottom
	{
		margin-bottom: 2rem;
	}
}

/***** ipad-landscape *****/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.systemNotice {
	   width: 80%;
	   position: absolute;
	   left: 6.25%;
	   top: 12px;	   	   
	}
	
	.opLoginContentColumn {
		width: 50%;
	}
	.opLoginCloudColumn {
		width: 50%;
	}

	.cds--inline-notification {
		max-width: 100%;
	}
	
	.bottom
	{
		margin-bottom: 2rem;
	}
}

/***** login button *****/
.cds--btn--primary 
{
	width: 100%;
	max-width: 100%;
    margin-top: 24px;
}

/***** label *****/
.cds--label
{
   color: #161616;
   margin-top: 1rem;
}

/***** checkbox *****/
.cds--form-item.cds--checkbox-wrapper {
    margin-top: 1.5rem;
    margin-bottom: 0px;
}

.cds--checkbox-label
{
	padding-top: 3px;
    line-height: 18px;
    word-wrap: break-word;
	display: block;
}

/***** system notice *****/
.systemNotice
{
   justify-content: center;
   flex-direction: column;
   z-index: 1;
} 

.cds--inline-notification__title{
	text-decoration: underline;	
}

.cds--inline-notification__subtitle {
	word-wrap: break-word;
	padding-right: 15px;
	padding-top: 2px;
	max-height: 71px;
	width: 100%;
	overflow-y: auto;
}

.cds--toast-notification {
	width: 100%;
}

.cds--inline-notification__text-wrapper
{
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.opLoginNotificationIcon.cds--inline-notification__icon {
	display: block;
	margin-top: 16px;
}

div#build_info_product_name .product_name {
	font-weight: bold;
	font-size: 150%;
}

div#about_container
{ 	
	background-color: #FFF;
    padding : 40px; 
    border: solid 3px #9a9a9a;
    border-radius:4px;
    box-shadow:rgba(0,0,0,0.2) 0px 0px; 
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

div#about_header
{
    padding : 20px 20px 30px;
    text-align : end;
}


div#about_logo,div#login_logo
{
    
    padding : 0px 0px 28px 0px;
 
}

div#about_product_info
{
    padding : 0px;
}

#about_product_info .product_name,
#about_product_info .module_name {
    font-weight: bold;
}

#about_product_info .product_name {
    font-size: 175%;	
}

#about_product_info .module_name {
	font-size: 130%;
}

#about_product_info sup,
#about_product_info span .reg {
	vertical-align: super;
	font-size: 70%;
}


div#login_copyright
{
	margin-top: 2rem;
    text-decoration:none;
}

div#login_copyright a:link
{
	text-decoration: underline;
}

div#login_copyright a:visited
{
	text-decoration: underline;
}

#privacy_acceptableUse_urls
{
    display: block;
}

#privacy_link,
#acceptableUse_link
{
	margin-top: 4px;
	margin-right: 1rem;
   	line-height: 16px;
	font-size: 12px;
	display: inline-block;
}

#privacy_link a:link,
#acceptableUse_link a:link
{
   text-decoration: underline;
}

#privacy_link a:visited,
#acceptableUse_link a:visited
{
   text-decoration: underline;
}

div#about_copyright
{
    font-size : 11px;
    text-decoration:none;
    color : #666666;
    padding : 28px 0px 0px 0px;
    text-align: start;
    
}


#about_copyright a:link
{
	color:#00649d;
}

/***** Build Info Box *****/

div#build_info_product_name
{
    padding : 40px 20px 0;
}

div#about_build_info
{
    padding : 20px 20px;
    
}

div .about_build_info_label
{
    font-weight : bold;
}

/***** Login Page *****/

body.opLoginPage
{
	overflow: auto;
}

div.opLoginContainer
{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.loginContent
{
    margin: 130px 0 0 40px;
    float: left;

}

.loginForm
{
	color: #161616;
}

div.footerWrapper
{
    float:left;
    margin: 0;
}

div.login_subFooter
{
	float: left;
	background: url("../../images/rev/branding/java-compatible-black.svg") no-repeat;
	width: 28px; 
	height: 48px;
	margin-top: 16px;
}

div.subFooter
{
	text-align: end;
    margin: 15px 20px 0;
}

div.logo
{
    width: 90px;
    padding-left: 12px;
    margin-right: 12px;
    margin-top: 36px;
    float: left;
}


.legalStatement
{
    width: 470px;
    text-align: start;
    font-size: 9px;
    color: #555555;
    float: left;
    line-height: 1.3em;
    margin-top: 30px;
}

.clear
{
    clear: both;
}

.loginInput
{
    
    text-align: start;
    
}

div#privacy_text
{
   font-size: 14px;
   line-height: 18px;
   margin-top: 2rem;
   -webkit-font-smoothing: antialiased;
   word-wrap: break-word;
}

div#loginFormTitle 
{
	margin-bottom: 32px;
}

div#loginFormTitle sup
{
	position: relative;
	top: 8px;
}

.loginForm div
{
    text-align: start;
    width: auto;
    clear: none;
 }

div.loginEntry
{
	
    padding: 0px 0px; 
    padding-bottom:14px;
    
}

span.loginButton
{
	padding-right :10px;

}

/* Font styling for error message*/

.errorMessage img
{
    position: relative;
    width: 16px;
    height: 16px;
}

.cds--text-input~.cds--form-requirement
{
    color: #E02730;
    max-height: 12.5rem;
    display: block;
}

.cds--form-item.required .cds--label::after {
	content: ' *';
	color: #e71d32;
}

/*logout.inc */
.cognos_logout_iframe {
	width:0px; 
	height:0px; 
	border: 0px;
}
.sso--logout-container {
	width:50%;
	margin: 10% auto;
}
.sso--logout-container button {
   width:auto;
   margin-left:10px;
   margin-top: 1.5rem;
}
.sso-img-container {
	width: 80px;
	height: 80px;
}
.sso--logout-container p {
	margin:0px 10px;
}
.sso--logout-container .productive-heading-06 {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1rem;
	margin-top: 1.5rem;
}
.sso--logout-container .heading-05{
  font-size: 1rem;
  line-height: 1rem;
  margin-top: 1rem;
}
.sso--logout-container svg .a{fill:none;}
.sso--logout-container svg .b{fill:url(#a);}
.sso--logout-container svg .c{fill:url(#b);}
.sso--logout-container svg .d{fill:url(#c);}
.sso--logout-container svg .e{fill:url(#d);}
.sso--logout-container svg .f{fill:url(#e);}
.sso--logout-container svg .g{fill:url(#f);}
.sso--logout-container svg .h{fill:url(#g);}
.sso--logout-container svg .i{fill:url(#h);}