/*
 * SageStyles
 * Copyright © 1997-2013, SalesLogix, N.A., LLC. All rights reserved.
 * 
 * 
 */

/*Login and LogOut page styles   */

/* LOGIN / LOGOUT  */

#splashimg {
  width: 678px;
  height: 462px;
  z-index: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  position: relative;
}
#splashimg .inforTextbox {
  margin: 6px 0 3px 0;
}

#splashimg .inforSignInButton {
  margin: 18px 0 18px 0;
}

#splashimg .loginmsg {
  left: 6px;
}

#lblUserNameLabel,
#lblUserNameText {
  font-size: 16px;
  margin-bottom: 5px;
}

#splashCenterBox {
  width: 460px;
  height: 200px;
  z-index: 5;
  position: absolute;
  top: 155px;
  left: 100px;
}

#LoginForm {
  position: relative;
  top: 25px;
  left: -20px;
  width: 430px;
  z-index: 100;
  font: arial, verdana, sans-serif;
  color: #666666;
}
#LoginForm input[type="text"],
#LoginForm input[type="password"] {
  width: 147px;
  height: 20px;
}

.divider {
  width: 2px;
  height: 175px;
  position: relative;
  top: -180px;
  left: 278px;
}

#enhancementsNotInstalledOptions {
  background-image: url(../images/icons/enhancementsInstalled.png);
  background-repeat: no-repeat;
  height: 78px;
  position: absolute;
  top: -40px;
  left: 40%;
  min-width: 130px;
  cursor: pointer;
}

#enhancementsInstalledOptions {
  background-image: url(../images/icons/enhancementsInstalled.png);
  background-repeat: no-repeat;
  height: 78px;
  position: absolute;
  top: -40px;
  left: 40%;
  min-width: 130px;
  cursor: pointer;
}
#enhancementsNotSupportedOptions {
  background-image: url(../images/icons/enhancementsNotInstalled.png);
  background-repeat: no-repeat;
  height: 78px;
  position: absolute;
  top: -40px;
  left: 40%;
  min-width: 130px;
  cursor: pointer;
}
#enhancementsNotInstalled {
  /*background-image : url(../images/icons/enhancementsInstalled.png);
    background-repeat:no-repeat;
    height:78px;
	position:absolute;
	top:0px;
	left:350px;
	min-width:130px;
	cursor:hand;
	cursor:pointer;*/
}

#enhancementsInstalled {
  /*background-image : url(../images/icons/enhancementsInstalled.png);
    background-repeat:no-repeat;
    height:78px;
	position:absolute;
	top:0px;
	left:350px;
	min-width:130px;
	cursor:hand;
	cursor:pointer;*/
}

#enhancementsNotSupported {
  /*background-image : url(../images/icons/enhancementsNotInstalled.png);
    background-repeat:no-repeat;
    height:78px;
	position:absolute;
	top:0px;
	left:350px;
	min-width:130px;
	cursor:hand;
	cursor:pointer;*/
}

.enhancements {
  position: absolute;
  top: 26px;
  left: 45px;
  font-size: 11px;
  color: #333;
  width: 60%;
}

#ForgotPassword {
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#RememberMe {
  margin-left: -4px;
  font-size: 11px;
}
#ExtFeatures {
  position: relative;
  font-size: 11px;
}
#ExtFeatures .findoutmoretext {
  font-size: 11px;
  vertical-align: bottom;
  margin-left: 5px;
}
#ExtFeatures .enhanceButton {
  font-size: 12px;
}
#ExtFeatures .settings {
  padding-top: 3px;
  margin-bottom: 40px;
}
#ExtFeatures .clicktodownload {
  color: #777777;
  font-style: italic;
  font-size: 11px;
}

#VersionSection .info {
  top: 4px;
  position: relative;
}

.findOutMore {
  position: relative;
  top: -300px;
  left: 358px;
  font-size: 10px;
}

.findOutMoreOptions {
  position: relative;
  top: 38px;
  left: 42%;
  font-size: 10px;
}

.LoginBtn {
  color: #fff;
  text-decoration: none;
  font-weight: bolder;
  padding: 3px 8px;
  border: 0;
  border-radius: 5px;
  background: url(../images/icons/login_button.png) repeat-x center;
  min-width: 105px;
  height: 40px;
  margin-right: 10px;
  cursor: pointer;
}

.debugMode,
.failureTextStyle {
  color: #d5000e !important;
  font-size: 11px !important;
}
/*  End login logout page styles  */

/* Infor Sign In Dialog
----------------------------------*/
.inforSignInDialog {
  background-color: var(--body-color-primary-background);
  overflow: auto;
}

.inforSignInDialogControls {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.inforSignInDialogControls .inforTextbox {
  height: 26px;
  margin-bottom: 12px;
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 40px;
  display: inline-block;
  width: 159px;
}

.inforSignInDialogControls .inforTextbox::placeholder {
  opacity: 1;
  color: var(--input-color-initial-placeholder);
}

.inforSignInDialogControls .inforTriggerButton {
  height: 29px;
  width: 24px;
}

.inforSignInDialogControls .inforTriggerButton input {
  line-height: 25px;
}

.inforSignInDialogControls .inforSignInButton {
  height: 30px;
  margin-bottom: 18px;
  width: 206px;
}

.inforSignInDialogControls .selectedSingle {
  height: 30px !important;
}

.inforSignInDialogControls .selectedSingle > div {
  height: 29px !important;
}

.inforSignInDialogControls .selectedSingle span {
  margin-top: 6px;
  text-indent: 36px;
  text-align: left;
}

.inforSignInDialogControls .dropdown {
  height: 30px;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 1.2em;
  text-align: left;
  /*text-indent: 5px;*/
  line-height: 30px;
  width: 205px;
  color: var(--body-color-primary-font);
}

.inforSignInDialogControls .dropdown option {
  background-color: var(--body-color-primary-background);
}

.dropdown {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAQAAADB7vUKAAAAGklEQVQY02NgGCQg8j8qJKCEgCkELGIYlAAA7Ioa4cFU1v4AAAAASUVORK5CYII=")
    no-repeat right center transparent;
  cursor: pointer;
  height: 18px;
  margin-bottom: 4px;
  padding: 0 25px 0 5px;
  width: 173px;
  -webkit-appearance: none; /* Removes Chrome/Safari default dropdown list arrow styling*/
  -moz-appearance: none; /* Removes Firefox default dropdown list arrow styling*/
  background-color: var(--input-color-initial-background);
}

/* Removes IE default dropdown list arrow styling*/
select::-ms-expand {
  display: none;
}

.inforSignInDialogControls #Password,
#splashimg .inforTextbox {
  background-image: url("../images/InforSignIn/Password.png");
  background-repeat: no-repeat;
}

html[dir="rtl"] .inforSignInDialogControls #Password {
  background-image: url("../images/InforSignIn/Password.png");
  background-position: right center;
  padding-left: 0px;
  padding-right: 45px;
}

[data-theme-mode="dark"] .inforSignInDialogControls #Password,
#splashimg .inforTextbox {
  background-image: url("../images/InforSignIn/PasswordWhite.png");
  background-repeat: no-repeat;
}

.inforSignInDialogControls #UserName,
#UserId,
#UserEmail {
  background-image: url("../images/InforSignIn/User.png");
  background-repeat: no-repeat;
}

html[dir="rtl"] .inforSignInDialogControls #UserName {
  background-image: url("../images/InforSignIn/User.png");
  background-position: right center;
  padding-left: 0px;
  padding-right: 45px;
}

[data-theme-mode="dark"] .inforSignInDialogControls #UserName,
#UserId,
#UserEmail {
  background-image: url("../images/InforSignIn/UserWhite.png");
  background-repeat: no-repeat;
}

.inforSignInDialogControls #serverName-shdo {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQAQMAAAA26i3WAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAAB5JREFUeNpjYGBgZKj/wcjw/w8Cg8SQ+djEQHqAYgDkwhbNYhkFGQAAAABJRU5ErkJggg==")
      no-repeat scroll 8px 7px,
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAJklEQVQoz2NgGAVwMHPmzP/Y8KxZs8A0RYaQ7RKQ7RR5ZzRiiQMA1Ek3z+guqYYAAAAASUVORK5CYII=")
      no-repeat scroll right center #fff;
}

