/* Preserve Website X5 authentication and server forms with the shared visual system. */
html,body{min-width:0!important;background:#f2f7f0!important}#imPageExtContainer,#imPageIntContainer,#imPage{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;background:transparent!important}#imHeaderBg,#imFooterBg,#imSideBar,#imStickyBarContainer,#imContentGraphics{display:none!important}#imContent{position:relative!important;left:auto!important;top:auto!important;width:min(1100px,88%)!important;height:auto!important;min-height:450px!important;margin:45px auto!important;padding:30px!important;background:white!important;border-radius:5px!important;box-sizing:border-box!important}#imContent>div[id^=imCell_]{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;margin:0 0 24px!important;min-height:0!important}#imContent div[id^=imCellStyle],#imContent .imPageRow{display:none!important}#imContent div[id^=imTextObject],#imContent div[id^=imObjectForm],#imContent div[id^=imHTMLObject]{width:100%!important;height:auto!important;position:relative!important;padding:0!important;margin:0!important}#imContent .text-inner{font-family:Arial,sans-serif!important;font-size:15px!important;line-height:1.7!important}#imContent .text-inner span{font-family:inherit!important;font-size:inherit!important;color:#293d23!important}#imContent a{color:#39662d!important}#imContent input,#imContent textarea,#imContent select{max-width:100%!important;box-sizing:border-box!important;border:1px solid #b3c9ad!important;border-radius:3px!important;padding:10px!important;font:inherit!important}#imContent fieldset{border:0!important;padding:0!important}#imContent form{max-width:100%!important}#imContent .imObjectFormFieldContainer{height:auto!important;max-width:100%!important}#imFooter{display:none!important}.header,.header *{box-sizing:border-box!important}.header{position:relative!important;height:104px!important;width:100%!important}.header .brand{font-family:Arial,sans-serif!important}.header img{max-width:42px!important}.footer-directory a{color:#c2cdbf!important}footer{height:auto!important;width:100%!important;position:relative!important;clear:both!important}#imContent .imHidden{display:none!important}@media(max-width:800px){.header{height:85px!important}#imContent{padding:22px!important;margin:25px auto!important}#imContent table{width:100%!important;table-layout:fixed!important}#imContent td{overflow-wrap:anywhere!important}}
/* Use the bright shared palette on the PHP pages as well. */
html,body{background:#fbfdfb!important}.header{background:#fff!important}#imContent{background:#fff!important;border:1px solid #e0ebdd!important}#imContent .text-inner span{color:#354830!important}#imContent input,#imContent textarea,#imContent select{border-color:#c3d9bd!important;background:#fbfdfb!important}.footer-directory a{color:#50684a!important}.footer-directory a:hover{color:#2b4b22!important}footer{background:#eaf6e7!important;color:#354830!important}
/* Reflow Website X5 forms and protected pages on mobile screens. */
@media(max-width:1100px){.header{height:85px!important}.header nav.open{width:100%!important}}
#imContent,#imContent *{box-sizing:border-box!important}#imContent img,#imContent iframe,#imContent video{max-width:100%!important;height:auto!important}#imContent .text-inner,#imContent label,#imContent a{overflow-wrap:anywhere!important}#imContent input:not([type=radio]):not([type=checkbox]),#imContent textarea,#imContent select{font-size:16px!important;min-height:44px!important;max-width:100%!important}#imContent input[type=radio],#imContent input[type=checkbox]{width:22px!important;height:22px!important;vertical-align:middle!important;min-height:0!important;padding:0!important}#imContent button,#imContent input[type=submit],#imContent input[type=reset]{min-height:44px!important;cursor:pointer!important}
@media(max-width:800px){#imContent{width:calc(100% - 32px)!important;padding:20px!important}#imContent form,#imContent fieldset,#imContent .imObjectFormFieldContainer,#imContent div[id$=_field],#imContent div[id$=_container]{width:100%!important;max-width:100%!important;float:none!important;margin-left:0!important;position:relative!important;left:auto!important;top:auto!important}#imContent .imObjectFormFieldContainer{display:block!important;margin-bottom:18px!important}#imContent label{height:auto!important;min-height:24px!important;display:block!important}#imContent input:not([type=radio]):not([type=checkbox]),#imContent textarea,#imContent select{width:100%!important}#imContent input[type=submit],#imContent input[type=reset]{margin:6px 0!important}#imContent .text-inner span{line-height:1.65!important}#imContent .radiobutton{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;margin-right:18px!important}}
@media(max-width:380px){#imContent{padding:16px!important}.header .brand img{max-width:32px!important}}

/* Existing PHP pages share the same yellow background and blue footer. */
html,body{background:#fff9e3!important}.header{background:#fffdf4!important}#imContent{background:#fffefa!important;border-color:#e0efdc!important}#imContent .text-inner span{color:#395b30!important}#imContent input,#imContent textarea,#imContent select{background:#fffefa!important;border-color:#cde7c6!important}.footer-directory a{color:#547e48!important}.footer-directory a:hover{color:#376c28!important}footer{background:#f0f9ed!important;color:#395b30!important}
