:root {
       --color-primary: #F49D21;
       --color-secondary: #68A729;
}

#layout > div > .header,
#layout > #layout-menu .popover-header {
	background-color: #68A729 !important;
	color: #fff !important;
}

#layout-menu,
#taskmenu .special-buttons {
	background-color: var(--color-secondary) !important;
}

#taskmenu a.selected,
#taskmenu a:hover,
.header a.button.icon:not(.disabled):focus, .header a.button.icon:not(.disabled):hover,
.menu a:not(.disabled):focus, .menu a:not(.disabled):hover,
.menu.toolbar .dropbutton:not(.disabled):hover {
	background-color: var(--color-primary) !important;
}


#taskmenu .action-buttons a,
.menu.toolbar a,
#layout > div > .header a.button,
#layout #taskmenu a.logout,
.header a.button.icon:not(.disabled):focus, .header a.button.icon:not(.disabled):hover,
.menu a:not(.disabled):focus, .menu a:not(.disabled):hover {
	color: #fff !important;
}

.short-header {
	position: relative !important;
}

.short-header > img {
	position: absolute;
	max-width: 30px;
	border-radius: 50%;
}

.short-header > .header-content {
	padding-left: 40px;
}

ul.treelist li.selected > a, ul.treelist li.selected > div > a {
	background-color: #edffeb !important;
}

html:not(.touch) .listing li > a:focus, html:not(.touch) .listing.focus tbody tr.focused > td:first-child, html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused > td.selection + td {
	border-left: 2px solid var(--color-primary) !important;
}

.listing li.selected, .listing tr.selected td {
	background-color: #f6eee2!important;
}

#messagecontframe a {
	color: var(--color-secondary) !important;
}

#layout-content .btn-primary {
	background: var(--color-secondary) !important;
	border-color: var(--color-secondary) !important;
}

#layout-content .btn-primary:hover {
	background: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
}

html.layout-phone .popover-header, html.layout-small .popover-header {
	background: var(--color-primary) !important;
}

#rcmbtn113 {
	margin-right: 10px !important;
}

@media screen and (max-width: 768px) {
  #layout > div > .footer.content-frame-navigation {
    background-color: var(--color-secondary) !important;
  }

  .menu.listing a {
    color: #fff !important;
  }
}

html.layout-phone .popover:not(.select-menu), html.layout-small .popover:not(.select-menu) {
	background-color: var(--color-secondary) !important;
}

.popover .menu .dropbutton a.dropdown {
	background-color: var(--color-secondary) !important;
}

.popover .menu li a[aria-haspopup].dropdown::after,
.popover .menu li a[aria-haspopup]::after {
	color: #fff !important;
}