html[dir="rtl"] .inforSignInDialogControls #serverName-shdo {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAQCAQAAADZ/GXvAAAAL0lEQVQ4y2M485+BcoDdkDP/sUMSDMFlBE5jBrchVAnYYRYmowFLszChQgYkFQAAs2dCzFAhVXEAAAAASUVORK5CYII=")
      no-repeat scroll right 7px,
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAJklEQVQoz2NgGAVwMHPmzP/Y8KxZs8A0RYaQ7RKQ7RR5ZzRiiQMA1Ek3z+guqYYAAAAASUVORK5CYII=")
      no-repeat scroll 4px center #fff;
}

.inforSignInDialogControls #ddlLanguageSelect {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAiElEQVR42mNgoAE4c+bMfwa6GQwULAfi3VBcTk2D34EkoPgdVQwGCqQhGQrDadQweDfUsJlQDGLvpshgIEcJyZWhUAzjK1FicAd6uCKFdwclBmMYgs0ykgxGi7QzSMntDDmRiGzwbiypAR3vJslgtEgDpQQXNNxBaiTCDMarEc3ijsFXVgx6gwF9jTDvV7djFgAAAABJRU5ErkJggg==")
      no-repeat scroll 11px 7px,
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAJklEQVQoz2NgGAVwMHPmzP/Y8KxZs8A0RYaQ7RKQ7RR5ZzRiiQMA1Ek3z+guqYYAAAAASUVORK5CYII=")
      no-repeat scroll right center var(--input-color-initial-background);
}

[data-theme-mode="dark"] .inforSignInDialogControls #ddlLanguageSelect {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAC6XpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHja7ZdbstwoDIbfWUWWgCSEYDlcq7KDWX5+MO3TfXJmktTMy1S1KQMWsiTrE3S1G399n+4bLjIfXVBLMcfocYUcMhdMkr+uvHvyYffXQzxr9Cp3Z/SeIRKMcj1aOfoFcv144eGD6qvcpbPC6Rii2/C+ZHle8/4cJOR8ySkcQ3lck5iTPYdaj6F2FHco5w53WNewnt2LwJClrnAkzENI/O7DFYGsm6VglN0T9EjinnuHIUg8xpCQl8+7E+ifE/SS5MfMfc5+LV8nn8vRkE+5PBQdJl8ukH6Sy+2fnx3LHRG/LphsqK+fc+45e5pzXF9XQkRG46monWx6mIFiRcplvxbRULEwmzCultGSL74BeffNV7RGmRhUpqNAnQpNGnts1BBi4MGGkbmxbFkS48xtsQIcNJpskqVLAsnGwwFlEL5joe03b3+NEjx3gioTjNHG/zfN/dPinzQ3Z1spopXMeiFGXLzqGmEscquHFoDQPNx0J/jRDn7/VFgoVRDUneaEDyy+Xiaq0kdtyea86CrGawuRs34MIEXwrQiGBAR8JFGK5I3ZiJDHBEAFkbMEriBAqtwRJAeRyM448fKNd4y2LitHXmKcTQCh2E0GNlkKYIWgqB8LCTVUVDSoalTT5DRriRJD1BijxXXIFRMLphbNLFm2kiSFpCkmSynlVDJnwRmoOWbLKedcCrsCRwW2CvQLJJWr1FC1xmo11VxLQ/m00LTFZi213ErnLh3HRI/deuq5l0Fu4KQYYeiIw0YaeZSJWpsyw9QZp8008yw3tUP1p/YH1OhQ401q6dlNDVJn9jBB6zjRxQzEOBCI2yKAgubFzCcKgRe5xcxnxqZQRpC62LhOixgQhkGsk252H+R+i5vT9Fvc+Ffk3EL3X5BzQPczty+o9XUEt03s2oUrp16w+6BTODnc3qP7t+Pb0NvQ29Db0NvQ/9yQTPxq4N+L+wFPmiA0OBnixwAAAYRpQ0NQSUNDIHByb2ZpbGUAAHicfZE9SMNQFIVPU0WRioNBRBwyVCcLolIcpYpFsFDaCq06mLz0D5o0JCkujoJrwcGfxaqDi7OuDq6CIPgD4ujkpOgiJd6XFFrEeOHxPs675/DefYDQqDDN6poENN02U/GYlM2tSj2vCCIAEVEMycwyEunFDHzr6556qe4iPMu/78/qV/MWAwIS8RwzTJt4gzi6aRuc94lFVpJV4nPiCZMuSPzIdcXjN85FlwWeKZqZ1DyxSCwVO1jpYFYyNeIZ4rCq6ZQvZD1WOW9x1io11ronf2Eor6+kuU5rFHEsIYEkJCiooYwKbERo10mxkKLzmI9/xPUnyaWQqwxGjgVUoUF2/eB/8Hu2VmF6yksKxYDuF8f5GAN6doFm3XG+jx2neQIEn4Erve2vNoDZT9LrbS18BAxsAxfXbU3ZAy53gOEnQzZlVwrSEgoF4P2MvikHDN4CfWve3FrnOH0AMjSr5Rvg4BAYL1L2us+7ezvn9m9Pa34/iOxysHioS68AAAAGYktHRAAEAAQABAyncXoAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfmAwEVAC417iPeAAAAtElEQVQ4y9WU0Q3CMAxEX1AXgBHKKlmhK3QFVggrdAVGCKvACGEE8+MKU6UiKeSDk6w4VnQ+nZM4EaEBZEcjdJnaCfCaX4HzFmKXsSIBe80fwOEXVoyGFM3HLYqXxIOuk4atVWoWmaOXFwaNGb05VxJvm6AkydSS1sI3xDmSXLMi4i4zNA9EMzw7xKnW4yifEWsUOxHpgZu5DZdFb6+PBuAI3Ev0Wh/Xpm9vS6hR/F+fUDPiJ12CiKcOyHm/AAAAAElFTkSuQmCC")
      no-repeat scroll 11px 7px,
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAJklEQVQoz2NgGAVwMHPmzP/Y8KxZs8A0RYaQ7RKQ7RR5ZzRiiQMA1Ek3z+guqYYAAAAASUVORK5CYII=")
      no-repeat scroll right center var(--input-color-initial-background);
}

.inforSignInDialogControls #ddlRegionSelect {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QIXDy8wmVsRPQAAAV5JREFUOMu11EFvE0EMBeDPu1tK2vRCeqsUVdxA4sCF//8DckSVEJc2FxS1QRSUppTsDIdZ6KKGkq2Eb2N5/Gw/+/EfbTab5abvqGgyx3iBUedeZ5YVy8RmKMhvgGCCKZ4h9WIOgyOc1Fy0LIcAVL3kp7kApi1xCbeJl3WJ3R2goolSefVIXJ04C1aZadXr/J8AmeNcxrLNMlbBZfc4z+ylAV00HaEPKkYEXxNnuXPucbvhGpPMYleAkULcPg66rfkYZe5/8HFHCr4b2EHgLrh5ZFRPtgZrjBIfsAjeBW874G943/8Q7OfyZzeAzFUwDQ4yN8Eml+Q58zx41ZENkRljPmRNr4I2c6qQMAs+3xdsrBzaEcbBjxhwbFWiDS6Cw4rXqzKCv0lCSsyHSEYDLcu6zGGKNx4mqKNc8tx9d8O0qC2Cdp2ZdNLx67LX+IQvPS6GA3SCs8Fi2xHlJ67pT8fncEGe0VTFAAAAAElFTkSuQmCC")
      no-repeat scroll 11px 7px,
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAJklEQVQoz2NgGAVwMHPmzP/Y8KxZs8A0RYaQ7RKQ7RR5ZzRiiQMA1Ek3z+guqYYAAAAASUVORK5CYII=")
      no-repeat scroll right center var(--input-color-initial-background);
}

