.app-version { display: inline-block; font: 12px/1.5 Arial, sans-serif; color: #344454; text-align: left; vertical-align: middle; }
.app-version > summary { display: inline-block; list-style: none; cursor: pointer; padding: 2px 0; }
.app-version > summary::-webkit-details-marker { display: none; }
.app-version > summary:hover { text-decoration: underline; }
.app-version > summary:focus-visible, .app-version button:focus-visible { outline: 2px solid #0076a6; outline-offset: 3px; }
.app-version-environment { display: inline-block; margin-left: 6px; padding: 0 5px; border-radius: 3px; background: #536371; color: #fff; font-size: 10px; font-weight: bold; vertical-align: 1px; }
.app-version-environment[data-environment="LIVE"] { background: #2d6655; }
.app-version-environment[data-environment="DEV"], .app-version-environment[data-environment="LAB"] { background: #7c5418; }
.app-version-panel { position: fixed; z-index: 100000; right: 16px; bottom: 32px; box-sizing: border-box; width: 370px; max-width: calc(100vw - 32px); max-height: calc(100vh - 64px); overflow: auto; padding: 20px; border: 1px solid #b8c3cb; border-radius: 6px; background: #fff; color: #263746; box-shadow: 0 4px 24px rgba(0,0,0,.2); text-align: left; font: 13px/1.5 Arial, sans-serif; }
.app-version-panel h2 { margin: 0 28px 10px 0; padding: 0; font: bold 18px/1.4 Arial, sans-serif; color: #263746; background: transparent; }
.app-version-panel dl { margin: 14px 0; }
.app-version-panel dt { float: left; clear: left; width: 115px; font-weight: normal; color: #52616d; }
.app-version-panel dd { margin: 0 0 6px 120px; overflow-wrap: anywhere; }
.app-version-panel textarea { display: block; box-sizing: border-box; width: 100%; min-height: 120px; margin: 0 0 12px; padding: 8px; border: 1px solid #bdc7ce; border-radius: 3px; color: #263746; background: #f5f7f9; font: 11px/1.5 Consolas, monospace; resize: vertical; }
.app-version button { cursor: pointer; font: inherit; }
.app-version .app-version-close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; background: transparent; color: #263746; font-size: 24px; line-height: 30px; }
.app-version .app-version-copy { padding: 7px 12px; border: 1px solid #235774; border-radius: 3px; background: #235774; color: #fff; }
.app-version-status { display: inline-block; margin: 6px 0 0 8px; }
.app-version-login { clear: both; padding-top: 12px; text-align: center; }
.form-signin { height: max-content; padding-bottom: 12px; }
.form-signin .btn-login { margin-bottom: 0; }
.form-signin .app-version-login { padding: 8px 10px 0; }
#footer { height: 67px; }
#footer > .app-version { position: absolute; bottom: 2px; right: 12px; font-size: 11px; }
#wrapper .bottomButtons { bottom: 24px; }
#wrapper .panel-body .bottomButtons .closeBttn { bottom: 32px; }
div#content { padding-bottom: 94px; }
@media (max-width: 480px) {
    #footer .app-version-product { display: none; }
    .app-version-panel { right: 12px; max-width: calc(100vw - 24px); padding: 16px; }
    .app-version-panel dt { width: 100px; }
    .app-version-panel dd { margin-left: 105px; }
}