/*
 * Login page styles.
 *
 * Moved out of login.jsp (inline <style> blocks and style="" attributes) so the
 * login page works under a Content Security Policy without 'unsafe-inline'.
 * Linked last in login.jsp to keep the same cascade order as the old inline
 * <style> blocks.
 */

/* ---- Login form (from first inline <style> block) ---- */

	.portlet-content{
		background: rgba(0, 0, 0, 0.7)!important;
	}
 .login-outer1 { display: flex; align-items: center; justify-content: center; padding: 15px; min-height: 94vh; }
         .login-inner1 { background-color: #fff; max-width: 423px; /*display: flex;*/ width: 100%; border-radius: 15px; overflow: hidden; 
             box-shadow:0px 0px 10px rgb(44 85 148 / 50%);
             border: 1px solid #ced9e8;
             text-align:left;
         }
         .form-section-wrap1 { width: 100%;  }	
         .form-section-wrap1 h2 {display: none;/* margin-top: 25px;*/ position: relative; color: var(--primary-color); font-size: 22px;  margin-bottom: 30px; letter-spacing: 2px; font-weight: bold;}
 
         .form-section-wrap1 .login-btn.btn-primary { box-shadow: 0px 0px 5px var(--secondary-color); background: var(--secondary-color); margin-top: 50px; display: block; width: 100%;  border-color: #EC743A ; font-size: 14px !important;}
         .form-section-wrap1 .login-btn.btn-primary:hover,
         .form-section-wrap1 .login-btn.btn-primary:focus,
         .form-section-wrap1 .login-btn.btn-primary:active { 
             border-color: var(--secondry-light-color);
         }
         .form-section-wrap1 input[type="text"],
         .form-section-wrap1 input[type="password"] { background: #F9FCFF; border-color:#F9FCFF; box-shadow: none;  border-color: #eaf2fa; padding:6px 12px; font-size: 14px !important;width: 100%;
          max-width: unset !important;height: 34px;border: 1px solid #ccc; border-radius: 4px; line-height: 1.42857143; border-radius: 4px;}
         .form-section-wrap1 .form-section1 { margin: auto; padding: 0% 10% 5% 10%;}
         .image-section .client-logo1 {  padding: 25px 15px; background: rgba(255,255,255,0.2);}
         .image-section .client-logo1 img { max-width: 100%; max-width: 300px;}
         .form-section-wrap1 .form-group { margin-bottom: 15px;}
         .form-section-wrap1 a {  color: var(--primary-color); font-size: 14px;}
         .image-section .client-logo1 { position: relative; z-index: 1;}
         
         .form-section-wrap1 .client-logo1  { 
              padding:10% 14% 5%;
              padding-bottom: 0;
              text-align: center;
             border-top-left-radius: 15px;
             border-top-right-radius: 15px;
         }
         .form-section-wrap1 .client-logo1 img { max-width: 300px; width: 100%; }
         .form-section-wrap1 .form-group label { font-size: 13px;}
         .form-section1 .navigation { background: none}
         .form-section1 .navigation .taglib-icon { text-decoration: none; }
         .form-section1 .aui-field-element input:focus-visible {
            outline: none;
         }
		 
         .portlet-msg-error { margin: 5% 14% 0%;}
         .form-section-wrap1 .aui-form-validator-error-container .aui-field-element {
            width: 100%;
         }
		 fieldset.aui-fieldset {
			padding: 0 !important;
			margin: 0 !important;
			float: unset;
		}
		.aui-button-input-submit {
			width: 100%!important;
			background-color: #012386!important;
    		border-color: #121671!important;
			color: white!important
		}
		.aui-button-input-submit:hover,
		.aui-button-input-submit:focus {
			background: #012386!important;
		}
		.portlet-login .navigation {
			border: unset!important;
		}

/* ---- MSIL changes: scrolling banner (from second inline <style> block) ---- */

	.scroll-left {
	 height: 50px;	
	 overflow: hidden;
	 position: relative;
	 background: #264f95;
	 color: orange;
	 border: 1px solid orange;
	}
	.scroll-left p {
	 position: absolute;
	 font-size: 20px !important;
	 font-weight: bold;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	 line-height: 50px;
	 text-align: center;
	 /* Starting position */
	 transform:translateX(100%);
	 /* Apply animation to this element */
	 animation: scroll-left 15s linear infinite;
	}
	/* Move it (define the animation) */
	@keyframes scroll-left {
	 0%   {
	 transform: translateX(50%); 		
	 }
	 100% {
	 transform: translateX(-50%); 
	 }
	}

/*
 * Replacements for former inline style="" attributes in login.jsp.
 * !important keeps the same precedence the inline attributes had over the
 * rules above and in login.css.
 */

.form-section-wrap1 .form-section1,
.form-section-wrap1 .form-section12 {
	padding-top: 5% !important;
}

.otp-captcha {
	margin-top: 10px !important;
}

.otp-captcha .otp-captcha-row {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-top: 6px !important;
}

.otp-captcha .twoway-captcha-img {
	border: 1px solid #ddd !important;
}