[data-theme-mode="dark"] .inforSignInDialogControls #ddlRegionSelect {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAHwnpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjatZdrdiyhDYT/s4osAQTisRye52QHWX4+9fSM7Wtfx85J3J7pHqBBqEol4fa//nncP/iTFMQlLTW3nD1/qaUmnYfqH3/t+g4+Xd+PH8++8LHd3XfvhabIPT5+ln6P77Tr2wuvecbHdlfvHqn3RM+Z7wmjrSw8rPdG0i6P9pDuidp+PORWy3tThzzu8x54mXJ/Yrmmfk1iv937hlTw0lJGRZEdQ/TXd3pYEO0jsXOP13dgXIj5ei6OW4z1tgSHfNjey4H+vYM+OPn55P70fu9fO1/6PSL+4ct8+4iHLzuCfu38y8XvFo4vi+SPjvxC+JOTz1n1nP3YXU8Zj+abUd49vWPvMHDg8ni9lrkKH+W5XFfjqr77CTjLTz+4ZmhBQOW4kMIKPZywr/sMExOTbCncRabEq63GIk2mYRWTXeFIiS2uWEFyynZglqK8bAnXuu1abxIOy6/AUAlMFi74/3K57zp/c7lzprkomDP7A2LsEmMuZhhy9s0oAAnnxk0vBz+vG37/jlhQFQT1cnNlg92PxxRDwxu34oVzZJxyf0RFcGXdE+Ai1laMCREEfA5RQw6+iJQQ8GMFoI7lEpMMEAiqsjBSUoxZXJEqtjbvlHCNFZUs1ow2AYQSTQVsWuyAlZLCn5IqHOoaNalq1qLVadOeY05Zc84lm8j1EksqWnIppZZWeo01Va25llprq71Ji2igttxKq6213sV1FurM1RnfaRky4khDRx5l1NFGn9BnpqkzzzLrbLMvWXEhEyuvsupqq+/gNkqx09add9l1t90PXDvxpKMnn3Lqaae/ULtR/XT9ArVwoyYXUjauvFCj1ZXynCKYnKhhBmIkBhAvhgCEFsPM15CSGHKGmW9CUKhgpBo2bgVDDAjTDqInvLB7Q+5HuDmtP8JN/hNyzqD7XyDngO4zbl+gtkyC54XYIwrNpz4SfYzpUh0folXqfUeZYhvLa/Rr4pc6hYSmjZ7eRis+dllSVm9nhVy9rBU0nb0IkdLlbE107nSSntnp30r/1DXbruM00Pn4ro69/KEPjCLGLWdp195PuW5tw5ewBI9Z6jU7f3x3fx2Qx6gpAE3Ppe2xAaydvf3pS60wSPgA6VgxTbi73VFMwKo4BwIxluQd0jKPhRJTzu2aFbI3qNvzQviDAHhcwCKqOC3AjuauTSeFujnOsBtebvADeApE0HDWPlN6TmfswarMk/cXm3D1N+7oYx4AL7MsaWXOAkVwKUsvV0fdZdjebNFx6oL+XWsLE+8sqzAwQ7+7k8jY2lASGNvKVbW1IolpjTmad0sgT4isjH9nSkxeMYqgO9r7qhMnegRZey3HUcV04nkNhs+kEkvLIGXKASc0jIEig8pS+dY893WHAgr/XRqxU80jizkfjgfP8Xk+96EB9gBzbj2UviIMp45qHWOptzz8j2fuzpyrxrNSfzTYxOgR/K7GMZWavJTaR2PQDOaGuU5JwAJD/CTUKUDJRt13SAI1bf+QZQ6iWh1Brn0ZqCsHGrT9PjxYpTskR7tOe31iBZuDvEQouuVf7qAkyvePVHmzbR7aVgSs7AF02qlqgTh3PWI1ClMh+8sil/fQrLNyOzZgLbIvjRslAdCD5uvlWuoGc4HzRhOfz2Duprn2mqlj0iwwM+U1SzayoA29ZFOp4y2opqJ14EEULx2dPgeXsO+shZffVvnpPSDYvchJ+AjKxA70FGl19dzSxbwUMcFD7nZFAPs8z/hNvQL7WKfiJ5sTyVTSkZ1l/Fmm0ib8oZZtKq1pvTfAIhFkNa9jmavniTj1dckUrlvRhbEPrGgVh5nGlsEb+tyspo0jng7f38Su+1tHvmkQCY96UCq5VtHLrnudou34QfJq4t3JiPoE532AjV00CPoYXvNIZWIhE+ZelRpRgC4uywZ4hPydr+wTBKk1FjWyYRNbEoq+h3WuusnPefZGjaxpHIS7mKP7FSAQlPwyEh0OJMhi4dOIZSGn8UCwDE+gul5GVysjCoVK82oqf0Uiyc6R9agp+KXJDlRBPtrUiXw77Zmizu8EyaW/ChKWBA4bweSoz70yc+NOGNKajlLJTLjPojNRe7gBQSBNGxOJTYqxvU6VnVAkO1fiBNIOMtWqpStS7OEUcaWUtjhqpIA8U1m5S/hV6RSqDCF0kbLW3xIBQbluWna//ZL9SnxrVHSzwtbaKf2KpcRs0NnWqGtagPoUbHAR4qLkxD6Ce1qyGoHyg6NTmJfXTNWpTcDWhQvW34cruyhECVUPYlg7PhIr41swZeuRgmWZytbe9zycfhOF4DI++lXHRdj5FNpaJNe1KX5MWZxkI/TsOZ8cL102Cbd8+YWswmQ70lA97GPVhDyKCRV4JMTsjpYTqU4ps44mqUegIt6GT1Z+cY65hGZ9s1v3E3dMQmv07Tnim0SMWTPlBFXxJfwWl6LOyIOy5hRIh+951/qkxjQJPrYD05AK/2JQGSnj5IHy4C7CmojnKFoM0kCpDQ8tMyQqvJmtAGQCAN+PEX5OOJMWxS3V4inkXbGUQSa7ZnRWhzCp2Zq6COUvRsc8X4bNoCNYonwsONlloJSqVkpxdubgG/jhHYINyBylCQDImD/UuL+4u//2xf/DRGjWofL/N9meqOzFKHkdAAABhGlDQ1BJQ0MgcHJvZmlsZQAAeJx9kT1Iw1AUhU9TRZGKg0FEHDJUJwuiUhylikWwUNoKrTqYvPQPmjQkKS6OgmvBwZ/FqoOLs64OroIg+APi6OSk6CIl3pcUWsR44fE+zrvn8N59gNCoMM3qmgQ03TZT8ZiUza1KPa8IIgARUQzJzDIS6cUMfOvrnnqp7iI8y7/vz+pX8xYDAhLxHDNMm3iDOLppG5z3iUVWklXic+IJky5I/Mh1xeM3zkWXBZ4pmpnUPLFILBU7WOlgVjI14hnisKrplC9kPVY5b3HWKjXWuid/YSivr6S5TmsUcSwhgSQkKKihjApsRGjXSbGQovOYj3/E9SfJpZCrDEaOBVShQXb94H/we7ZWYXrKSwrFgO4Xx/kYA3p2gWbdcb6PHad5AgSfgSu97a82gNlP0uttLXwEDGwDF9dtTdkDLneA4SdDNmVXCtISCgXg/Yy+KQcM3gJ9a97cWuc4fQAyNKvlG+DgEBgvUva6z7t7O+f2b09rfj+I7HKweKhLrwAAAAZiS0dEAAQABAAEDKdxegAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+YDARUHJnR0PSsAAAHPSURBVDjLtZSxihRBEIarumq3sZ05bhsTMViQC1cuucRQwRc48QUUTHwFQTa5hzDwAU4OM0PzE8FEM0EFA0EYzt2ZYnunu8tkhUFGmQGvs4aq+uuvoj5UVbjEp9z9iciibduTlNJhzrkAADDG1Mz8jpmfOec+jFXA3w7W6/XzEMKxqk4BIP0RR4jYWmvPyrJ8PNrBrvh9VTU9xQEAkjGm3mw2DwAAxogYEVnsOjf/iGPv/ZyIViGEYxFZDBZo2/ZkN5Zei0S0YuYvAADT6XSpqhxjXA4WSCkd9nWsqkxE4r2fz2azW7uFvyaiHzHGo6ECnHMumPmbqu6llK4SkVhrHwFAhYhVN9g593273V7EGG8OdqCqiIg/iegjIqb/fQhMRJJzvua9vy0iB3Vdv08pvVRVYOaVc+5GNyHnvG+MqQcLMPN5COFuXdcPi6J40TRNBABERE0pXamq6jMA5M7O9q21bwYfWtM0ByJyboypvfdzESlCCG9jjNd7ExCjc+7OwKtW45z7ZK09SyntVVX1VVXvIWLzl+LZWns6Bhl9qCBETKpK3VEi4sZae1qW5ZMxqMAuTUVkEWNcxhiPurCbTCaviOipc64eS1O8bFz/Ajhp/ml77Vj7AAAAAElFTkSuQmCC")
      no-repeat scroll 11px 7px,
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAJklEQVQoz2NgGAVwMHPmzP/Y8KxZs8A0RYaQ7RKQ7RR5ZzRiiQMA1Ek3z+guqYYAAAAASUVORK5CYII=")
      no-repeat scroll right center var(--input-color-initial-background);
}

