.LoginPage:not(.UserAuthenticated) .OuterPanel, .GuestPage:not(.UserAuthenticated) .OuterPanel { background-image: url(/Images/PageBackground.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } .LoginPage:not(.UserAuthenticated) .OuterPanel, .GuestPage:not(.UserAuthenticated) .OuterPanel { grid-template-rows: 0 1fr !important; -ms-grid-rows: 0 1fr; } .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel, .GuestPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel { position: absolute !important; top: 0; left: 0; right: 0; z-index: 10; height: 58px !important; overflow: visible; } .LoginPage:not(.UserAuthenticated) .OuterPanel .MainPanel, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel { grid-row: 1 / -1 !important; grid-column: 1 / -1 !important; -ms-grid-row: 1; -ms-grid-row-span: 2; height: 100% !important; background: url(/Images/PageBackground.png) no-repeat center center !important; background-size: cover !important; } .LoginPage:not(.UserAuthenticated) .OuterPanel .MainPanel > *, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel > * { background-color: transparent !important; } .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel, .GuestPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel, .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoIconLink, .GuestPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoIconLink { background-color: transparent !important; } .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoPanel, .GuestPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoPanel { display: none; } .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .CommandPanel { display: none !important; } .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoIconLink { display: flex !important; align-items: center; align-self: center; flex: 0 0 auto !important; width: auto !important; height: auto !important; margin-left: 22px; padding: 9px 18px !important; border: 2px solid #63A70A; background-image: none !important; background-color: #63A70A !important; font-family: 'Century Gothic', 'Questrial', 'Roboto', sans-serif; font-size: 15px; letter-spacing: 0.04em; color: #fff !important; text-decoration: none; } .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoIconLink:after { content: "\2190\00a0 Back"; } .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoIconLink:hover, .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .LogoIconLink:focus-visible { border-color: #7BC10E; background-color: #7BC10E !important; color: #fff !important; } .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .CommandPanel, .GuestPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .CommandPanel { margin-left: auto; align-items: center; padding: 0 22px; opacity: 1; } .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .CommandPanel a, .GuestPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .CommandPanel a { height: auto; padding: 7px 14px; border: 2px solid rgba(22, 24, 15, 0.22); border-radius: 0; background-color: rgba(255, 255, 255, 0.8); color: rgba(22, 24, 15, 0.55) !important; font-family: 'Century Gothic', 'Questrial', 'Roboto', sans-serif; font-size: 14px; transition-property: background-color, border-color, color; } .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .CommandPanel a:hover, .GuestPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .CommandPanel a:hover, .LoginPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .CommandPanel a:focus-visible, .GuestPage:not(.UserAuthenticated) .OuterPanel .HeaderPanel .CommandPanel a:focus-visible { border-color: #63A70A; background-color: rgba(99, 167, 10, 0.85); color: #fff !important; text-decoration: none; } .LoginPage .OuterPanel .MainPanel .ContentPanel.Authentication { display: flex !important; flex-direction: row !important; justify-content: flex-end !important; align-items: stretch !important; height: 100%; background: none !important; padding: 0 !important; overflow: visible; } .LoginPage .OuterPanel .MainPanel .ContentPanel.Authentication .AuthPanel { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 5; display: flex !important; flex-direction: column; justify-content: center !important; align-items: stretch; flex: 0 0 520px; width: 520px !important; max-width: 100%; height: auto !important; margin: 0 !important; padding: 0 60px !important; border: 0 !important; border-left: 2px solid #8BC81C !important; border-radius: 0 !important; box-shadow: none !important; background-color: rgba(10, 11, 8, 0.85) !important; color: #fff; font-family: 'Century Gothic', 'Questrial', 'Roboto', sans-serif; overflow-y: auto; } .LoginPage .OuterPanel .MainPanel .ContentPanel.Authentication .AuthPanel form { display: block !important; height: auto !important; width: 100% !important; flex: 0 0 auto !important; margin: 0 !important; } .LoginPage .ContentPanel.Authentication .AuthPanel, .LoginPage .ContentPanel.Authentication .AuthPanel h1, .LoginPage .ContentPanel.Authentication .AuthPanel h3, .LoginPage .ContentPanel.Authentication .AuthPanel p, .LoginPage .ContentPanel.Authentication .AuthPanel a, .LoginPage .ContentPanel.Authentication .AuthPanel label, .LoginPage .ContentPanel.Authentication .AuthPanel input { font-family: 'Century Gothic', 'Questrial', 'Roboto', sans-serif; } .LoginPage .ContentPanel.Authentication .AuthPanel .LogoContainer { width: 260px !important; height: 68px !important; margin: 0 0 44px 0 !important; flex: 0 0 auto; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAA0CAYAAADPCHf8AAAACXBIWXMAABcSAAAXEgFnn9JSAAAGqWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIzLTEwLTEyVDEwOjQxOjI2LTA1OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTEwLTEyVDEwOjQxOjI2LTA1OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMy0xMC0xMlQxMDo0MToyNi0wNTowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplYzAyNjczMi1jMmVhLTUwNGItOTM1Mi0yNGNlYTVmYjdlYjgiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyMjZhZmU0NS1kYjlkLTI2NDktOWI0MS02MTZkNTIwMWZkOTgiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNGFjOTJjZC1hYmFmLWM5NGUtOGZiYS1lOThkMDExY2ZiNzYiIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowNGFjOTJjZC1hYmFmLWM5NGUtOGZiYS1lOThkMDExY2ZiNzYiIHN0RXZ0OndoZW49IjIwMjMtMTAtMTJUMTA6NDE6MjYtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZWMwMjY3MzItYzJlYS01MDRiLTkzNTItMjRjZWE1ZmI3ZWI4IiBzdEV2dDp3aGVuPSIyMDIzLTEwLTEyVDEwOjQxOjI2LTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjYzA4ZWM2Ny05YTk2LWM5NGQtOWY1OC02NGJmNjUxMDIwNDE8L3JkZjpsaT4gPHJkZjpsaT54bXAuZGlkOkMyMDc0OTcyNjJDM0U0MTE4QjNCREI4RTQ3MDE0MzU3PC9yZGY6bGk+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+wMoEWAAADfBJREFUeNrtnX+MVNUVx3dhf8gPhYk1QkPa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) !important; background-size: contain !important; background-position: left center !important; background-repeat: no-repeat !important; } .LoginPage .ContentPanel.Authentication .AuthPanel h1 { font-size: 36px !important; font-weight: 400; letter-spacing: 0.01em; line-height: 1.1; color: #fff; margin: 0 0 16px 0; } .LoginPage .ContentPanel.Authentication .AuthPanel .Instructions { font-size: 15px; line-height: 1.55; color: rgba(255, 255, 255, 0.75); margin: 0 0 30px 0; padding-bottom: 30px; border-bottom: 2px solid #8BC81C; } .LoginPage .ContentPanel.Authentication .AuthPanel input[type=text], .LoginPage .ContentPanel.Authentication .AuthPanel input[type=password], .LoginPage .ContentPanel.Authentication .AuthPanel input[type=email] { height: 50px; width: 100%; padding: 0 16px !important; margin-bottom: 14px; border: 2px solid rgba(255, 255, 255, 0.45) !important; border-radius: 0 !important; background-color: transparent !important; color: #fff !important; font-size: 16px; text-overflow: clip; } .LoginPage .ContentPanel.Authentication .AuthPanel input[type=text]::placeholder, .LoginPage .ContentPanel.Authentication .AuthPanel input[type=password]::placeholder, .LoginPage .ContentPanel.Authentication .AuthPanel input[type=email]::placeholder { color: rgba(255, 255, 255, 0.6); } .LoginPage .ContentPanel.Authentication .AuthPanel input[type=text]:hover, .LoginPage .ContentPanel.Authentication .AuthPanel input[type=password]:hover, .LoginPage .ContentPanel.Authentication .AuthPanel input[type=email]:hover { border-color: #fff !important; outline: none !important; } .LoginPage .ContentPanel.Authentication .AuthPanel input[type=text]:focus, .LoginPage .ContentPanel.Authentication .AuthPanel input[type=password]:focus, .LoginPage .ContentPanel.Authentication .AuthPanel input[type=email]:focus { border-color: #8BC81C !important; outline: none !important; } .LoginPage .ContentPanel.Authentication .AuthPanel label.AuthCheckBox { margin: 8px 0 0 0; color: #fff; font-size: 14px; } .LoginPage .ContentPanel.Authentication .AuthPanel input[type=checkbox]:not(:checked):after { border-color: #fff; background-color: transparent; } .LoginPage .ContentPanel.Authentication .AuthPanel .ForgotPasswordLinkContainer { margin: 14px 0 0 0; } .LoginPage .ContentPanel.Authentication .AuthPanel .ForgotPasswordLinkContainer a:link, .LoginPage .ContentPanel.Authentication .AuthPanel .ForgotPasswordLinkContainer a:visited { color: #A8DC2A; font-size: 13px; text-decoration: none; } .LoginPage .ContentPanel.Authentication .AuthPanel .ForgotPasswordLinkContainer a:hover { color: #fff; text-decoration: underline; } .LoginPage .ContentPanel.Authentication .AuthPanel input[type=submit], .LoginPage .ContentPanel.Authentication .AuthPanel input[type=button] { width: 100%; height: 52px; margin-top: 30px; padding: 0 18px !important; border-radius: 0 !important; background-color: #63A70A !important; color: #fff !important; font-size: 17px; font-weight: 400; letter-spacing: 0.04em; text-align: left; } .LoginPage .ContentPanel.Authentication .AuthPanel input[type=submit]:hover, .LoginPage .ContentPanel.Authentication .AuthPanel input[type=button]:hover { background-color: #7BC10E !important; } .LoginPage .ContentPanel.Authentication .AuthPanel input:focus-visible { outline: 2px solid #8BC81C; outline-offset: 2px; } .LoginPage .ContentPanel.Authentication .AuthPanel .ErrorLabel { color: #FF6B57; margin-top: 16px; } .LoginPage .ContentPanel.Authentication .AuthPanel .ExternalAuthenticationPanel h3 { color: rgba(255, 255, 255, 0.75); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; margin: 28px 0 10px 0; } .LoginPage .ContentPanel.Authentication .AuthPanel .AuthenticationDividerContainer hr { border-top: 2px solid rgba(255, 255, 255, 0.3); } @media (max-width: 930px) { .LoginPage .OuterPanel .MainPanel .ContentPanel.Authentication .AuthPanel { left: 0 !important; width: 100% !important; padding: 40px 28px !important; } } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel { background: none !important; padding: 0 !important; justify-content: center !important; align-items: center !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel > div { flex-direction: column !important; width: 420px !important; max-width: 90% !important; margin: 0 !important; padding: 28px 26px 3px !important; border: 0 !important; border-left: 2px solid #8BC81C !important; border-radius: 0 !important; box-shadow: none !important; background-color: rgba(10, 11, 8, 0.85) !important; font-family: 'Century Gothic', 'Questrial', 'Roboto', sans-serif; text-align: center; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .WelcomePanel { display: none !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel { width: 100% !important; padding: 0 !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) { width: 100%; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; background-color: transparent !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .Notification, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .NotificationPanel, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ErrorLabel, .LoginPage .OuterPanel .MainPanel .ContentPanel .Notification, .LoginPage .OuterPanel .MainPanel .ContentPanel .NotificationPanel { position: relative; z-index: 3; display: block !important; padding: 12px 14px !important; background-color: rgba(0, 0, 0, 0.75) !important; color: #fff !important; font-size: 14px !important; white-space: normal !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:empty { display: none !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel hr, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div { border-top: 0 !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) { position: relative; margin-top: 26px !important; padding: 18px 18px !important; background-color: transparent !important; background-image: linear-gradient(#A8DC2A, #A8DC2A), linear-gradient(#A8DC2A, #A8DC2A), linear-gradient(#A8DC2A, #A8DC2A), linear-gradient(#A8DC2A, #A8DC2A), linear-gradient(#A8DC2A, #A8DC2A), linear-gradient(#A8DC2A, #A8DC2A), linear-gradient(#A8DC2A, #A8DC2A), linear-gradient(#A8DC2A, #A8DC2A) !important; background-repeat: no-repeat !important; background-size: 20px 2px, 2px 20px, 20px 2px, 2px 20px, 20px 2px, 2px 20px, 20px 2px, 2px 20px !important; background-position: left top, left top, right top, right top, left bottom, left bottom, right bottom, right bottom !important; transition-property: background-color; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel):hover { background-color: rgba(0, 0, 0, 0.55) !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) h1, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) h2, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) h3, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) p { display: inline !important; vertical-align: baseline; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) p { margin-left: 8px !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(:has(select)):not(:has(button)):not(:has(a.GoLink ~ a)) a.GoLink { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; border: 0 !important; background-color: transparent !important; background-image: none !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel h1, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel h2, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel h3, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel h4 { font-family: 'Century Gothic', 'Questrial', 'Roboto', sans-serif; font-size: 22px !important; font-weight: 400 !important; color: #A8DC2A !important; line-height: 1.2 !important; white-space: nowrap !important; margin: 0 !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel h1 em, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel h2 em, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel h3 em, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel h4 em, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel strong { display: inline !important; font-size: 30px !important; font-weight: 400 !important; font-style: normal !important; color: #fff !important; white-space: nowrap !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) h1, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) h2, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) h3, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) p { font-size: 22px !important; line-height: 1.2 !important; white-space: nowrap !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) em, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel div:has(> a.GoLink):not(:has(input)):not(.Notification):not(.Warning):not(.Error):not(.ErrorLabel):not(.NotificationPanel) strong { font-size: 30px !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .GuestActionBar { margin-bottom: 6px !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .ActionPanel p { color: rgba(255, 255, 255, 0.7); } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .GuestActionBar { margin-top: 14px !important; justify-content: center !important; gap: 8px; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .GuestActionBar input[type=text], .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .GuestActionBar input[type=search] { height: 46px !important; min-width: 0; padding: 0 14px !important; border: 2px solid #fff !important; border-radius: 0 !important; background-color: transparent !important; color: #fff !important; font-family: 'Century Gothic', 'Questrial', 'Roboto', sans-serif; font-size: 22px !important; letter-spacing: 0.18em; text-align: center; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .GuestActionBar input[type=text]:hover, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .GuestActionBar input[type=search]:hover, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .GuestActionBar input[type=text]:focus, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel .GuestActionBar input[type=search]:focus { border-color: #A8DC2A !important; outline: none !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel a.GoLink, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel a.GoLink.Small, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel a.GoLink.Medium, .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel a.GoLink.Large { width: 46px !important; height: 46px !important; border-radius: 0 !important; background-color: #63A70A !important; background-size: 22px !important; float: none !important; flex: 0 0 auto; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel a.GoLink:hover { background-color: #7BC10E !important; } .GuestPage:not(.UserAuthenticated) .OuterPanel .MainPanel .ContentPanel a.GoLink.Disabled { border: 2px solid rgba(255, 255, 255, 0.35) !important; background-color: transparent !important; }