.sn-color-000000 { background-color: #000000 !important; }
.sn-color-424242 { background-color: #424242 !important; }
.sn-color-636363 { background-color: #636363 !important; }
.sn-color-9C9C94 { background-color: #9C9C94 !important; }
.sn-color-CEC6CE { background-color: #CEC6CE !important; }
.sn-color-EFEFEF { background-color: #EFEFEF !important; }
.sn-color-F7F7F7 { background-color: #F7F7F7 !important; }
.sn-color-FFFFFF { background-color: #FFFFFF !important; }

.sn-color-FF0000 { background-color: #FF0000 !important; }
.sn-color-FF9C00 { background-color: #FF9C00 !important; }
.sn-color-FFFF00 { background-color: #FFFF00 !important; }
.sn-color-00FF00 { background-color: #00FF00 !important; }
.sn-color-00FFFF { background-color: #00FFFF !important; }
.sn-color-0000FF { background-color: #0000FF !important; }
.sn-color-9C00FF { background-color: #9C00FF !important; }
.sn-color-FF00FF { background-color: #FF00FF !important; }

.sn-color-F7C6CE { background-color: #F7C6CE !important; }
.sn-color-FFE7CE { background-color: #FFE7CE !important ; }
.sn-color-FFEFC6 { background-color: #FFEFC6 !important; }
.sn-color-D6EFD6 { background-color: #D6EFD6 !important; }
.sn-color-CEDEE7 { background-color: #CEDEE7 !important; }
.sn-color-CEE7F7 { background-color: #CEE7F7 !important; }
.sn-color-D6D6E7 { background-color: #D6D6E7 !important; }
.sn-color-E7D6DE { background-color: #E7D6DE !important; }

.sn-color-E79C9C { background-color: #E79C9C !important; }
.sn-color-FFC69C { background-color: #FFC69C !important; }
.sn-color-FFE79C { background-color: #FFE79C !important; }
.sn-color-B5D6A5 { background-color: #B5D6A5 !important; }
.sn-color-A5C6CE { background-color: #A5C6CE !important; }
.sn-color-9CC6EF { background-color: #9CC6EF !important; }
.sn-color-B5A5D6 { background-color: #B5A5D6 !important; }
.sn-color-D6A5BD { background-color: #D6A5BD !important; }

.sn-color-E76363 { background-color: #E76363 !important; }
.sn-color-F7AD6B { background-color: #F7AD6B !important; }
.sn-color-FFD663 { background-color: #FFD663 !important; }
.sn-color-94BD7B { background-color: #94BD7B !important; }
.sn-color-73A5AD { background-color: #73A5AD !important; }
.sn-color-6BADDE { background-color: #6BADDE !important; }
.sn-color-8C7BC6 { background-color: #8C7BC6 !important; }
.sn-color-C67BA5 { background-color: #C67BA5 !important; }

.sn-color-CE0000 { background-color: #CE0000 !important; }
.sn-color-E79439 { background-color: #E79439 !important; }
.sn-color-EFC631 { background-color: #EFC631 !important; }
.sn-color-6BA54A { background-color: #6BA54A !important; }
.sn-color-4A7B8C { background-color: #4A7B8C !important; }
.sn-color-3984C6 { background-color: #3984C6 !important; }
.sn-color-634AA5 { background-color: #634AA5 !important; }
.sn-color-A54A7B { background-color: #A54A7B !important; }

.sn-color-9C0000 { background-color: #9C0000 !important; }
.sn-color-B56308 { background-color: #B56308 !important; }
.sn-color-BD9400 { background-color: #BD9400 !important; }
.sn-color-397B21 { background-color: #397B21 !important; }
.sn-color-104A5A { background-color: #104A5A !important; }
.sn-color-085294 { background-color: #085294 !important; }
.sn-color-311873 { background-color: #311873 !important; }
.sn-color-731842 { background-color: #731842 !important; }

.sn-color-630000 { background-color: #630000 !important; }
.sn-color-7B3900 { background-color: #7B3900 !important; }
.sn-color-846300 { background-color: #846300 !important; }
.sn-color-295218 { background-color: #295218 !important; }
.sn-color-083139 { background-color: #083139 !important; }
.sn-color-003163 { background-color: #003163 !important; }
.sn-color-21104A { background-color: #21104A !important; }
.sn-color-4A1031 { background-color: #4A1031 !important; }

/* ensure buttons render properly */
.note-color-btn {
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
}





.sn-bg-color-000000 { background-color: #000000 !important; }
.sn-bg-color-424242 { background-color: #424242 !important; }
.sn-bg-color-636363 { background-color: #636363 !important; }
.sn-bg-color-9C9C94 { background-color: #9C9C94 !important; }
.sn-bg-color-CEC6CE { background-color: #CEC6CE !important; }
.sn-bg-color-EFEFEF { background-color: #EFEFEF !important; }
.sn-bg-color-F7F7F7 { background-color: #F7F7F7 !important; }
.sn-bg-color-FFFFFF { background-color: #FFFFFF !important; }

.sn-bg-color-FF0000 { background-color: #FF0000 !important; }
.sn-bg-color-FF9C00 { background-color: #FF9C00 !important; }
.sn-bg-color-FFFF00 { background-color: #FFFF00 !important; }
.sn-bg-color-00FF00 { background-color: #00FF00 !important; }
.sn-bg-color-00FFFF { background-color: #00FFFF !important; }
.sn-bg-color-0000FF { background-color: #0000FF !important; }
.sn-bg-color-9C00FF { background-color: #9C00FF !important; }
.sn-bg-color-FF00FF { background-color: #FF00FF !important; }

.sn-bg-color-F7C6CE { background-color: #F7C6CE !important; }
.sn-bg-color-FFE7CE { background-color: #FFE7CE !important ; }
.sn-bg-color-FFEFC6 { background-color: #FFEFC6 !important; }
.sn-bg-color-D6EFD6 { background-color: #D6EFD6 !important; }
.sn-bg-color-CEDEE7 { background-color: #CEDEE7 !important; }
.sn-bg-color-CEE7F7 { background-color: #CEE7F7 !important; }
.sn-bg-color-D6D6E7 { background-color: #D6D6E7 !important; }
.sn-bg-color-E7D6DE { background-color: #E7D6DE !important; }

.sn-bg-color-E79C9C { background-color: #E79C9C !important; }
.sn-bg-color-FFC69C { background-color: #FFC69C !important; }
.sn-bg-color-FFE79C { background-color: #FFE79C !important; }
.sn-bg-color-B5D6A5 { background-color: #B5D6A5 !important; }
.sn-bg-color-A5C6CE { background-color: #A5C6CE !important; }
.sn-bg-color-9CC6EF { background-color: #9CC6EF !important; }
.sn-bg-color-B5A5D6 { background-color: #B5A5D6 !important; }
.sn-bg-color-D6A5BD { background-color: #D6A5BD !important; }

.sn-bg-color-E76363 { background-color: #E76363 !important; }
.sn-bg-color-F7AD6B { background-color: #F7AD6B !important; }
.sn-bg-color-FFD663 { background-color: #FFD663 !important; }
.sn-bg-color-94BD7B { background-color: #94BD7B !important; }
.sn-bg-color-73A5AD { background-color: #73A5AD !important; }
.sn-bg-color-6BADDE { background-color: #6BADDE !important; }
.sn-bg-color-8C7BC6 { background-color: #8C7BC6 !important; }
.sn-bg-color-C67BA5 { background-color: #C67BA5 !important; }

.sn-bg-color-CE0000 { background-color: #CE0000 !important; }
.sn-bg-color-E79439 { background-color: #E79439 !important; }
.sn-bg-color-EFC631 { background-color: #EFC631 !important; }
.sn-bg-color-6BA54A { background-color: #6BA54A !important; }
.sn-bg-color-4A7B8C { background-color: #4A7B8C !important; }
.sn-bg-color-3984C6 { background-color: #3984C6 !important; }
.sn-bg-color-634AA5 { background-color: #634AA5 !important; }
.sn-bg-color-A54A7B { background-color: #A54A7B !important; }

.sn-bg-color-9C0000 { background-color: #9C0000 !important; }
.sn-bg-color-B56308 { background-color: #B56308 !important; }
.sn-bg-color-BD9400 { background-color: #BD9400 !important; }
.sn-bg-color-397B21 { background-color: #397B21 !important; }
.sn-bg-color-104A5A { background-color: #104A5A !important; }
.sn-bg-color-085294 { background-color: #085294 !important; }
.sn-bg-color-311873 { background-color: #311873 !important; }
.sn-bg-color-731842 { background-color: #731842 !important; }

.sn-bg-color-630000 { background-color: #630000 !important; }
.sn-bg-color-7B3900 { background-color: #7B3900 !important; }
.sn-bg-color-846300 { background-color: #846300 !important; }
.sn-bg-color-295218 { background-color: #295218 !important; }
.sn-bg-color-083139 { background-color: #083139 !important; }
.sn-bg-color-003163 { background-color: #003163 !important; }
.sn-bg-color-21104A { background-color: #21104A !important; }
.sn-bg-color-4A1031 { background-color: #4A1031 !important; }



.sn-fg-color-000000 { background-color: #000000 !important; }
.sn-fg-color-424242 { background-color: #424242 !important; }
.sn-fg-color-636363 { background-color: #636363 !important; }
.sn-fg-color-9C9C94 { background-color: #9C9C94 !important; }
.sn-fg-color-CEC6CE { background-color: #CEC6CE !important; }
.sn-fg-color-EFEFEF { background-color: #EFEFEF !important; }
.sn-fg-color-F7F7F7 { background-color: #F7F7F7 !important; }
.sn-fg-color-FFFFFF { background-color: #FFFFFF !important; }

.sn-fg-color-FF0000 { background-color: #FF0000 !important; }
.sn-fg-color-FF9C00 { background-color: #FF9C00 !important; }
.sn-fg-color-FFFF00 { background-color: #FFFF00 !important; }
.sn-fg-color-00FF00 { background-color: #00FF00 !important; }
.sn-fg-color-00FFFF { background-color: #00FFFF !important; }
.sn-fg-color-0000FF { background-color: #0000FF !important; }
.sn-fg-color-9C00FF { background-color: #9C00FF !important; }
.sn-fg-color-FF00FF { background-color: #FF00FF !important; }

.sn-fg-color-F7C6CE { background-color: #F7C6CE !important; }
.sn-fg-color-FFE7CE { background-color: #FFE7CE !important ; }
.sn-fg-color-FFEFC6 { background-color: #FFEFC6 !important; }
.sn-fg-color-D6EFD6 { background-color: #D6EFD6 !important; }
.sn-fg-color-CEDEE7 { background-color: #CEDEE7 !important; }
.sn-fg-color-CEE7F7 { background-color: #CEE7F7 !important; }
.sn-fg-color-D6D6E7 { background-color: #D6D6E7 !important; }
.sn-fg-color-E7D6DE { background-color: #E7D6DE !important; }

.sn-fg-color-E79C9C { background-color: #E79C9C !important; }
.sn-fg-color-FFC69C { background-color: #FFC69C !important; }
.sn-fg-color-FFE79C { background-color: #FFE79C !important; }
.sn-fg-color-B5D6A5 { background-color: #B5D6A5 !important; }
.sn-fg-color-A5C6CE { background-color: #A5C6CE !important; }
.sn-fg-color-9CC6EF { background-color: #9CC6EF !important; }
.sn-fg-color-B5A5D6 { background-color: #B5A5D6 !important; }
.sn-fg-color-D6A5BD { background-color: #D6A5BD !important; }

.sn-fg-color-E76363 { background-color: #E76363 !important; }
.sn-fg-color-F7AD6B { background-color: #F7AD6B !important; }
.sn-fg-color-FFD663 { background-color: #FFD663 !important; }
.sn-fg-color-94BD7B { background-color: #94BD7B !important; }
.sn-fg-color-73A5AD { background-color: #73A5AD !important; }
.sn-fg-color-6BADDE { background-color: #6BADDE !important; }
.sn-fg-color-8C7BC6 { background-color: #8C7BC6 !important; }
.sn-fg-color-C67BA5 { background-color: #C67BA5 !important; }

.sn-fg-color-CE0000 { background-color: #CE0000 !important; }
.sn-fg-color-E79439 { background-color: #E79439 !important; }
.sn-fg-color-EFC631 { background-color: #EFC631 !important; }
.sn-fg-color-6BA54A { background-color: #6BA54A !important; }
.sn-fg-color-4A7B8C { background-color: #4A7B8C !important; }
.sn-fg-color-3984C6 { background-color: #3984C6 !important; }
.sn-fg-color-634AA5 { background-color: #634AA5 !important; }
.sn-fg-color-A54A7B { background-color: #A54A7B !important; }

.sn-fg-color-9C0000 { background-color: #9C0000 !important; }
.sn-fg-color-B56308 { background-color: #B56308 !important; }
.sn-fg-color-BD9400 { background-color: #BD9400 !important; }
.sn-fg-color-397B21 { background-color: #397B21 !important; }
.sn-fg-color-104A5A { background-color: #104A5A !important; }
.sn-fg-color-085294 { background-color: #085294 !important; }
.sn-fg-color-311873 { background-color: #311873 !important; }
.sn-fg-color-731842 { background-color: #731842 !important; }

.sn-fg-color-630000 { background-color: #630000 !important; }
.sn-fg-color-7B3900 { background-color: #7B3900 !important; }
.sn-fg-color-846300 { background-color: #846300 !important; }
.sn-fg-color-295218 { background-color: #295218 !important; }
.sn-fg-color-083139 { background-color: #083139 !important; }
.sn-fg-color-003163 { background-color: #003163 !important; }
.sn-fg-color-21104A { background-color: #21104A !important; }
.sn-fg-color-4A1031 { background-color: #4A1031 !important; }