#adminNavUserControl_adminNav {
	position: absolute;
	top: 0;
	left: auto;
	right: 319px;
	z-index: 20;
	width: auto;
}
#adminNavUserControl_adminNav .inner {
	min-width: 0;
	max-width: none;
}
#adminNavUserControl_adminNav .inner .wrapper {
	margin-right: 0;
}
#pageStartUserControl_header {
	margin: 0;
	padding: 0;
	background-color: var(--header-bgcolor, #fff);
	border-width: 0;
	border-bottom: 1px solid #ccc;
}
#pageStartUserControl_header .inner {
	display: flex;
	flex-wrap: nowrap;
}
#pageStartUserControl_header #pageStartUserControl_licenseeBranding {
	width: auto;
	flex-grow: 4;
	padding: 10px;
}
#pageStartUserControl_licenseeBranding #pageStartUserControl_logoControl {
	width: auto;
	max-width: 100%;
}
#pageStartUserControl_header ul.menu {
	display: flex;
	flex-wrap: nowrap;
	position: static;
	top: 0;
	right: 0;
	margin: 10px 10px 10px 5px;
	padding: 0;
}
#pageStartUserControl_header ul.menu li {
	float: none;
}
#pageStartUserControl_header ul.menu li:first-child {
	border-width: 0;
}
#pageStartUserControl_header ul.menu li a {
	border-width: 0;
}
#page {
	border-top-width: 0;
}

/* 11.MY TRAINING */

.training-resource .nav-frame, .nav-frame {
	background-color: var(--sysnav-bgcolor, #333);
}
.nav-frame div.nav {
	background-color: var(--sysnav-bgcolor, #333);
}
.nav-frame .actions {
	color: var(--sysnav-bgcolor, #333);
}
.nav-frame .actions a {
	display: inline-block;
	margin: 5px 3px;
	padding: 5px 7px;
	color: var(--sysnav-color, #bbb);
	border-radius: 5px;
	transition: 0.2s;
}
.nav-frame .actions a:hover, .nav-frame .actions a:visited:hover {
	color: var(--sysnav-color, #bbb);
	background-color: var(--sysnav-highlight-bgcolor, color-mix(in srgb, var(--sysnav-bgcolor, #333), #fff 20%));
}
.nav-frame .actions a.disabled {
	visibility: hidden;
	color: var(--sysnav-color, #bbb);
}
.nav-frame .actions a.disabled:hover, .nav-frame .actions a.disabled:visited:hover {
	color: var(--sysnav-color, #bbb);
	background-color: transparent;
}

/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {

/* 3.LAYOUT */

#pageStartUserControl_header.notabs {
	padding-bottom: 10px;
}
#pageStartUserControl_header #pageStartUserControl_licenseeBranding {
	display: block;
	padding: 10px 20px;
	background-image: none;
	background-size: cover;
}
#pageStartUserControl_licenseeBranding #pageStartUserControl_logoControl {
	width: auto;
}
#pageStartUserControl_header ul.menu li:first-child {
	border: none;
}
#pageStartUserControl_header ul.menu li a {
	color: #e0e0e0;
	border: none;
}
#page {
	border-width: 0;
}

/* 11.MY TRAINING */

.training-plan-search {
	position: absolute;
	top: 2px;
	right: 0;
}

}/*/mediaquery*/

/*768px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 768px) {

#frame {
	max-width: none;
}
#pageStartUserControl_branding {
	background-color: var(--sysnav-bgcolor, #333);
}
#pageStartUserControl_header {
	margin: 0;
	border-bottom: none;
}
#pageStartUserControl_header.notabs {
	border-bottom: 1px solid #ccc;
}
#pageStartUserControl_header .inner {
	display: block;
}
#pageStartUserControl_sysNav {
	background-color: var(--sysnav-bgcolor, #333);
}
#pageStartUserControl_sysNav .inner {
	float: none;
	position: static;
	max-width: none;
	margin: 0;
}
#pageStartUserControl_sysNav .inner .inner2 {
	margin: 0;
}
#pageStartUserControl_sysNav .wrapper {
	float: none;
	margin: 0 30px;
}
#pageStartUserControl_sysNav a {
	float: none;
	display: inline-block;
	margin: 5px 3px;
	padding: 5px 7px;
	color: var(--sysnav-color, #bbb);
	border-radius: 5px;
	transition: 0.2s;
}
#pageStartUserControl_sysNav a:hover, #pageStartUserControl_sysNav a:link:hover, #pageStartUserControl_sysNav a:visited:hover {
	background-color: var(--sysnav-highlight-bgcolor, color-mix(in srgb, var(--sysnav-bgcolor, #333), #fff 20%));
}
#pageStartUserControl_header #pageStartUserControl_licenseeBranding {
	max-width: none;
	margin: 0 auto;
	padding: 10px 30px;
}
#pageStartUserControl_header.notabs #pageStartUserControl_licenseeBranding {
	padding: 10px 30px 0 30px;
	border: none;
}
#pageStartUserControl_header ul.menu {
	display: none;
}
#pageStartUserControl_tabsUserControl_tabs {
	border-bottom: 1px solid #ccc;
}
#pageStartUserControl_tabsUserControl_tabs ul {
	position: relative;
	top: 1px;
	display: block;
	float: none;
	max-width: 996px;
	margin: 0 auto;
}
#pageStartUserControl_tabsUserControl_tabs li {
	border-style: solid;
	border-width: 3px 1px 1px 1px;
	border-color: transparent transparent #ccc transparent;
	border-radius: 3px 3px 0 0;
}
#pageStartUserControl_tabsUserControl_tabs li:hover {
	border-top-color: color-mix(in srgb, var(--header-bgcolor, #fff), #fff 20%);
}
#pageStartUserControl_tabsUserControl_tabs li.current, #pageStartUserControl_tabsUserControl_tabs li.current:hover {
	background-color: #fff;
	border-color: var(--accent-color, #ccc) #ccc #fff #ccc;
}
#pageStartUserControl_tabsUserControl_tabs li a {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 20px;
	color: var(--header-color, #666);
}
#pageStartUserControl_tabsUserControl_tabs li a:hover {
	background-color: color-mix(in srgb, var(--header-bgcolor, #fff), #fff 20%);
}
#pageStartUserControl_tabsUserControl_tabs li.current a:hover {
	background-color: #fff;
}
#pageStartUserControl_tabsUserControl_tabs li a strong {
	font-weight: bold;
	color: #222;
}
#page {
	display: flex;
	flex-wrap: nowrap;
	max-width: none;
	margin: 0 auto;
	padding: 30px 10px 10px 20px;
}
#login #page {
	display: block;
	max-width: none;
}
#content {
max-width: 65%;
	float: none;
	flex-basis: 67%;
	width: auto;
	padding: 0 20px 20px 20px;
}
#sidebar {
	float: none;
	flex-basis: 33%;
	margin: 0;
}
#sidebar .menu {
	margin: 0;
}
#sidebar .menu li::marker {
    color: var(--accent-color, #ccc);
}

/* 11.MY TRAINING */

.training-plan-search {
	position: absolute;
	top: 2px;
	right: 20px;
}

}/*/mediaquery*/