/* ------------------------------------------------------- base paint profile ----------- */

.highblack                      { background:#3f414a; border-color:#3f414a; color:#fff}
.highblack.ooo:focus            { background:#000000; border-color:#000000; color:#fff}
.highblack.ooo:hover            { background:#2c2d34; border-color:#2c2d34; color:#fff}

.stoneblack                     { background:#61636D; border-color:#61636D; color:#fff}
.stoneblack.ooo:focus           { background:#000000; border-color:#000000; color:#fff}
.stoneblack.ooo:hover           { background:#34353C; border-color:#34353C; color:#fff}

.mblack                         { background:#898F94; border-color:#898F94; color:#fff}
.mblack.ooo:focus               { background:#35363A; border-color:#35363A; color:#fff}
.mblack.ooo:hover               { background:#64686D; border-color:#64686D; color:#fff}

.dgray                          { background:#B9B9B9; border-color:#B9B9B9; color:#fff}
.dgray.ooo:focus                { background:#5A5C5F; border-color:#5A5C5F; color:#fff}
.dgray.ooo:hover                { background:#878C90; border-color:#878C90; color:#fff}

.gray                           { background:#d8d8d8; border-color:#d8d8d8; color:#111}
.gray.ooo:focus                 { background:#9c9c9c; border-color:#9c9c9c; color:#111}
.gray.ooo:hover                 { background:#bababa; border-color:#bababa; color:#111}

.blueblack                      { background:#567096; border-color:#567096; color:#fff}
.blueblack.ooo:focus            { background:#132033; border-color:#132033; color:#fff}
.blueblack.ooo:hover            { background:#2F4361; border-color:#2F4361; color:#fff}

.blue                           { background:#5183FF; border-color:#5183FF; color:#fff}
.blue.ooo:focus                 { background:#1945B3; border-color:#1945B3; color:#fff}
.blue.ooo:hover                 { background:#325FD0; border-color:#325FD0; color:#fff}

.green                          { background:#00BF6E; border-color:#00BF6E; color:#fff}
.green.ooo:focus                { background:#037542; border-color:#037542; color:#fff}
.green.ooo:hover                { background:#009455; border-color:#009455; color:#fff}

.orange                         { background:#F78613; border-color:#F78613; color:#fff}
.orange.ooo:focus               { background:#BF4501; border-color:#BF4501; color:#fff}
.orange.ooo:hover               { background:#E25C00; border-color:#E25C00; color:#fff}

.red                            { background:#E03030; border-color:#E03030; color:#fff}
.red.ooo:focus                  { background:#7C0000; border-color:#7C0000; color:#fff}
.red.ooo:hover                  { background:#A70404; border-color:#A70404; color:#fff}

.yellow                         { background:#FDD835; border-color:#FDD835; color:#111}
.yellow.ooo:focus               { background:#EC8204; border-color:#EC8204; color:#111}
.yellow.ooo:hover               { background:#F9A825; border-color:#F9A825; color:#111}

.skyblue                        { background:#4AB9DA; border-color:#4AB9DA; color:#fff}
.skyblue.ooo:focus              { background:#017DA2; border-color:#017DA2; color:#fff}
.skyblue.ooo:hover              { background:#1294BB; border-color:#1294BB; color:#fff}

.purple                         { background:#B960D2; border-color:#B960D2; color:#fff}
.purple.ooo:focus               { background:#712180; border-color:#712180; color:#fff}
.purple.ooo:hover               { background:#9639A7; border-color:#9639A7; color:#fff}

.brown                          { background:#AB7E7E; border-color:#AB7E7E; color:#fff}
.brown.ooo:focus                { background:#583D3D; border-color:#583D3D; color:#fff}
.brown.ooo:hover                { background:#805F5F; border-color:#805F5F; color:#fff}

.white                          { background:#ffffff; border-color:#ffffff; color:#333}
.white.ooo:focus                { background:#cccccc; border-color:#cccccc; color:#333}
.white.ooo:hover                { background:#e5e5e5; border-color:#e5e5e5; color:#333}

.classic                        { background:#ffffff; border-color:#dddddd; color:#333}
.classic.ooo:focus              { background:#cccccc; border-color:#aaaaaa; color:#111}
.classic.ooo:hover              { background:#eeeeee; border-color:#cccccc; color:#222}


.fc-highblack       { color:#1f232b }
.fc-stoneblack      { color:#61636D }
.fc-mblack          { color:#898F94 }
.fc-dgray           { color:#B9B9B9 }
.fc-gray            { color:#d8d8d8 }
.fc-blueblack       { color:#567096 }
.fc-blue            { color:#5183FF }
.fc-green           { color:#00BF6E }
.fc-orange          { color:#F78613 }
.fc-red             { color:#E03030 }
.fc-yellow          { color:#FDD835 }
.fc-skyblue         { color:#4AB9DA }
.fc-purple          { color:#B960D2 }
.fc-brown           { color:#AB7E7E }
.fc-white           { color:#ffffff }

.bc-highblack       { border-color:#1f232b }
.bc-stoneblack      { border-color:#61636D }
.bc-mblack          { border-color:#898F94 }
.bc-dgray           { border-color:#B9B9B9 }
.bc-gray            { border-color:#d8d8d8 }
.bc-blueblack       { border-color:#567096 }
.bc-blue            { border-color:#5183FF }
.bc-green           { border-color:#00BF6E }
.bc-orange          { border-color:#F78613 }
.bc-red             { border-color:#E03030 }
.bc-yellow          { border-color:#FDD835 }
.bc-skyblue         { border-color:#4AB9DA }
.bc-purple          { border-color:#B960D2 }
.bc-brown           { border-color:#AB7E7E }
.bc-white           { border-color:#ffffff }

.bg-highblack       { background:#1f232b }
.bg-stoneblack      { background:#61636D }
.bg-mblack          { background:#898F94 }
.bg-dgray           { background:#B9B9B9 }
.bg-gray            { background:#d8d8d8 }
.bg-blueblack       { background:#567096 }
.bg-blue            { background:#5183FF }
.bg-green           { background:#00BF6E }
.bg-orange          { background:#F78613 }
.bg-red             { background:#E03030 }
.bg-yellow          { background:#FDD835 }
.bg-skyblue         { background:#4AB9DA }
.bg-purple          { background:#B960D2 }
.bg-brown           { background:#AB7E7E }
.bg-white           { background:#ffffff }

.bg-none            { background: transparent }

/* ------------------------------------------------------- custom paint profile ----------- */

.bg-000             { background: #000 }
.bg-333             { background: #333 }
.bg-f2f2f6          { background: #f2f2f6 }
.bg-f0f0f4          { background: #f0f0f4 }
.bg-dadadd          { background: #dadadd }
.bg-FFFBF0          { background: #FFFBF0 }
.bg-d0d0d4          { background: #d0d0d4 }
.bg-eaeaee          { background: #eaeaee }
.bg-e8e8ec          { background: #e8e8ec }
.bg-12151b          { background: #12151b }

.fc-link            { color: #F78613 }
.fc-link:hover      { color: #ff0000}
.fc-linkho-fff:hover{ color: #fff}

.fc-ff6636          { color: #ff6636 }
.fc-aaa             { color: #aaa }
.fc-777             { color: #777 }

.bc-dddde2          { border-color:#dddde2 }
.bc-e0e0e4          { border-color:#e0e0e4 }
.bc-eaeaee          { border-color:#eaeaee }
.bc-c0c0c4          { border-color:#c0c0c4}
.bc-ddd             { border-color:#ddd}
.bc-eee             { border-color:#eee}
.bc-000             { border-color:#000}
.bc-444             { border-color:#444}
.bc-555             { border-color:#555}