.inforSignInDialogControls #company-shdo,
.inforSignInDialogControls #company-shdo {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQAQMAAADH4XZbAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAACBJREFUeNpjYGBgYqj/AcEpMyAYF7vmBwL//8PEANQLADYXEjzaZMydAAAAAElFTkSuQmCC")
      no-repeat scroll 8px 7px,
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAJklEQVQoz2NgGAVwMHPmzP/Y8KxZs8A0RYaQ7RKQ7RR5ZzRiiQMA1Ek3z+guqYYAAAAASUVORK5CYII=")
      no-repeat scroll right center #fff;
}

.inforAspCheckBox {
  display: inline-block;
  min-width: 31px;
}

.inforAspCheckBox label {
  margin-right: 0;
}

.inforSignInDialogControls .inforCheckboxLabel,
.inforAspCheckBox label {
  float: none;
  display: inline-block;
  padding-left: 0;
  text-align: center;
  vertical-align: middle;
  width: auto;
  font-size: 12px;
}

.slx-grid .inforAspCheckBox {
  position: relative;
}
.slx-grid .inforAspCheckBox label {
  position: absolute;
  left: 4px;
}

.inforSignInDialogControls .inforMessage {
  font-size: 12px;
}

.inforSignInDialogControls #environment-shdo {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAAAAADYRLvEAAAAAnRSTlMAAHaTzTgAAAAlSURBVHgBY8AOzpAsfgYFECOO0E17cbLcSTgcwEoxxRFmEDQHAOs5UUmcEr9uAAAAAElFTkSuQmCC")
      no-repeat scroll 8px 7px,
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAJklEQVQoz2NgGAVwMHPmzP/Y8KxZs8A0RYaQ7RKQ7RR5ZzRiiQMA1Ek3z+guqYYAAAAASUVORK5CYII=")
      no-repeat scroll right center #fff;
}

.inforSignInDialogControls #ResetPasswordLabel {
  display: inline-block !important;
  margin-top: 10px;
}

.inforHyperlink {
  color: #13a3f7;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  font-size: 12px;
  cursor: pointer;
}

.inforHyperlink.heading {
  font-size: 1.3em;
  line-height: 14px;
}

.inforHyperlink:visited {
  color: #13a3f7;
}

/* Mouse Over States is Same as the focus */
.inforHyperlink:hover,
.inforHyperlink:focus {
  color: #1293de;
  text-decoration: underline;
}

.inforHyperlink:focus {
  outline: thin dotted #1293de;
  outline-offset: 2px;
}

.inforHyperlink[disabled]:hover {
  color: #777;
  cursor: default;
  text-decoration: none;
}

.inforHyperlink:active {
  color: #118bd1;
}

.inforHyperlink[disabled] {
  color: #777;
}

.inforHyperlink .inforLabel {
  font-size: 1em;
}

.inforSignInDialog .inforLogo {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAA+VBMVEXUAA7////++/v99fbbKTXaIi7ncnr99PXtkpj87u/bJzP409X++fn86+zXER7++vr41tjWDRr2x8rbKDTpf4b//f3WDhvxrrL98fLVAxHWCxjsjJL88PHpfYT1wsX53d/2zM/jWmP++Pjnb3fWChf41Nb41dfskZfYGSb75+jsjpTvn6T419n0wMP1xMfpeoH+9/ffQkzlYmv76uv63+HkYGnumJ72y87fRE7ncHjncXn98/TXEh/cMDvaIS352tzod37ZICzri5HWDBnsjZPlZG3VCBbUAQ/30tTcLzrVBhT1xcjum6DaIy/xrbLxq7D30dTodHzoeH/i491VAAABNklEQVR4Xu2T5W7EMBCEvQ7nmKHMzMzM3Pd/mK6da5xrNzor/Vd5NYp3VqNPySZhpoyMjP6fppfIcafY1QPYOfg93Bz3AEALsGMRwQkA0AWQwepfAYGY5o9Y5ioh4Dg9oH9b+llxOV0sW9byZfEHILzOed7snK3S8/52iQBMTYKsmWYf4IBHYz7ynXYW0BKAWGuxxYCr5ue99AoMAKwmAE4ej6DVCtDxUOXWKYDlbtTF+rcSgCH0VdxKcxTtbg+wt3/FKMAhujq6RmIH7+hPRGNjMxblziroKcAFOkdaBRgGaEe5Qky+YSmAW3R3jcEAJw0gLe+392gfRBOqR3hMAxBWLvEJl1gRS3xWOW3Ai3yNr28FPHgtA4B9QFyfLAuAuepTzgZgNR//sbJvqzRVRkZGRkamvgBaQxF8NowOUgAAAABJRU5ErkJggg==");
  background-position: center center;
  height: 64px;
  left: 0;
  margin: 64px auto 24px;
  position: relative;
  width: 64px;
}

.inforSignInDialog .inforApplicationName {
  color: var(--body-color-primary-font);
  font-size: 3.2em;
  position: inherit;
  margin-bottom: 28px;
}

.inforSignInDialog .errorText {
  color: var(--ids-color-palette-ruby-50);
  display: inline-block;
  font-size: 12px;
  left: 9px;
  line-height: 16px;
  padding: 10px 0;
  position: relative;
  text-align: center;
  top: -3px;
}

.inforSignInDialog .inforHyperlink {
  display: inline-block !important;
}

html[dir="rtl"] .inforSignInDialogControls .inforLogo {
  margin: 70px auto 40px;
  background-position: center center;
  right: 0;
}

html[dir="rtl"] .inforSignInDialogControls .dropdown {
  padding: 0 30px;
}

html[dir="rtl"] .inforSignInDialogControls .inforLabel,
html[dir="rtl"] .inforSignInDialogControls .label {
  float: none;
}

html[dir="rtl"] .inforSignInDialogControls .dropdown {
  padding-left: 19px;
  padding-right: 42px;
  text-align: right;
}

html[dir="rtl"] .inforSignInDialogControls + .dropdown-list {
  width: 205px !important;
}
/*  End Infor Sign In / Sign Out page styles  */

#signInDialogs {
  /*button, label, p, span.inforLabel, span.inforTopLabel, span.inforCheckboxLabel*/
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.2em;
}

.inforFormButton {
  background-color: var(--slx-header-color);
  border-radius: 2px;
  color: #fff;
  padding: 4px 8px;
  margin: 2px 0px 0px;
  outline: medium none;
  height: 22px;
  overflow: hidden;
  font-family: var(--button-font-family);
  white-space: nowrap;
  line-height: 14px;
  min-width: 50px;
  cursor: pointer;
  border: medium none;
  width: auto;
}
.inforFormButton.default {
  background-color: var(--slx-header-color);
}
.inforFormButton[disabled],
.inforFormButton.disabled,
.inforFormButton[disabled]:hover,
.inforFormButton.disabled:hover,
.inforFormButton[disabled]:active,
.inforFormButton.disabled:active {
  background: none repeat scroll 0px 0px #e0e0e0 !important;
  color: #808080;
  box-shadow: 0px -1px #e0e0e0 inset;
  cursor: default;
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.3);
}
.inforFormButton.default[disabled],
.inforFormButton.default.disabled {
  box-shadow: 0px -1px #e0e0e0 inset !important;
}
.inforFormButton.default {
  background-color: var(--slx-header-color);
}

.inforFormButton.default:hover {
  background-color: var(--slx-subheader-color);
}

