/*
  COLORS
  Better default colors for the web
*/
/*
   VARIABLES
   - Cool
   - Warm
   - Gray Scale
*/
/*
   SKINS
   - Backgrounds
   - Colors
   - Border colors
   - SVG fills
   - SVG Strokes
*/
/* Backgrounds */
.bg-navy { background-color: #001F3F !important; }
.bg-blue { background-color: #0074D9 !important; }
.bg-aqua { background-color: #7FDBFF !important; }
.bg-teal { background-color: #39CCCC !important; }
.bg-olive { background-color: #3D9970 !important; }
.bg-green { background-color: #2ECC40 !important; }
.bg-lime { background-color: #01FF70 !important; }
.bg-yellow { background-color: #FFDC00 !important; }
.bg-orange { background-color: #FF851B !important; }
.bg-red { background-color: #FF4136 !important; }
.bg-fuchsia { background-color: #F012BE !important; }
.bg-purple { background-color: #B10DC9 !important; }
.bg-maroon { background-color: #85144B !important; }
.bg-white { background-color: #FFFFFF !important; }
.bg-gray { background-color: #AAAAAA !important; }
.bg-silver { background-color: #DDDDDD !important; }
.bg-black { background-color: #111111 !important; }
/* Colors */
.navy { color: #001F3F !important; }
.blue { color: #0074D9 !important; }
.aqua { color: #7FDBFF !important; }
.teal { color: #39CCCC !important; }
.olive { color: #3D9970 !important; }
.green { color: #2ECC40 !important; }
.lime { color: #01FF70 !important; }
.yellow { color: #FFDC00 !important; }
.orange { color: #FF851B !important; }
.red { color: #FF4136 !important; }
.fuchsia { color: #F012BE !important; }
.purple { color: #B10DC9 !important; }
.maroon { color: #85144B !important; }
.white { color: #FFFFFF !important; }
.silver { color: #DDDDDD !important; }
.gray { color: #AAAAAA !important; }
.black { color: #111111 !important; }
/* Border colors
   Use with another border utility that sets border-width and style
   i.e .border { border-width: 1px) !important; border-style: solid) !important; }
*/
.border--navy { border-color: #001F3F !important; }
.border--blue { border-color: #0074D9 !important; }
.border--aqua { border-color: #7FDBFF !important; }
.border--teal { border-color: #39CCCC !important; }
.border--olive { border-color: #3D9970 !important; }
.border--green { border-color: #2ECC40 !important; }
.border--lime { border-color: #01FF70 !important; }
.border--yellow { border-color: #FFDC00 !important; }
.border--orange { border-color: #FF851B !important; }
.border--red { border-color: #FF4136 !important; }
.border--fuchsia { border-color: #F012BE !important; }
.border--purple { border-color: #B10DC9 !important; }
.border--maroon { border-color: #85144B !important; }
.border--white { border-color: #FFFFFF !important; }
.border--gray { border-color: #AAAAAA !important; }
.border--silver { border-color: #DDDDDD !important; }
.border--black { border-color: #111111 !important; }
/* Fills for SVG */
.fill-navy { fill: #001F3F !important; }
.fill-blue { fill: #0074D9 !important; }
.fill-aqua { fill: #7FDBFF !important; }
.fill-teal { fill: #39CCCC !important; }
.fill-olive { fill: #3D9970 !important; }
.fill-green { fill: #2ECC40 !important; }
.fill-lime { fill: #01FF70 !important; }
.fill-yellow { fill: #FFDC00 !important; }
.fill-orange { fill: #FF851B !important; }
.fill-red { fill: #FF4136 !important; }
.fill-fuchsia { fill: #F012BE !important; }
.fill-purple { fill: #B10DC9 !important; }
.fill-maroon { fill: #85144B !important; }
.fill-white { fill: #FFFFFF !important; }
.fill-gray { fill: #AAAAAA !important; }
.fill-silver { fill: #DDDDDD !important; }
.fill-black { fill: #111111 !important; }
/* Strokes for SVG */
.stroke-navy { stroke: #001F3F !important; }
.stroke-blue { stroke: #0074D9 !important; }
.stroke-aqua { stroke: #7FDBFF !important; }
.stroke-teal { stroke: #39CCCC !important; }
.stroke-olive { stroke: #3D9970 !important; }
.stroke-green { stroke: #2ECC40 !important; }
.stroke-lime { stroke: #01FF70 !important; }
.stroke-yellow { stroke: #FFDC00 !important; }
.stroke-orange { stroke: #FF851B !important; }
.stroke-red { stroke: #FF4136 !important; }
.stroke-fuchsia { stroke: #F012BE !important; }
.stroke-purple { stroke: #B10DC9 !important; }
.stroke-maroon { stroke: #85144B !important; }
.stroke-white { stroke: #FFFFFF !important; }
.stroke-gray { stroke: #AAAAAA !important; }
.stroke-silver { stroke: #DDDDDD !important; }
.stroke-black { stroke: #111111 !important; }