/* forward planning: define a primary and secondary branding color and apply it as necessary */
body.themeable primary-brand-color {}
body.themeable secondary-brand-color {}


/* backwards compatibility: allow for existing color settings to be used where possible */
body.themeable.blueprint, body.themeable.blueprint #login_body {
background-color: #ffffff !important;
color: #000000 !important;
}

.modal-dialog.modal-notify .modal-body {
  color: #000000;
}

body.themeable.blueprint #header, body.themeable.blueprint #login_header {
background-color: #ffffff;
}
body.themeable.blueprint .navbar.default-color.primary-brand-color, body.themeable.blueprint .modal-header  {
background-color: #5bbf21 !important;
}
body.themeable.blueprint .navbar.navbar-dark .navbar-nav .nav-item .nav-link, body.themeable.blueprint .modal-dialog.modal-notify .heading, .modal-header .close  {
color: #ffffff;	
}

.navbar-toggler .line {
    background-color: #ffffff;
}

body.themeable.blueprint #footer{
background-color: #5bbf21 !important;
}

a:link, a:visited, a:hover, a:active {
color: #00386b;	
}

body.themeable.blueprint .btn-primary{
background-color: #5bbf21 !important;
color: #ffffff !important;
}
body.themeable.blueprint   .btn-primary:hover {
    background-color: #5bbf21 }
body.themeable.blueprint   .btn-primary:focus, body.themeable .btn-primary:active, body.themeable .btn-primary.active {
    background-color: #5bbf21 }
body.themeable.blueprint   .btn-primary.dropdown-toggle {
    background-color: ##5bbf21 !important; }
 body.themeable.blueprint  .btn-primary.dropdown-toggle:hover, body.themeable .btn-primary.dropdown-toggle:focus {
      background-color: #5bbf21 !important; }
body.themeable.blueprint   .btn-primary:not([disabled]):not(.disabled):active, body.themeable .btn-primary:not([disabled]):not(.disabled).active,
 body.themeable.blueprint  .show >  .btn-primary.dropdown-toggle {
    background-color: #5bbf21 !important; }

/* outline buttons */
body.themeable.blueprint .btn-outline-default {
  border-color: #5bbf21 !important;
  color: #d3e8a3 !important; }
body.themeable.blueprint  .btn-outline-default:hover, body.themeable .btn-outline-default:focus, body.themeable .btn-outline-default:active, body.themeable .btn-outline-default:active:focus, body.themeable .btn-outline-default.active {
    border-color: #5bbf21 !important;
    color: #d3e8a3  !important; }
body.themeable.blueprint .btn-outline-default:not([disabled]):not(.disabled):active, body.themeable .btn-outline-default:not([disabled]):not(.disabled).active,
  body.themeable.blueprint .show > .btn-outline-default.dropdown-toggle {
    background-color: transparent !important;
    border-color: #5bbf21  !important; }

    
/* original styles pre 4.11: disabled but kept for reference */
@media DISABLED{
body {
background-color: #ffffff;
color: #000000;
}
  
/* Color of the content pages.  This is the color of the body */
.box, #logincontent, .tabContent {
background-color: #ffffff;
}

.checkbox, .radio, .smsCheckbox, .smsCheckAllCheckbox, .documentTypeCheckAllCheckbox { 
border-color: #ffffff;
}

/* Button background color and font color */
.button, a.button:link, a.button:visited, a.button:active {
background-color: #5bbf21;
color: #ffffff;	
}

/* Button background color when hovering */
a.button:hover  {
background-color: #d3e8a3;
}

input[type="submit"].button:hover{
background-color: #d3e8a3;
} 

#userProfile .richTabHeaderInactiveClass {
background-color: #d3e8a3;
}

/* Background color of the header and menu and alignment of logo */
#header {
background-color: #ffffff;
}

/*Background navigation color */
#navbar, #userProfile .richTabHeaderActiveClass {
background-color: #5bbf21;
}

#userProfile .richTabClass, #userProfile .richTabHeaderClass, #userProfile .rf-tab-hdr-spcr {
border-color: #5bbf21;
}

/* Navigation text color */
#navbar, #userProfile .richTabHeaderActiveClass {
color: #ffffff;	
}

/* Navigation and footer border colors */
#navbar, #footer {
border-color: #003366;
}

/* Background color of the footer */
#footer {
background-color: #5bbf21;
}

/* Font color for hyperlinks */
a:link, a:visited, a:hover, a:active {
color: #00386b;	
}

#auxiliary .richAccItemHeaderClass {
background-color: #FFFFFF;
color: #FFFFFF;
}

#auxiliary .richAccItemClass {
border-color: #FFFFFF;
}
}