.inforFormButton.default:active {
  background-color: var(--slx-subheader-color);
}
.inforFormButton .arrowLeft {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAYAAABCm8wlAAAANklEQVR42mNgwAL+///PBcSsQMyETRIOaCD599//taTpRFf059//HQQVEWUSVRQxAjEnEDMDAHLsfQFaz6jaAAAAAElFTkSuQmCC");
  background-position: 0 center;
  background-repeat: no-repeat;
  height: 13px;
  padding-left: 13px;
  position: relative;
  right: 0;
  width: auto;
}

.inforFormButton .arrowRight {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAYAAABCm8wlAAAAMUlEQVR42mP4//+/KhALgzADLvAfCdBB0Z9//3dQZtLff//X4pTEq5MiSUEozYjNwQDyjHpDylEGFQAAAABJRU5ErkJggg==");
  background-position: right center;
  background-repeat: no-repeat;
  height: 13px;
  left: 3px;
  margin-right: 2px;
  padding-right: 14px;
  position: relative;
}
html[dir="rtl"] .inforFormButton .arrowRight {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAYAAABCm8wlAAAANklEQVR42mNgwAL+///PBcSsQMyETRIOaCD599//taTpRFf059//HQQVEWUSVRQxAjEnEDMDAHLsfQFaz6jaAAAAAElFTkSuQmCC");
  padding-left: 13px;
  padding-right: 0px;
  background-position: 1px center;
  right: 3px;
}

html[dir="rtl"] .inforFormButton .arrowLeft {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAYAAABCm8wlAAAAMUlEQVR42mP4//+/KhALgzADLvAfCdBB0Z9//3dQZtLff//X4pTEq5MiSUEozYjNwQDyjHpDylEGFQAAAABJRU5ErkJggg==");
  background-position: right center;
  padding-left: 0;
  padding-right: 13px;
}

*::-moz-selection {
  background: none repeat scroll 0% 0% #005ce6;
  color: #fff;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: var(--ids-font-family-base);
  font-size: 62.5%;
  color: var(--body-color-primary-font);
  height: 100%;
  overflow: hidden;
  background-color: var(--body-color-primary-background);
}

.inforCheckbox,
.inforCheckboxList input,
.inforAspCheckBox input {
  border: 0px none;
  height: 0px;
  margin: 0px;
  outline: 0px none;
  overflow: hidden;
  padding: 0px;
  opacity: 0;
  width: 0px;
  cursor: pointer;
}

.inforCheckbox + .inforCheckboxLabel:before,
.inforCheckbox + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckboxList label:before,
.inforCheckboxList input[type="hidden"] + label:before,
.inforAspCheckBox label:before,
.inforAspCheckBox input[type="hidden"] + label:before {
  background-image: url("./images/check_off.png");
  background-position: 1px 0;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  height: 21px;
  vertical-align: middle;
  width: 24px;
}

[data-theme-mode="dark"] .inforCheckbox + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox + input[type="hidden"] + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckboxList label:before,
[data-theme-mode="dark"] .inforCheckboxList input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforAspCheckBox label:before,
[data-theme-mode="dark"] .inforAspCheckBox input[type="hidden"] + label:before {
  background-image: url("./images/check_off_darkmode.png");
}

.inforCheckbox.isPartial + .inforCheckboxLabel:before,
.inforCheckbox.isPartial + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckboxList .isPartial + label:before,
.inforCheckboxList .isPartial + input[type="hidden"] + label:before,
.inforAspCheckBox .isPartial + label:before,
.inforAspCheckBox .isPartial + input[type="hidden"] + label:before {
  background-image: url("./images/check_partial.png");
}

.inforCheckbox.isPartial:focus + .inforCheckboxLabel:before,
.inforCheckbox.isPartial:focus
  + input[type="hidden"]
  + .inforCheckboxLabel:before,
.inforCheckboxList .isPartial:focus + label:before,
.inforCheckboxList .isPartial:focus + input[type="hidden"] + label:before,
.inforAspCheckBox .isPartial:focus + label:before,
.inforAspCheckBox .isPartial:focus + input[type="hidden"] + label:before {
  background-image: url("./images/check_partial_focus.png");
}

.inforCheckbox:checked + .inforCheckboxLabel:before,
.inforCheckbox:checked + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckbox.isPartial:checked + .inforCheckboxLabel:before,
.inforCheckbox.isPartial:checked
  + input[type="hidden"]
  + .inforCheckboxLabel:before,
.inforCheckboxList input:checked + label:before,
.inforCheckboxList input:checked + input[type="hidden"] + label:before,
.inforCheckboxList .isPartial:checked + input[type="hidden"] + label:before,
.inforAspCheckBox input:checked + label:before,
.inforAspCheckBox input:checked + input[type="hidden"] + label:before,
.inforAspCheckBox .isPartial:checked + input[type="hidden"] + label:before {
  background-image: url("./images/check_on.png");
}

[data-theme-mode="dark"] .inforCheckbox:checked + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox:checked + input[type="hidden"] + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox.isPartial:checked + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox.isPartial:checked
  + input[type="hidden"]
  + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckboxList input:checked + label:before,
[data-theme-mode="dark"] .inforCheckboxList input:checked + input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforCheckboxList .isPartial:checked + input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforAspCheckBox input:checked + label:before,
[data-theme-mode="dark"] .inforAspCheckBox input:checked + input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforAspCheckBox .isPartial:checked + input[type="hidden"] + label:before {
  background-image: url("./images/check_on_darkmode.png");
}

.inforCheckbox.isChecked + .inforCheckboxLabel:before,
.inforCheckbox.isChecked + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckbox.isPartial.isChecked + .inforCheckboxLabel:before,
.inforCheckbox.isPartial.isChecked
  + input[type="hidden"]
  + .inforCheckboxLabel:before,
.inforCheckboxList .isChecked + label:before,
.inforCheckboxList .isChecked + input[type="hidden"] + label:before,
.inforCheckboxList .isChecked + label:before,
.inforCheckboxList .isPartial.isChecked + input[type="hidden"] + label:before,
.inforAspCheckBox .isChecked + label:before,
.inforAspCheckBox .isChecked + input[type="hidden"] + label:before,
.inforAspCheckBox .isChecked + label:before,
.inforAspCheckBox .isPartial.isChecked + input[type="hidden"] + label:before {
  background-image: url("./images/check_on.png");
}

.inforCheckbox:focus + .inforCheckboxLabel:before,
.inforCheckbox:focus + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckbox.focus + .inforCheckboxLabel:before,
.inforCheckbox.focus + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckboxList input:focus + label:before,
.inforCheckboxList input:focus + input[type="hidden"] + label:before,
.inforCheckboxList input:focus + label:before,
.inforCheckboxList .focus + input[type="hidden"] + label:before,
.inforAspCheckBox input:focus + label:before,
.inforAspCheckBox input:focus + input[type="hidden"] + label:before,
.inforAspCheckBox input:focus + label:before,
.inforAspCheckBox .focus + input[type="hidden"] + label:before {
  background-image: url("./images/check_off_focus.png");
}

[data-theme-mode="dark"] .inforCheckbox:focus + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox:focus + input[type="hidden"] + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox.focus + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox.focus + input[type="hidden"] + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckboxList input:focus + label:before,
[data-theme-mode="dark"] .inforCheckboxList input:focus + input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforCheckboxList input:focus + label:before,
[data-theme-mode="dark"] .inforCheckboxList .focus + input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforAspCheckBox input:focus + label:before,
[data-theme-mode="dark"] .inforAspCheckBox input:focus + input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforAspCheckBox input:focus + label:before,
[data-theme-mode="dark"] .inforAspCheckBox .focus + input[type="hidden"] + label:before {
  background-image: url("./images/check_off_hover_darkmode.png");
}

.inforCheckbox:checked:focus + .inforCheckboxLabel:before,
.inforCheckbox:checked:focus + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckbox:checked.focus + .inforCheckboxLabel:before,
.inforCheckbox:checked.focus + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckboxList input:checked:focus + label:before,
.inforCheckboxList input:checked:focus + input[type="hidden"] + label:before,
.inforCheckboxList input:checked.focus + label:before,
.inforCheckboxList .checked.focus + input[type="hidden"] + label:before,
.inforAspCheckBox input:checked:focus + label:before,
.inforAspCheckBox input:checked:focus + input[type="hidden"] + label:before,
.inforAspCheckBox input:checked.focus + label:before,
.inforAspCheckBox .checked.focus + input[type="hidden"] + label:before {
  background-image: url("./images/check_on_focus.png");
}

