body {
	display:flex;
	flex-direction:column;
	min-height:100vh;
}
.wrapper {
	flex:1;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	margin:0 !important;
	min-height:auto !important;
	height: auto !important;
}
.wrapper:after {
	display:none !important;
}
.footer {
	flex-shrink:0; /* Prevent footer from shrinking */
	height:auto; /* Allow footer to adjust height based on content */
}
.wrapper-padding {
	display:none;
}
section.apps {
	background:#fff;
	display:flex;
	flex-direction:column;
	flex:1; /* Takes all remaining space between header and footer */
	overflow:hidden;
}
.apps-iframe {
	width:100%;
	flex:1;
	border:none;
	display:block;
}
.apps-topic-bar {
	display:flex;
	align-items:center;
	padding:8px 0;
	background:#f5f5f5;
	border-bottom:1px solid #e0e0e0;
	flex-shrink:0;
}
.apps-topic-bar .uk-button {
	margin-right:0;
}
.apps-topic-bar .content-container {
	display: flex;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
}
.apps-topic-bar .app-title {
	color:#111;
	font-weight:400;
	font-size:24px;
	line-height:33px;
	position:relative;
}
.apps-topic-bar .uk-badge.m-badge {
	margin-left:6px;
	left:100%;
	background:#66a1ff;
	right:auto;
}
.apps-topic-bar .button-icon.chevron-icon {
	margin:12px 12px 0 0;
}
.apps-topic-bar .button-icon.edit-icon {
	margin:8px 10px 0 0;
}

@media all and (min-width:980px) {
}

/* MOBILE */

.mobile .footer {
	height:auto !important;
}
.mobile .apps-topic-bar .button-icon.chevron-icon {
	margin-top:10px;
}
.mobile .apps-topic-bar .button-icon.edit-icon {
	margin-top:6px;
}
@media all and (max-width:419px) {
	.apps-topic-bar .uk-button .button-text {
		display:none;
	}
	.apps-topic-bar .uk-button {
		min-width:auto;
		padding-right:2px;
	}
}