@font-face {font-family:'IbmPlexSans';src:url(./loginResource.jsp?fileLoc=/images/fonts/IBMPlexSans-Regular.woff)
		format('woff'),url(./loginResource.jsp?fileLoc=/images/fonts/IBMPlexSans-Regular.woff2)
		format('woff2'),url(./loginResource.jsp?fileLoc=/images/fonts/IBMPlexSans-Regular.ttf)
		format('truetype')}
.page-title{width:100%;position:absolute;top:0px;font-family:IBMPlexSans;font-weight:bold;font-size:14px;color:#FFFFFF;letter-spacing:0.1px;text-align:left;line-height:18px;padding-top:14px;background-color:#161616}
.page-title-prefix{font-weight:normal}
.page-title-span{display:flex}
.title{padding:0px 0px 0px 16px}
.bg-picture{background-position:center;height:100%;width:100%;background-size:contain;z-index:-1;background-color:#161616;background-image:url(./loginResource.jsp?fileLoc=/images/LoginBackground.png);background-repeat:no-repeat}
.loginContent{width:100%;height:100%;background-color:#262626;visibility:visible;margin-right:2rem}
input{width:60%}
#footer{opacity:.9;padding-bottom:10px}
#tririgaLegal{margin:auto;font-family:'IbmPlexSans','Helvetica Neue',Arial,sans-serif;font-size:12px;color:#F4F4F4;letter-spacing:0.32px;line-height:16px;margin-left:2rem;margin-right:2rem}
#csiLegal{display:flex;flex-direction:row;justify-content:space-between;width:100%}
#csiText{width:calc(100% - 80px)}
#header{height:30px}
.horizontal-line{color:#525252;background-color:#525252;width:100%;border-color:#525252;margin-bottom:0px}
.csiImageLogo{height:26px;width:64px}
#footerWrapper{width:100%}
#main{display:flex;flex-direction:row;justify-content:space-between;background-color:#161616;width:100%;height:100%;padding-top:42px;margin-left:auto;margin-right:auto;position:fixed}
#loginLeft{display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 432px);height:calc(100% - 42px)}
#loginWrapper{max-width:432px;min-width:432px;height:100%;background-color:#262626;min-height:570px}
p{margin:0px}
@font-face {font-family:'IbmPlexSans';src:url(../../../../html/en/default/login/loginResource.jsp?fileLoc=/images/fonts/IBMPlexSans-Regular.woff) format('woff'),url(../../../../html/en/default/login/loginResource.jsp?fileLoc=/images/fonts/IBMPlexSans-Regular.ttf) format('truetype'),url(../../../../html/en/default/login/loginResource.jsp?fileLoc=/images/fonts/IBMPlexSans-Regular.woff2) format('woff2')}
.clear{clear:both}
html,body{margin:0px;height:100%;width:100%;background:#171717;overflow-y:hidden}
#iframeWrapper,iframe{width:100%;height:100%;border:none}
#loginBox{background-color:#525252;width:405px;height:390px;padding:30px;margin-left:auto;margin-right:auto;font-family:IbmPlexSans;font-size:12px;box-shadow:0px 10px 40px #cccccc;background-repeat:no-repeat;background-position:210px 130px}
#header{height:90px;width:100%}
#loginLogo{width:100%;height:23px;background-position:right;background-repeat:no-repeat}
#loginTitleAdminMain{margin-top:27px;font-family:IbmPlexSans;font-weight:normal;font-size:40px;color:#6d6e70;text-align:left}
#loginTitleAdminSub{margin-top:5px;font-family:IbmPlexSans;font-weight:normal;font-size:15px;color:#6d6e70;text-align:left}
.loginLogo{width:115px;height:18px;white-space:nowrap;background-repeat:no-repeat;top:16px;left:2px;position:absolute}
#loginForm{margin-top:32px;height:200px;padding-left:3px}
#loginForm form{margin:0px}
#loginForm .loginButton{color:white;background-color:#0f62fe;border:2px;width:95px;height:30px;font-family:'IbmPlexSans','Helvetica Neue',Arial,sans-serif;text-align:left;font-weight:595;margin:0 5px;font-size:14px}
#loginForm .loginLabel{color:#6d6e70;font-size:12px;font-family:IbmPlexSans}
#loginForm .clear{margin-top:15px;clear:both}

.loginField input{width:90%;height:30px;border:0;outline:0;color:white;background:#525252 !important;border-bottom:1px solid #606060}
.loginField input:focus{border-bottom:2px solid #0f62fe}
.loginFieldPasswrd input{width:90%;height:30px;border:0;outline:0;color:white;background:#525252 !important;border-bottom:1px solid #606060}
.loginFieldPasswrd input:focus{border-bottom:2px solid #0f62fe}
#loginForm .loginLabel1{color:white;font-size:12px;font-family:IbmPlexSans}
#loginForm .loginLabel2{color:#6d6e70;font-size:12px;font-family:IbmPlexSans}
.iframeDiv{height:100%}
#tririgaLegal a:link{color:#999999}
#csiImage{padding-top:10px;float:left;width:7%}
#cpyRightLink{color:#0062ff}
#masterFormatLink{
	color:#0062ff}
#messageOverlay{visibility:hidden;position:absolute;left:0px;top:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.5);z-index:1000}
#messageWrapper{margin-top:180px;margin-left:auto;margin-right:auto;width:300px;background-color:rgba(255,255,255,1)}
#messageWrapper #dialogMessageHeader{background-color:#003e68;color:white;font-size:1.4em;padding:15px;font-family:IbmPlexSans}
#messageWrapper #dialogBody{padding:15px;padding-bottom:0px;font-size:small;font-family:IbmPlexSans;color:#777777;text-align:left}
#messageWrapper .activeUser{color:#FFFFC2}
#messageWrapper #saMessage{font-size:small}
#messageWrapper #saMessageTitle{font-weight:bold}
#messageWrapper #dialogButtonWrapper{padding:15px;float:right}
#messageWrapper #msgButtonAffirm{color:#003e68;background-color:#ffffff;border:2px solid #003e68;height:30px;font-weight:bold;font-family:IbmPlexSans}
#loginError{float:right;color:#da1e28;font-weight:normal;font-size:small;width:250px;margin-top:30px;font-family:IbmPlexSans}
#loginSubmit{float:left}
#messageWrapper #msgButtonCancel{color:#003e68;background-color:#ffffff;border:2px solid #003e68;height:30px;font-weight:bold;font-family:IbmPlexSans}
#messageWrapper #msgButtonAffirm:hover{background-color:#dddddd}
#messageWrapper #msgButtonCancel:hover{background-color:#dddddd}
#loginForm #productionModeMessage{padding-top:7px;font-family:IbmPlexSans;font-size:12px;color:#d74352;text-align:center}
@media all and (max-width: 375px){
.bg-picture{display:none}
#main{background-color:#262626 !important}
#loginWrapper{min-width:320px}
.csiImageLogo{height:18px;width:44px;padding-left:1rem;padding-right:1rem}
}
@media all and (max-width: 864px){
.bg-picture{background-position:center;background-size:752px 564px;min-height:768px}
#loginWrapper{display:flex;flex-direction:column;height:calc(100% - 42px);justify-content:space-between}
#loginLeft #footerWrapper{display:none}
#loginWrapper #footerWrapper{display:flex;flex-direction:column}
#main{overflow-y:scroll}
#tririgaLegal p{margin-top:-16px}
}
.modal{position:fixed;z-index:9000;top:0;left:0;display:none;width:100vw;height:100vh;align-items:center;justify-content:center;background-color:rgba(22,22,22,.5);content:"";opacity:1;transition:opacity .24s cubic-bezier(0,0,.3,1),visibility 0ms
		linear}
.modal-container{width:var(--modal-container-width);height:var(--modal-container-height);position:var(--modal-container-position);transform:translateZ(0);transition:transform .24s cubic-bezier(0,0,.3,1);top:0;display:grid;overflow:hidden;max-height:100%;background-color:#fff;grid-template-columns:100%;grid-template-rows:auto 1fr auto;outline:3px solid transparent;outline-offset:-3px;transform-origin:top center;font-family:IbmPlexSans,"Helvetica Neue",Arial,sans-serif;font-size:14px;letter-spacing:0.32px;color:#161616}
.modal-header{padding-top:1rem;padding-right:3rem;padding-left:1rem;margin-bottom:0.5rem;grid-column:1/-1;grid-row:1/1}
.span-header{font-size:1.25rem;font-weight:400;line-height:1.625rem;letter-spacing:0;color:#161616}
.closeModal{position:absolute;z-index:2;top:0;right:0;overflow:hidden;width:3rem;height:3rem;padding:0.75rem;border:2px solid transparent;background-color:transparent;cursor:pointer;color:black;transition:background-color .11s cubic-bezier(.2,0,.38,.9)}
.span-close{font-size:1.5rem}
.closeModal:hover,.closeModal:focus{background-color:#e5e5e5}
.modal-content{position:relative;padding:1rem 1rem 2rem 1rem;font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto}
#tririgaCopyright,#tririgaCopyrightLeft{cursor:pointer}
:root{--modal-container-width:100%;--modal-container-height:100%;--modal-container-position:fixed}
@media all and (min-width: 20rem){
:root{--modal-container-width:90%;--modal-container-height:auto;--modal-container-position:static}
}
@media all and (min-width: 32rem){
:root{--modal-container-width:80%;--modal-container-height:auto;--modal-container-position:static}
}
@media all and (min-width: 42rem){
:root{--modal-container-width:60%;--modal-container-height:auto;--modal-container-position:static}
}
@media all and (min-width: 66rem){
:root{--modal-container-width:42%;--modal-container-height:auto;--modal-container-position:static}
}
@media all and (min-width: 82rem){
:root{--modal-container-width:36%;--modal-container-height:auto;--modal-container-position:static}
}