.my-theme-l5 {color:#004622 !important; background-color:#f2f2f2 !important}
.my-theme-l4 {color:#004622 !important; background-color:#cccccc !important}
.my-theme-l3 {color:#f2f2f2 !important; background-color:#999999 !important}
.my-theme-l2 {color:#f2f2f2 !important; background-color:#666666 !important}
.my-theme-l1 {color:#f2f2f2 !important; background-color:#333333 !important}
.my-theme-d1 {color:#f2f2f2 !important; background-color:#004622 !important}
.my-theme-d2 {color:#f2f2f2 !important; background-color:#004622 !important}
.my-theme-d3 {color:#f2f2f2 !important; background-color:#004622 !important}
.my-theme-d4 {color:#f2f2f2 !important; background-color:#004622 !important}
.my-theme-d5 {color:#f2f2f2 !important; background-color:#004622 !important}

.my-theme-light {color:#004622 !important; background-color:#f2f2f2 !important}
.my-theme-dark {color:#f2f2f2 !important; background-color:#004622 !important}
.my-theme-action {color:#f2f2f2 !important; background-color:#006431 !important}

.my-theme {color:#f2f2f2 !important; background-color:#004622 !important}
.my-text-theme {color:#004622 !important}
.my-border-theme {border-color:#004622 !important}

.my-hover-theme:hover {color:#fff !important; background-color:#006431 !important}
.my-hover-theme2:hover {color:#f2f2f2 !important; background-color:#666666 !important}
.my-hover-theme:hover {color:#fff !important; background-color:#006431 !important}
.my-hover-text-theme:hover {color:#004622 !important}
.my-hover-border-theme:hover {border-color:#004622 !important}

/* As hex codes */

.color-primary-0 { color: #047C3F }	/* Main Primary color */
.color-primary-1 { color: #31A56A }
.color-primary-2 { color: #0F9853 }
.color-primary-3 { color: #006431 }
.color-primary-4 { color: #004622 }

.color-secondary-1-0 { color: #0A4A70 }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #327195 }
.color-secondary-1-2 { color: #155F8A }
.color-secondary-1-3 { color: #043A5B }
.color-secondary-1-4 { color: #02283F }

.color-secondary-2-0 { color: #B06406 }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #EBA146 }
.color-secondary-2-2 { color: #D98116 }
.color-secondary-2-3 { color: #8E4E00 }
.color-secondary-2-4 { color: #633700 }

.color-complement-0 { color: #B02F06 }	/* Main Complement color */
.color-complement-1 { color: #EB6E46 }
.color-complement-2 { color: #D94516 }
.color-complement-3 { color: #8E2200 }
.color-complement-4 { color: #631800 }