[data-theme-mode="dark"] .inforCheckbox:checked:focus + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox:checked:focus + input[type="hidden"] + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox:checked.focus + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox:checked.focus + input[type="hidden"] + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckboxList input:checked:focus + label:before,
[data-theme-mode="dark"] .inforCheckboxList input:checked:focus + input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforCheckboxList input:checked.focus + label:before,
[data-theme-mode="dark"] .inforCheckboxList .checked.focus + input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforAspCheckBox input:checked:focus + label:before,
[data-theme-mode="dark"] .inforAspCheckBox input:checked:focus + input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforAspCheckBox input:checked.focus + label:before,
[data-theme-mode="dark"] .inforAspCheckBox .checked.focus + input[type="hidden"] + label:before {
  background-image: url("./images/check_on_hover_darkmode.png");
}

.inforCheckbox.isChecked:focus + .inforCheckboxLabel:before,
.inforCheckbox.isChecked:focus + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckboxList .isChecked:focus + label:before,
.inforCheckboxList .isChecked:focus + input[type="hidden"] + label:before,
.inforAspCheckBox .isChecked:focus + label:before,
.inforAspCheckBox .isChecked:focus + input[type="hidden"] + label:before {
  background-image: url("./images/check_on_focus.png");
}

[data-theme-mode="dark"] .inforCheckbox.isChecked:focus + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckbox.isChecked:focus + input[type="hidden"] + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckboxList .isChecked:focus + label:before,
[data-theme-mode="dark"] .inforCheckboxList .isChecked:focus + input[type="hidden"] + label:before,
[data-theme-mode="dark"] .inforAspCheckBox .isChecked:focus + label:before,
[data-theme-mode="dark"] .inforAspCheckBox .isChecked:focus + input[type="hidden"] + label:before {
  background-image: url("./images/check_on_hover_darkmode.png");
}

.inforCheckboxhecked:focus + .inforCheckboxLabel:before,
.inforCheckboxhecked:focus + input[type="hidden"] + .inforCheckboxLabel:before {
  background-image: url("./images/check_on_focus.png");
}

[data-theme-mode="dark"] .inforCheckboxhecked:focus + .inforCheckboxLabel:before,
[data-theme-mode="dark"] .inforCheckboxhecked:focus + input[type="hidden"] + .inforCheckboxLabel:before {
  background-image: url("./images/check_on_hover_darkmode.png");
}

.inforCheckbox.isDirty + .inforCheckboxLabel:before,
.inforCheckbox.isDirty + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckboxList .isDirty + label:before,
.inforCheckboxList .isDirty + input[type="hidden"] + label:before,
.inforAspCheckBox .isDirty + label:before,
.inforAspCheckBox .isDirty + input[type="hidden"] + label:before {
  background-image: url("./images/check_off_dirty.png");
}

.inforCheckbox.isDirty:hover:enabled:not(:checked) + .inforCheckboxLabel:before,
.inforCheckbox.isDirty:hover:enabled:not(:checked)
  + input[type="hidden"]
  + .inforCheckboxLabel:before,
.inforCheckboxList .isDirty:hover:enabled:not(:checked) + label:before,
.inforCheckboxList
  .isDirty:hover:enabled:not(:checked)
  + input[type="hidden"]
  + label:before,
.inforAspCheckBox .isDirty:hover:enabled:not(:checked) + label:before,
.inforAspCheckBox
  .isDirty:hover:enabled:not(:checked)
  + input[type="hidden"]
  + label:before {
  background-image: url("./images/check_off_dirty_hover.png");
}

.inforCheckbox:focus.isDirty + .inforCheckboxLabel:before,
.inforCheckbox:focus.isDirty
  + input[type="hidden"]
  + .inforCheckboxLabel:before,
.inforCheckboxList input:focus.isDirty + label:before,
.inforCheckboxList input:focus.isDirty + input[type="hidden"] + label:before,
.inforAspCheckBox input:focus.isDirty + label:before,
.inforAspCheckBox input:focus.isDirty + input[type="hidden"] + label:before {
  background-image: url("./images/check_off_dirty_focus.png");
}

.inforCheckbox.isDirty:checked + .inforCheckboxLabel:before,
.inforCheckbox.isDirty:checked
  + input[type="hidden"]
  + .inforCheckboxLabel:before,
.inforCheckboxList .isDirty:checked + label:before,
.inforCheckboxList .isDirty:checked + input[type="hidden"] + label:before,
.inforAspCheckBox .isDirty:checked + label:before,
.inforAspCheckBox .isDirty:checked + input[type="hidden"] + label:before {
  background-image: url("./images/check_on_dirty.png");
}

.inforCheckbox.isDirty:checked + .inforCheckboxLabel:before,
.inforCheckbox.isDirty:checked
  + input[type="hidden"]
  + .inforCheckboxLabel:before,
.inforCheckboxList .isDirty:checked + label:before,
.inforCheckboxList .isDirty:checked + input[type="hidden"] + label:before,
.inforAspCheckBox .isDirty:checked + label:before,
.inforAspCheckBox .isDirty:checked + input[type="hidden"] + label:before {
  background-image: url("./images/check_on_dirty.png");
}

.inforCheckbox.isDirty:checked:focus + .inforCheckboxLabel:before,
.inforCheckbox.isDirty:checked:focus
  + input[type="hidden"]
  + .inforCheckboxLabel:before,
.inforCheckboxList .isDirty:checked:focus + label:before,
.inforCheckboxList .isDirty:checked:focus + input[type="hidden"] + label:before,
.inforAspCheckBox .isDirty:checked:focus + label:before,
.inforAspCheckBox .isDirty:checked:focus + input[type="hidden"] + label:before {
  background-image: url("./images/check_on_dirty_focus.png");
}

.inforCheckbox:disabled + .inforCheckboxLabel:before,
.inforCheckbox:disabled + input[type="hidden"] + .inforCheckboxLabel:before,
.inforCheckboxList input:disabled + label:before,
.inforCheckboxList input:disabled + input[type="hidden"] + label:before,
.inforAspCheckBox input:disabled + label:before,
.inforAspCheckBox input:disabled + input[type="hidden"] + label:before {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}

.inforCheckbox:disabled + .inforCheckboxLabel,
.inforCheckbox:disabled + input[type="hidden"] + .inforCheckboxLabel,
.inforCheckboxList input:disabled + label,
.inforCheckboxList input:disabled + input[type="hidden"] + label,
.inforAspCheckBox input:disabled + label,
.inforAspCheckBox input:disabled + input[type="hidden"] + label {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}

.ie7 .inforCheckbox,
.ie8 .inforCheckbox,
.ie7 .inforCheckboxList input,
.ie8 .inforCheckboxList input,
.ie7 .inforAspCheckBox input,
.ie8 .inforAspCheckBox input {
  filter: alpha(opacity=100);
  opacity: 1;
  height: auto;
  margin-right: 4px;
  position: static;
  width: auto;
  height: 16px;
  width: 16px;
}

.ie7 .inforCheckbox:focus,
.ie8 .inforCheckbox:focus,
.ie7 .inforCheckboxList input:focus,
.ie8 .inforCheckboxList input:focus,
.ie7 .inforAspCheckBox input:focus,
.ie8 .inforAspCheckBox input:focus {
  outline: 1px solid #13a3f7;
}

.ie7 .inforCheckboxLabel,
.ie8 .inforCheckboxLabel,
.ie7 .inforCheckboxList input,
.ie8 .inforCheckboxList input,
.ie7 .inforAspCheckBox input,
.ie8 .inforAspCheckBox input {
  position: relative;
  top: -3px;
}

