.page-container { min-height: 560px; background: #f0f2f5; }
.page-summary-box { width: 100%; height: 80px; padding: 20px; margin-bottom: 20px; background: white; }
.page-summary-box-content { display: table; width: 100%; height: 40px; line-height: 20px; }
.page-summary-box-content > * { display: table-cell; vertical-align: top; height: 40px; white-space: nowrap; }
.page-summary-box-content > *:last-child { width: 100%; }
.page-summary-logo { display: block; width: 60px; height: 40px; overflow: hidden; }
.page-summary-logo-wrapper { display: block; width: 40px; height: 40px; position: relative; }
.page-summary-logo img { position: absolute; left: 0; top: 0; background: white; width: 40px; height: 40px; }
.page-summary-item { display: block; padding: 0 20px; position: relative; margin: -4px 0; height: 48px; }
page-summary-item + page-summary-item > .page-summary-item::before { content: " "; display: block; height: 20px; width: 0; border-left: 1px solid #ddd; position: absolute; left: 0; top: 10px; }
.page-summary-item-title { color: #888; line-height: 24px; }
.page-summary-item-content { display: block; line-height: 24px; height: 20px; color: #444; font-weight: bold; }
.page-summary-content-container { position: relative; width: 100%; height: 100%; }
.page-summary-content { display: table; line-height: 40px; position: absolute; right: 0; }
.page-content-box { width: 100%; min-height: 560px; padding: 20px; background: white; }
.page-tab-list { display: table; width: 100%; height: 40px; border-bottom: 1px solid #ddd; border-collapse: collapse; margin-bottom: 20px; }
.page-tab-list::after { content: " "; display: table-cell; width: 100%; }
.page-tab-item { display: table-cell; width: 1px; }
.page-tab-item a { display: block; float: left; white-space: nowrap; padding: 10px 15px; line-height: 20px; text-transform: uppercase; text-decoration: none; }
.page-tab-item-active { border-bottom: 1px solid white; }
.page-tab-item-active a { border: 1px solid #ddd; border-bottom: none; border-radius: 3px 3px 0 0; padding: 9px 14px 11px; margin-bottom: -1px; color: #188ae2; }
.page-tab-item:not(.page-tab-item-active):hover { background: #f9f9f9; }
.page-tab-item:not(.page-tab-item-active):hover a { color: inherit; }
.page-content-container { margin: -20px -20px 0; }
.page-content-container::before, .page-content-container::after { content: " "; display: table; clear: both; }

.dialog-container { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; position: relative; z-index: 10000; }
.dialog-cover { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);  }
.dialog-box { display: block; position: fixed; background: white; left: 50%; transform: translateX(-50%); top: 30px; border-radius: 3px; }
.dialog-box-with-auto { min-width: 200px; max-width: 1000px; }
.dialog-title { padding: 10px 20px; line-height: 40px; color: #188ae2; font-size: 16px; border-top: 5px solid #188ae2; }
.dialog-content { padding: 10px 20px; position: relative; }
.dialog-message { white-space: pre-wrap; }
.dialog-buttons { padding: 10px; }
.dialog-buttons .form-config-button-group-inner button { float: right; margin-right: 0; margin-left: 16px; }