.ie7 .inforCheckbox + .inforCheckboxLabel:before,
.ie8 .inforCheckbox + .inforCheckboxLabel:before,
.ie7 .inforCheckbox + input[type="hidden"] + .inforCheckboxLabel:before,
.ie8 .inforCheckbox + input[type="hidden"] + .inforCheckboxLabel:before,
.ie7 .inforCheckboxList input + label:before,
.ie8 .inforCheckboxList input + label:before,
.ie7 .inforCheckboxList input + input[type="hidden"] + label:before,
.ie8 .inforCheckboxList input + input[type="hidden"] + label:before,
.ie7 .inforAspCheckBox input + label:before,
.ie8 .inforAspCheckBox input + label:before,
.ie7 .inforAspCheckBox input + input[type="hidden"] + label:before,
.ie8 .inforAspCheckBox input + input[type="hidden"] + label:before {
  display: none;
}

html[dir="rtl"] .inforCheckbox + .inforCheckboxLabel:before,
html[dir="rtl"] .inforCheckboxList input + label:before,
html[dir="rtl"] .inforAspCheckBox input + label:before {
  background-position: 4px 0;
}
input,
textarea {
  font-family: var(--ids-font-family-base);
  font-size: 14px;
}
/* Infor TextBox styles */

.inforTextbox {
  line-height: 14px;
  width: 195px;
  border-radius: 3px;
  border: 1px solid var(--input-color-initial-border);
  padding: 2px 4px;
  color: var(--input-color-initial-font);
  height: 14px;
  background-color: var(--input-color-initial-background);
  transition: border 0.2s linear 0s, border-color 0.2s linear 0s;
}

.inforTextbox[readonly],
.inforTextbox[disabled],
.inforTextbox.disabled,
.inforTextbox[disabled]:focus,
.inforTextbox.disabled:focus,
.inforTextbox[disabled]:focus,
.inforTextbox.disabled:focus {
  border: 1px solid var(--input-color-disabled-border);
  background-color: var(--input-color-disabled-background);
}

/*Is permissible to use optional e5e5e5 for disabled fields*/
.inforTextbox.backgroundColor[readonly],
.inforTextbox.backgroundColor[disabled],
.inforTextbox.backgroundColor.disabled,
.inforTextbox.backgroundColor[disabled]:focus,
.inforTextbox.backgroundColor.disabled:focus,
.inforTextbox.backgroundColor[disabled]:focus,
.inforTextbox.backgroundColor.disabled:focus {
  border: 1px solid transparent;
  background-color: #e5e5e5 !important;
}

.inforTextbox[disabled],
.inforTextbox.disabled {
  background-color: transparent;
  color: #777;
}

.inforTextbox.decimalOnly,
.inforTextbox.numericOnly {
  text-align: right;
}

.inforTextbox.decimalOnly[readonly],
.inforTextbox.numericOnly[readonly],
.inforTextbox.decimalOnly[disabled],
.inforTextbox.numericOnly[disabled] {
  text-align: left;
}

.inforTextbox.backgroundColor.decimalOnly[readonly],
.inforTextbox.backgroundColor.numericOnly[readonly],
.inforTextbox.backgroundColor.decimalOnly[disabled],
.inforTextbox.backgroundColor.numericOnly[disabled] {
  text-align: right;
}

.inforTextbox.alignRight.decimalOnly[readonly],
.inforTextbox.alignRight.numericOnly[readonly],
.inforTextbox.alignRight.decimalOnly[disabled],
.inforTextbox.alignRight.numericOnly[disabled] {
  text-align: right;
}

.inforTextbox:focus {
  outline: none;
  border: 1px solid var(--input-color-focus-border);
  background-color: var(--input-color-focus-background);
}

.inforTextbox.has-error {
  border: 1px solid #d5000e;
}

.inforTextbox.has-error:focus {
  background-color: #fdf2f3 !important;
  border: 1px solid #d5000e !important;
}

.inforTextbox.has-error[readonly]:focus,
.inforTextbox.has-error[readonly] {
  border: 1px solid transparent;
}

.inforTextbox[readonly]:focus {
  outline: none;
  border: 1px solid transparent;
}

/*Allow size attribute to work*/
.inforTextbox[size] {
  width: auto !important;
}

.inforTriggerField .inforTextbox[size] {
  margin-right: 15px;
}
/************ Infor TextBox styles END   ****************/

#MainWorkArea {
  width: 99.5%;
  margin: 0.2em 0.2em 0em 0.2em;
}

#MainContent {
  margin-bottom: 0.2em;
}

.mainContentContent {
  border-bottom: solid 1px var(--body-color-secondary-background);
  width: 100%;
  background-color: var(--body-color-primary-background);
  margin: 0px;
  margin-bottom: 4px;
}
.mainContentHeader {
  margin: 0px;
  width: 100%;
}

.mainContentHeader2 {
  margin: 0px;
  width: 100%;
  margin-bottom: 4px;
  margin-top: 4px;
  padding-left: 3px;
}

.mainContentHeader IMG {
  padding: 0px;
}
.mainContentHeaderLogo img {
  display: none;
}
.dijitDialogTitleBar td div /* alignment issue for the dialogue: sales orders -> add custom product*/ {
  vertical-align: middle;
}

.mainContentHeader .verticle-sep-div {
  display: inline-block;
  border-left: solid 1px var(--body-color-primary-font);
  height: 16px;
  padding-right: 4px;
  padding-left: 4px;
  vertical-align: middle;
}

.dialogContentArea .mainContentHeader,
.tws-tab-view .mainContentHeader,
.mainContentContent .mainContentHeader2,
.dialogContentArea .mainContentHeader2 {
  height: 24px;
}
.mainContentHeaderTable {
  width: 100%;
  height: 26px;
  color: var(--body-color-primary-font);
  font-weight: normal;
}
.mainContentHeaderTable TD {
  white-space: nowrap;
  padding: 0em 0.2em;
  vertical-align: middle;
}

.mainContentHeaderToolsLeft {
}
.mainContentHeaderToolsCenter {
  text-align: center;
}
.mainContentHeaderToolsRight input,
.mainContentHeaderToolsRight a,
.tws-tab-view-tools-right input,
.tws-tab-view-tools-right a,
.task-pane-header-tools a,
.task-pane-header-tools input {
  margin: 0 5px;
  line-height: 15px;
}
.activity-type-link,
A {
  cursor: pointer;
  color: var(--link-color-initial-font);
  text-decoration: var(--link-font-initial-decoration);
}

.processes__changeStatusIcon,
.processes__changeStatusIcon:hover,
.processes__changeStatusIcon:active {
  text-decoration: none;
}

.activity-type-link:hover,
A:hover {
  text-decoration: var(--link-font-initial-decoration);
  color: var(--link-color-hover-font);
}
.activity-type-link:active,
A:active {
  color: var(--link-color-hover-font);
  text-decoration: var(--link-font-initial-decoration);
}

.disabled a,
.disabled a:hover,
.disabled a:active {
  color: var(--body-color-primary-font);
  text-decoration: none;
  font-weight: normal;
}

.rowSelected {
  background-color: var(--body-color-secondary-background);
}

.gridPager A {
  font-weight: normal;
}

/* this is a textbox that has the "label" as the text. When the mouse enters it, this class is removed.  */
.tboxinfo {
  font-style: italic;
  color: #444444;
  font-size: 12px;
}

.dirtyDataMessage {
  display: none;
  position: absolute;
  padding-left: 10px;
  font-size: 13px;
  color: #fff;
}

/*** existing content fixes ***/
#MainWorkArea {
  margin: 0;
  padding: 0;
  /* fix for IE h-scrolling when v-scrollbar appears */
  width: auto;

  /* need to give this layout in IE */
  min-height: 0px;
}
#MainContent {
  /* need to give this layout in IE */
  min-height: 0px;
}
* > #MainWorkArea {
  width: auto;
}
.mainContentContent {
  width: auto;
}
.mainContentHeader {
  width: auto;
  margin-bottom: 10px;
}
.mainContentHeaderTable {
  width: auto;
}

/*** panel & layout styling ***/

.south_panel {
  line-height: 24px;
  color: #587190;
}

.nobackground {
  background: transparent;
  background-image: none;
  border-bottom-width: 0px;
}
.toolbarIE6 {
  width: 250px; /*if don't spec a width IE6 goes across the page*/
}
.toolbarIE7 {
  width: 750px;
}

/*** Lookup Dialog ***/
.lookup-dialog .lookup-query {
}

.lookup-dialog .lookup-properties,
.lookup-dialog .lookup-operators,
.lookup-dialog .lookup-values,
.lookup-dialog .lookup-search {
  float: left;
  margin: 0.25em;
}
.lookup-dialog .clear-both {
  clear: both;
}

.lookup-properties select,
.lookup-operators select,
.lookup-values select,
.lookup-values input {
}

.lookup-values {
  /* overflow: auto; */ /* fix for FF disappearing caret, breaks IE */
}

.lookup-values input {
  padding: 1px;
}

.lookup-label {
  float: left;
  font-weight: bold;
  margin: 0.25em;
}

.lookup-values input {
  position: relative;
  top: -1px;
}

.ListOfLinksFooterDiv {
  margin-top: 9px;
}
.timeline-container {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.dialog-workspace-content {
  /* ensure layout */
  min-height: 0;
}

div.task-pane-header {
  height: 26px;
  line-height: 1em;
  color: #fff !important;
  background-color: var(--body-color-secondary-background);
}

#center_panel_center .mainContentHeader {
  border-top: none 0px black;
  border-bottom: 1px solid #c0c0c0;
}

#center_panel_center .mainContentHeaderTable {
  height: 25px;
}

#center_panel_center .mainContentContent {
  border-top: none 0px black;
}

.tws .tws-more-tab-element div.tws-more-tab-buttons-title {
  height: 27px;
  font-weight: normal;
  padding-left: 0.8em;
}

.datagrid th {
  border-left: solid 1px #b6b6b6;
  border-top: solid 1px #b6b6b6;
  border-right: solid 1px #b6b6b6;
  border-bottom: solid 1px #b6b6b6;
  background: inherit;
  padding: 4px 3px 4px 5px;
  text-align: left;
}

.datagrid th,
.datagrid td {
  font-weight: normal;
  line-height: 20px;
}

.datagrid td {
  padding: 4px 16px 0;
  outline: 0;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
}

.datagrid td[align="right"] {
  text-align: right;
}

.datagrid td[align="center"] {
  text-align: center;
}

.datagrid .dijitTextBox,
.datagrid .dijitTextBox .dijitInputInner {
  height: 22px;
}
.datagrid .dijitComboBox .dijitArrowButtonInner {
  margin-top: 4px;
}

.datagrid input[type="text"] {
  font-size: 12px;
}
.dojoxGridRow,
.dojoxGridRowOdd {
  min-height: 20px;
}

.gridPager span {
  font-weight: normal;
}

.gridPager td {
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-top: 1px solid #c0c0c0;
  padding: 0px 4px 0px 4px;
  line-height: 25px;
}

.gridPager table td {
  border: 0px none #ffffff;
  padding: 3px 5px 3px 5px;
  line-height: inherit;
}

.gridPager table td a,
.gridPager table td span {
  font-weight: bold;
}

.gridPager table td span {
  color: #a0a0a0;
}

tr.rowhead {
  border-left: 1px solid #b6b6b6;
  border-right: 1px solid #b6b6b6;
  padding: 0px;
  font-size: 13px;
  background-color: #ffffff;
  border-bottom: 1px solid #b6b6b6;
}
tr.rowhead a {
  color: var(--slx-datagrid-header-color) !important;
  text-decoration: none;
}

tr.rowhead a:hover {
  text-decoration: none;
}

tr.rowhead th {
  border: 1px solid var(--slx-datagrid-header-border-color);
  background-color: var(--slx-datagrid-header-bg-color);
  color: var(--slx-datagrid-header-color);
  padding: 0 0 0 12px !important;
  vertical-align: middle;
  font-weight: 600;
  line-height: var(--slx-datagrid-row-height);
  white-space: nowrap;
}

th div.headercontents {
  height: auto;
  text-indent: 0;
  width: auto;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}

table.datagrid th.slx-grid-cell-first {
  border-left: 1px solid #c0c0c0;
}

table.datagrid th.slx-grid-cell-last {
  border-right: 1px solid #c0c0c0;
}

.rowlt,
.rowdk {
  height: var(--slx-datagrid-row-height);
}

.slx-grid-row-last td {
  border-bottom: 1px solid #c0c0c0;
}

.slx-grid {
  min-height: 0px;
}

.slx-grid-container {
  width: 100%;
  overflow: auto;
}

.slx-grid-wrapper {
  margin: 5px 0;
}

.slx-grid-no-data table.datagrid th,
.slx-grid-no-paging table.datagrid th {
  border-top: 1px solid #c0c0c0;
}

.slx-grid-no-data table.datagrid td {
  border-bottom: 1px solid #c0c0c0;
}

#center_panel_center table.formtable tr.mainContentHeader {
  border: none 0px #ffffff;
}

/* Owner Lookup */
/* team node icons */
/* user node icons */
/* system node icons */
/* User Lookup */

.address-dialog label {
  font-size: 12px;
  font-weight: bold;
}

/* dialog workspace toolbar */
.dialog-workspace-content .dialog-toolbar {
  display: none;
}

.dialog-toolbar {
  height: 25px;
  line-height: 25px;
  position: absolute;
  right: 50px;
  top: 3px;
  cursor: pointer;
}

.dialog-toolbar > * {
  line-height: 25px;
}

.dialog-toolbar table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border: none 0px black;
}

.dialog-toolbar table tr {
  height: 25px;
}

.dialog-toolbar table td {
  vertical-align: middle;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

.dialog-toolbar col.dialog-tools-middle {
  width: 99%;
}

.dialog-toolbar td.dialog-tools-middle {
  text-align: center;
}

.dialog-toolbar td.dialog-tools-left,
.dialog-toolbar td.dialog-tools-middle,
.dialog-toolbar td.dialog-tools-right {
  padding: 0 4px 0 4px;
}

.dialog-toolbar td.dialog-tools-left *,
.dialog-toolbar td.dialog-tools-middle *,
.dialog-toolbar td.dialog-tools-right * {
  cursor: auto;
}

.portlet_description {
  display: none;
}

#AddSalesOrderProduct_tree .x-tree-node-icon,
#AddOpportunityProduct_tree .x-tree-node-icon,
#DefaultOpportunityProduct_tree .x-tree-node-icon {
  display: none;
}

.titlebar {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  padding-right: 5px;
  padding-bottom: 3px;
}

.list-view-summary .list-view-summary-item {
  min-height: 110px;
}

.list-panel .x-paging-info {
  left: 4px;
  right: auto;
}
.loginmsg {
  color: #d5000e;
  display: inline-block;
  font-size: 12px;
  left: 9px;
  line-height: 16px;
  max-width: 300px;
  padding: 10px 0;
  position: relative;
  text-align: center;
  top: -3px;
}
.slxlogin {
  margin: 0 auto;
}
#LogoffForm {
  position: relative;
  top: 30px;
  left: 20px;
  width: 85%;
}

#LogoffTitle,
#LogoffMessage {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
}

#LogoffTitle {
  font-size: 18px;
  padding-bottom: 25px;
}
#LogoffMessage {
  /*font-size: 12px;*/
}
#LogoffFormButtonPanel {
  padding-top: 25px;
  /*text-align: center;*/
}
#LogoffFormButtonPanel input {
  width: 120px;
}

/* copied from ~/Libraries/ext/resources/css/paging-tree-loader.css     */
.x-tree-paging-toolbar .x-btn-left {
  background: none;
  height: 18px;
}
.x-tree-paging-toolbar .x-btn-right {
  background: none;
  height: 18px;
}
.x-tree-paging-toolbar .x-btn-center {
  background: none;
  padding: 0;
  height: 18px;
}
.x-tree-paging-btn-icon .x-btn-center .x-btn-text {
  background-position: center;
  background-repeat: no-repeat;
  height: 13px;
  width: 15px;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
}
.x-tree-paging-nowrap {
  white-space: nowrap;
}
.x-tree-paging-float {
  float: left;
  white-space: nowrap;
}
.x-tree-paging-inline {
  display: inline;
  white-space: nowrap;
}
.x-tbar-page-number {
  height: 16px !important;
  text-align: center;
}
/* end of ~/Libraries/ext/resources/css/paging-tree-loader.css     */

.leftoffset14 {
  margin-left: 14px;
  margin-top: 11px;
}