@font-face { font-family: 'metro'; src: url('../fonts/metro.eot?izvoei'); src: url('../fonts/metro.eot?#iefixizvoei') format('embedded-opentype'), url('../fonts/metro.woff?izvoei') format('woff'), url('../fonts/metro.ttf?izvoei') format('truetype'), url('../fonts/metro.svg?izvoei#metro') format('svg'); font-weight: normal; font-style: normal; } [class^="mif-"], [class*=" mif-"] { display: inline-block; font: normal normal normal 1.5em/1; font-family: metro, "Segoe UI", "Open Sans", serif; line-height: 1 !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); transform: translate(0, 0); vertical-align: middle; } [class^="mif-"]:before, [class*=" mif-"]:before { font-family: metro, serif; } .mif-lg { font-size: 1.3rem; line-height: 0.75em; vertical-align: -25%; } .mif-2x { font-size: 1.75rem; vertical-align: -25%; } .mif-3x { font-size: 2.625rem; vertical-align: -30%; } .mif-4x { font-size: 3.5rem; vertical-align: -35%; } .op-default { background-color: rgba(27, 161, 226, 0.7); } .op-black { background-color: rgba(0, 0, 0, 0.7) !important; } .op-white { background-color: rgba(255, 255, 255, 0.7) !important; } .op-lime { background-color: rgba(164, 196, 0, 0.7) !important; } .op-green { background-color: rgba(96, 169, 23, 0.7) !important; } .op-emerald { background-color: rgba(0, 138, 0, 0.7) !important; } .op-teal { background-color: rgba(0, 171, 169, 0.7) !important; } .op-cyan { background-color: rgba(27, 161, 226, 0.7) !important; } .op-cobalt { background-color: rgba(0, 80, 239, 0.7) !important; } .op-indigo { background-color: rgba(106, 0, 255, 0.7) !important; } .op-violet { background-color: rgba(170, 0, 255, 0.7) !important; } .op-pink { background-color: rgba(220, 79, 173, 0.7) !important; } .op-magenta { background-color: rgba(216, 0, 115, 0.7) !important; } .op-crimson { background-color: rgba(162, 0, 37, 0.7) !important; } .op-red { background-color: rgba(206, 53, 44, 0.7) !important; } .op-orange { background-color: rgba(250, 104, 0, 0.7) !important; } .op-amber { background-color: rgba(240, 163, 10, 0.7) !important; } .op-yellow { background-color: rgba(227, 200, 0, 0.7) !important; } .op-brown { background-color: rgba(130, 90, 44, 0.7) !important; } .op-olive { background-color: rgba(109, 135, 100, 0.7) !important; } .op-steel { background-color: rgba(100, 118, 135, 0.7) !important; } .op-mauve { background-color: rgba(118, 96, 138, 0.7) !important; } .op-taupe { background-color: rgba(135, 121, 78, 0.7) !important; } .op-gray { background-color: rgba(85, 85, 85, 0.7) !important; } .op-dark { background-color: rgba(51, 51, 51, 0.7) !important; } .op-darker { background-color: rgba(34, 34, 34, 0.7) !important; } .op-transparent { background-color: rgba(0, 0, 0, 0.7) !important; } .op-darkBrown { background-color: rgba(99, 54, 47, 0.7) !important; } .op-darkCrimson { background-color: rgba(100, 0, 36, 0.7) !important; } .op-darkMagenta { background-color: rgba(129, 0, 60, 0.7) !important; } .op-darkIndigo { background-color: rgba(75, 0, 150, 0.7) !important; } .op-darkCyan { background-color: rgba(27, 110, 174, 0.7) !important; } .op-darkCobalt { background-color: rgba(0, 53, 106, 0.7) !important; } .op-darkTeal { background-color: rgba(0, 64, 80, 0.7) !important; } .op-darkEmerald { background-color: rgba(0, 62, 0, 0.7) !important; } .op-darkGreen { background-color: rgba(18, 128, 35, 0.7) !important; } .op-darkOrange { background-color: rgba(191, 90, 21, 0.7) !important; } .op-darkRed { background-color: rgba(154, 22, 22, 0.7) !important; } .op-darkPink { background-color: rgba(154, 22, 90, 0.7) !important; } .op-darkViolet { background-color: rgba(87, 22, 154, 0.7) !important; } .op-darkBlue { background-color: rgba(22, 73, 154, 0.7) !important; } .op-lightBlue { background-color: rgba(67, 144, 223, 0.7) !important; } .op-lightRed { background-color: rgba(218, 90, 83, 0.7) !important; } .op-lightGreen { background-color: rgba(122, 214, 29, 0.7) !important; } .op-lighterBlue { background-color: rgba(0, 204, 255, 0.7) !important; } .op-lightTeal { background-color: rgba(69, 255, 253, 0.7) !important; } .op-lightOlive { background-color: rgba(120, 170, 28, 0.7) !important; } .op-lightOrange { background-color: rgba(194, 144, 8, 0.7) !important; } .op-lightPink { background-color: rgba(244, 114, 208, 0.7) !important; } .op-grayDark { background-color: rgba(51, 51, 51, 0.7) !important; } .op-grayDarker { background-color: rgba(34, 34, 34, 0.7) !important; } .op-grayLight { background-color: rgba(153, 153, 153, 0.7) !important; } .op-grayLighter { background-color: rgba(238, 238, 238, 0.7) !important; } .op-blue { background-color: rgba(0, 175, 240, 0.7) !important; } .bg-black { background: #000000 !important; } .bg-white { background: #ffffff !important; } .bg-lime { background: #a4c400 !important; } .bg-green { background: #60a917 !important; } .bg-emerald { background: #008a00 !important; } .bg-teal { background: #00aba9 !important; } .bg-cyan { background: #1ba1e2 !important; } .bg-cobalt { background: #0050ef !important; } .bg-indigo { background: #6a00ff !important; } .bg-violet { background: #aa00ff !important; } .bg-pink { background: #dc4fad !important; } .bg-magenta { background: #d80073 !important; } .bg-crimson { background: #a20025 !important; } .bg-red { background: #ce352c !important; } .bg-orange { background: #fa6800 !important; } .bg-amber { background: #f0a30a !important; } .bg-yellow { background: #e3c800 !important; } .bg-brown { background: #825a2c !important; } .bg-olive { background: #6d8764 !important; } .bg-steel { background: #647687 !important; } .bg-mauve { background: #76608a !important; } .bg-taupe { background: #87794e !important; } .bg-gray { background: #555555 !important; } .bg-dark { background: #333333 !important; } .bg-darker { background: #222222 !important; } .bg-transparent { background: transparent !important; } .bg-darkBrown { background: #63362f !important; } .bg-darkCrimson { background: #640024 !important; } .bg-darkMagenta { background: #81003c !important; } .bg-darkIndigo { background: #4b0096 !important; } .bg-darkCyan { background: #1b6eae !important; } .bg-darkCobalt { background: #00356a !important; } .bg-darkTeal { background: #004050 !important; } .bg-darkEmerald { background: #003e00 !important; } .bg-darkGreen { background: #128023 !important; } .bg-darkOrange { background: #bf5a15 !important; } .bg-darkRed { background: #9a1616 !important; } .bg-darkPink { background: #9a165a !important; } .bg-darkViolet { background: #57169a !important; } .bg-darkBlue { background: #16499a !important; } .bg-lightBlue { background: #4390df !important; } .bg-lightRed { background: #da5a53 !important; } .bg-lightGreen { background: #7ad61d !important; } .bg-lighterBlue { background: #00ccff !important; } .bg-lightTeal { background: #45fffd !important; } .bg-lightOlive { background: #78aa1c !important; } .bg-lightOrange { background: #c29008 !important; } .bg-lightPink { background: #f472d0 !important; } .bg-grayDark { background: #333333 !important; } .bg-grayDarker { background: #222222 !important; } .bg-grayLight { background: #999999 !important; } .bg-grayLighter { background: #eeeeee !important; } .bg-blue { background: #00aff0 !important; } .fg-black { color: #000000 !important; } .fg-white { color: #ffffff !important; } .fg-lime { color: #a4c400 !important; } .fg-green { color: #60a917 !important; } .fg-emerald { color: #008a00 !important; } .fg-teal { color: #00aba9 !important; } .fg-cyan { color: #1ba1e2 !important; } .fg-cobalt { color: #0050ef !important; } .fg-indigo { color: #6a00ff !important; } .fg-violet { color: #aa00ff !important; } .fg-pink { color: #dc4fad !important; } .fg-magenta { color: #d80073 !important; } .fg-crimson { color: #a20025 !important; } .fg-red { color: #ce352c !important; } .fg-orange { color: #fa6800 !important; } .fg-amber { color: #f0a30a !important; } .fg-yellow { color: #e3c800 !important; } .fg-brown { color: #825a2c !important; } .fg-olive { color: #6d8764 !important; } .fg-steel { color: #647687 !important; } .fg-mauve { color: #76608a !important; } .fg-taupe { color: #87794e !important; } .fg-gray { color: #555555 !important; } .fg-dark { color: #333333 !important; } .fg-darker { color: #222222 !important; } .fg-transparent { color: transparent !important; } .fg-darkBrown { color: #63362f !important; } .fg-darkCrimson { color: #640024 !important; } .fg-darkMagenta { color: #81003c !important; } .fg-darkIndigo { color: #4b0096 !important; } .fg-darkCyan { color: #1b6eae !important; } .fg-darkCobalt { color: #00356a !important; } .fg-darkTeal { color: #004050 !important; } .fg-darkEmerald { color: #003e00 !important; } .fg-darkGreen { color: #128023 !important; } .fg-darkOrange { color: #bf5a15 !important; } .fg-darkRed { color: #9a1616 !important; } .fg-darkPink { color: #9a165a !important; } .fg-darkViolet { color: #57169a !important; } .fg-darkBlue { color: #16499a !important; } .fg-lightBlue { color: #4390df !important; } .fg-lighterBlue { color: #00ccff !important; } .fg-lightTeal { color: #45fffd !important; } .fg-lightOlive { color: #78aa1c !important; } .fg-lightOrange { color: #c29008 !important; } .fg-lightPink { color: #f472d0 !important; } .fg-lightRed { color: #da5a53 !important; } .fg-lightGreen { color: #7ad61d !important; } .fg-grayDark { color: #333333 !important; } .fg-grayDarker { color: #222222 !important; } .fg-grayLight { color: #999999 !important; } .fg-grayLighter { color: #eeeeee !important; } .fg-blue { color: #00aff0 !important; } .ol-black { outline-color: #000000 !important; } .ol-white { outline-color: #ffffff !important; } .ol-lime { outline-color: #a4c400 !important; } .ol-green { outline-color: #60a917 !important; } .ol-emerald { outline-color: #008a00 !important; } .ol-teal { outline-color: #00aba9 !important; } .ol-cyan { outline-color: #1ba1e2 !important; } .ol-cobalt { outline-color: #0050ef !important; } .ol-indigo { outline-color: #6a00ff !important; } .ol-violet { outline-color: #aa00ff !important; } .ol-pink { outline-color: #dc4fad !important; } .ol-magenta { outline-color: #d80073 !important; } .ol-crimson { outline-color: #a20025 !important; } .ol-red { outline-color: #ce352c !important; } .ol-orange { outline-color: #fa6800 !important; } .ol-amber { outline-color: #f0a30a !important; } .ol-yellow { outline-color: #e3c800 !important; } .ol-brown { outline-color: #825a2c !important; } .ol-olive { outline-color: #6d8764 !important; } .ol-steel { outline-color: #647687 !important; } .ol-mauve { outline-color: #76608a !important; } .ol-taupe { outline-color: #87794e !important; } .ol-gray { outline-color: #555555 !important; } .ol-dark { outline-color: #333333 !important; } .ol-darker { outline-color: #222222 !important; } .ol-transparent { outline-color: transparent !important; } .ol-darkBrown { outline-color: #63362f !important; } .ol-darkCrimson { outline-color: #640024 !important; } .ol-darkMagenta { outline-color: #81003c !important; } .ol-darkIndigo { outline-color: #4b0096 !important; } .ol-darkCyan { outline-color: #1b6eae !important; } .ol-darkCobalt { outline-color: #00356a !important; } .ol-darkTeal { outline-color: #004050 !important; } .ol-darkEmerald { outline-color: #003e00 !important; } .ol-darkGreen { outline-color: #128023 !important; } .ol-darkOrange { outline-color: #bf5a15 !important; } .ol-darkRed { outline-color: #9a1616 !important; } .ol-darkPink { outline-color: #9a165a !important; } .ol-darkViolet { outline-color: #57169a !important; } .ol-darkBlue { outline-color: #16499a !important; } .ol-lightBlue { outline-color: #4390df !important; } .ol-lighterBlue { outline-color: #00ccff !important; } .ol-lightTeal { outline-color: #45fffd !important; } .ol-lightOlive { outline-color: #78aa1c !important; } .ol-lightOrange { outline-color: #c29008 !important; } .ol-lightPink { outline-color: #f472d0 !important; } .ol-lightRed { outline-color: #da5a53 !important; } .ol-lightGreen { outline-color: #7ad61d !important; } .ol-grayDark { outline-color: #333333 !important; } .ol-grayDarker { outline-color: #222222 !important; } .ol-grayLight { outline-color: #999999 !important; } .ol-grayLighter { outline-color: #eeeeee !important; } .ol-blue { outline-color: #00aff0 !important; } .bd-black { border-color: #000000 !important; } .bd-white { border-color: #ffffff !important; } .bd-lime { border-color: #a4c400 !important; } .bd-green { border-color: #60a917 !important; } .bd-emerald { border-color: #008a00 !important; } .bd-teal { border-color: #00aba9 !important; } .bd-cyan { border-color: #1ba1e2 !important; } .bd-cobalt { border-color: #0050ef !important; } .bd-indigo { border-color: #6a00ff !important; } .bd-violet { border-color: #aa00ff !important; } .bd-pink { border-color: #dc4fad !important; } .bd-magenta { border-color: #d80073 !important; } .bd-crimson { border-color: #a20025 !important; } .bd-red { border-color: #ce352c !important; } .bd-orange { border-color: #fa6800 !important; } .bd-amber { border-color: #f0a30a !important; } .bd-yellow { border-color: #e3c800 !important; } .bd-brown { border-color: #825a2c !important; } .bd-olive { border-color: #6d8764 !important; } .bd-steel { border-color: #647687 !important; } .bd-mauve { border-color: #76608a !important; } .bd-taupe { border-color: #87794e !important; } .bd-gray { border-color: #555555 !important; } .bd-dark { border-color: #333333 !important; } .bd-darker { border-color: #222222 !important; } .bd-transparent { border-color: transparent !important; } .bd-darkBrown { border-color: #63362f !important; } .bd-darkCrimson { border-color: #640024 !important; } .bd-darkMagenta { border-color: #81003c !important; } .bd-darkIndigo { border-color: #4b0096 !important; } .bd-darkCyan { border-color: #1b6eae !important; } .bd-darkCobalt { border-color: #00356a !important; } .bd-darkTeal { border-color: #004050 !important; } .bd-darkEmerald { border-color: #003e00 !important; } .bd-darkGreen { border-color: #128023 !important; } .bd-darkOrange { border-color: #bf5a15 !important; } .bd-darkRed { border-color: #9a1616 !important; } .bd-darkPink { border-color: #9a165a !important; } .bd-darkViolet { border-color: #57169a !important; } .bd-darkBlue { border-color: #16499a !important; } .bd-lightBlue { border-color: #4390df !important; } .bd-lightTeal { border-color: #45fffd !important; } .bd-lightOlive { border-color: #78aa1c !important; } .bd-lightOrange { border-color: #c29008 !important; } .bd-lightPink { border-color: #f472d0 !important; } .bd-lightRed { border-color: #da5a53 !important; } .bd-lightGreen { border-color: #7ad61d !important; } .bd-grayDark { border-color: #333333 !important; } .bd-grayDarker { border-color: #222222 !important; } .bd-grayLight { border-color: #999999 !important; } .bd-grayLighter { border-color: #eeeeee !important; } .bd-blue { border-color: #00aff0 !important; } .bg-hover-black:hover { background: #000000 !important; } .bg-hover-white:hover { background: #ffffff !important; } .bg-hover-lime:hover { background: #a4c400 !important; } .bg-hover-green:hover { background: #60a917 !important; } .bg-hover-emerald:hover { background: #008a00 !important; } .bg-hover-teal:hover { background: #00aba9 !important; } .bg-hover-cyan:hover { background: #1ba1e2 !important; } .bg-hover-cobalt:hover { background: #0050ef !important; } .bg-hover-indigo:hover { background: #6a00ff !important; } .bg-hover-violet:hover { background: #aa00ff !important; } .bg-hover-pink:hover { background: #dc4fad !important; } .bg-hover-magenta:hover { background: #d80073 !important; } .bg-hover-crimson:hover { background: #a20025 !important; } .bg-hover-red:hover { background: #ce352c !important; } .bg-hover-orange:hover { background: #fa6800 !important; } .bg-hover-amber:hover { background: #f0a30a !important; } .bg-hover-yellow:hover { background: #e3c800 !important; } .bg-hover-brown:hover { background: #825a2c !important; } .bg-hover-olive:hover { background: #6d8764 !important; } .bg-hover-steel:hover { background: #647687 !important; } .bg-hover-mauve:hover { background: #76608a !important; } .bg-hover-taupe:hover { background: #87794e !important; } .bg-hover-gray:hover { background: #555555 !important; } .bg-hover-dark:hover { background: #333333 !important; } .bg-hover-darker:hover { background: #222222 !important; } .bg-hover-transparent:hover { background: transparent !important; } .bg-hover-darkBrown:hover { background: #63362f !important; } .bg-hover-darkCrimson:hover { background: #640024 !important; } .bg-hover-darkMagenta:hover { background: #81003c !important; } .bg-hover-darkIndigo:hover { background: #4b0096 !important; } .bg-hover-darkCyan:hover { background: #1b6eae !important; } .bg-hover-darkCobalt:hover { background: #00356a !important; } .bg-hover-darkTeal:hover { background: #004050 !important; } .bg-hover-darkEmerald:hover { background: #003e00 !important; } .bg-hover-darkGreen:hover { background: #128023 !important; } .bg-hover-darkOrange:hover { background: #bf5a15 !important; } .bg-hover-darkRed:hover { background: #9a1616 !important; } .bg-hover-darkPink:hover { background: #9a165a !important; } .bg-hover-darkViolet:hover { background: #57169a !important; } .bg-hover-darkBlue:hover { background: #16499a !important; } .bg-hover-lightBlue:hover { background: #4390df !important; } .bg-hover-lightTeal:hover { background: #45fffd !important; } .bg-hover-lightOlive:hover { background: #78aa1c !important; } .bg-hover-lightOrange:hover { background: #c29008 !important; } .bg-hover-lightPink:hover { background: #f472d0 !important; } .bg-hover-lightRed:hover { background: #da5a53 !important; } .bg-hover-lightGreen:hover { background: #7ad61d !important; } .bg-hover-grayDark:hover { background: #333333 !important; } .bg-hover-grayDarker:hover { background: #222222 !important; } .bg-hover-grayLight:hover { background: #999999 !important; } .bg-hover-grayLighter:hover { background: #eeeeee !important; } .bg-hover-blue:hover { background: #00aff0 !important; } .fg-hover-black:hover { color: #000000 !important; } .fg-hover-white:hover { color: #ffffff !important; } .fg-hover-lime:hover { color: #a4c400 !important; } .fg-hover-green:hover { color: #60a917 !important; } .fg-hover-emerald:hover { color: #008a00 !important; } .fg-hover-teal:hover { color: #00aba9 !important; } .fg-hover-cyan:hover { color: #1ba1e2 !important; } .fg-hover-cobalt:hover { color: #0050ef !important; } .fg-hover-indigo:hover { color: #6a00ff !important; } .fg-hover-violet:hover { color: #aa00ff !important; } .fg-hover-pink:hover { color: #dc4fad !important; } .fg-hover-magenta:hover { color: #d80073 !important; } .fg-hover-crimson:hover { color: #a20025 !important; } .fg-hover-red:hover { color: #ce352c !important; } .fg-hover-orange:hover { color: #fa6800 !important; } .fg-hover-amber:hover { color: #f0a30a !important; } .fg-hover-yellow:hover { color: #e3c800 !important; } .fg-hover-brown:hover { color: #825a2c !important; } .fg-hover-olive:hover { color: #6d8764 !important; } .fg-hover-steel:hover { color: #647687 !important; } .fg-hover-mauve:hover { color: #76608a !important; } .fg-hover-taupe:hover { color: #87794e !important; } .fg-hover-gray:hover { color: #555555 !important; } .fg-hover-dark:hover { color: #333333 !important; } .fg-hover-darker:hover { color: #222222 !important; } .fg-hover-transparent:hover { color: transparent !important; } .fg-hover-darkBrown:hover { color: #63362f !important; } .fg-hover-darkCrimson:hover { color: #640024 !important; } .fg-hover-darkMagenta:hover { color: #81003c !important; } .fg-hover-darkIndigo:hover { color: #4b0096 !important; } .fg-hover-darkCyan:hover { color: #1b6eae !important; } .fg-hover-darkCobalt:hover { color: #00356a !important; } .fg-hover-darkTeal:hover { color: #004050 !important; } .fg-hover-darkEmerald:hover { color: #003e00 !important; } .fg-hover-darkGreen:hover { color: #128023 !important; } .fg-hover-darkOrange:hover { color: #bf5a15 !important; } .fg-hover-darkRed:hover { color: #9a1616 !important; } .fg-hover-darkPink:hover { color: #9a165a !important; } .fg-hover-darkViolet:hover { color: #57169a !important; } .fg-hover-darkBlue:hover { color: #16499a !important; } .fg-hover-lightBlue:hover { color: #4390df !important; } .fg-hover-lightTeal:hover { color: #45fffd !important; } .fg-hover-lightOlive:hover { color: #78aa1c !important; } .fg-hover-lightOrange:hover { color: #c29008 !important; } .fg-hover-lightPink:hover { color: #f472d0 !important; } .fg-hover-lightRed:hover { color: #da5a53 !important; } .fg-hover-lightGreen:hover { color: #7ad61d !important; } .fg-hover-grayDark:hover { color: #333333 !important; } .fg-hover-grayDarker:hover { color: #222222 !important; } .fg-hover-grayLight:hover { color: #999999 !important; } .fg-hover-grayLighter:hover { color: #eeeeee !important; } .fg-hover-blue:hover { color: #00aff0 !important; } .bg-active-black:active { background: #000000 !important; } .bg-active-white:active { background: #ffffff !important; } .bg-active-lime:active { background: #a4c400 !important; } .bg-active-green:active { background: #60a917 !important; } .bg-active-emerald:active { background: #008a00 !important; } .bg-active-teal:active { background: #00aba9 !important; } .bg-active-cyan:active { background: #1ba1e2 !important; } .bg-active-cobalt:active { background: #0050ef !important; } .bg-active-indigo:active { background: #6a00ff !important; } .bg-active-violet:active { background: #aa00ff !important; } .bg-active-pink:active { background: #dc4fad !important; } .bg-active-magenta:active { background: #d80073 !important; } .bg-active-crimson:active { background: #a20025 !important; } .bg-active-red:active { background: #ce352c !important; } .bg-active-orange:active { background: #fa6800 !important; } .bg-active-amber:active { background: #f0a30a !important; } .bg-active-yellow:active { background: #e3c800 !important; } .bg-active-brown:active { background: #825a2c !important; } .bg-active-olive:active { background: #6d8764 !important; } .bg-active-steel:active { background: #647687 !important; } .bg-active-mauve:active { background: #76608a !important; } .bg-active-taupe:active { background: #87794e !important; } .bg-active-gray:active { background: #555555 !important; } .bg-active-dark:active { background: #333333 !important; } .bg-active-darker:active { background: #222222 !important; } .bg-active-transparent:active { background: transparent !important; } .bg-active-darkBrown:active { background: #63362f !important; } .bg-active-darkCrimson:active { background: #640024 !important; } .bg-active-darkMagenta:active { background: #81003c !important; } .bg-active-darkIndigo:active { background: #4b0096 !important; } .bg-active-darkCyan:active { background: #1b6eae !important; } .bg-active-darkCobalt:active { background: #00356a !important; } .bg-active-darkTeal:active { background: #004050 !important; } .bg-active-darkEmerald:active { background: #003e00 !important; } .bg-active-darkGreen:active { background: #128023 !important; } .bg-active-darkOrange:active { background: #bf5a15 !important; } .bg-active-darkRed:active { background: #9a1616 !important; } .bg-active-darkPink:active { background: #9a165a !important; } .bg-active-darkViolet:active { background: #57169a !important; } .bg-active-darkBlue:active { background: #16499a !important; } .bg-active-lightBlue:active { background: #4390df !important; } .bg-active-lightTeal:active { background: #45fffd !important; } .bg-active-lightOlive:active { background: #78aa1c !important; } .bg-active-lightOrange:active { background: #c29008 !important; } .bg-active-lightPink:active { background: #f472d0 !important; } .bg-active-lightRed:active { background: #da5a53 !important; } .bg-active-lightGreen:active { background: #7ad61d !important; } .bg-active-grayDark:active { background: #333333 !important; } .bg-active-grayDarker:active { background: #222222 !important; } .bg-active-grayLight:active { background: #999999 !important; } .bg-active-grayLighter:active { background: #eeeeee !important; } .bg-active-blue:active { background: #00aff0 !important; } .fg-active-black:active { color: #000000 !important; } .fg-active-white:active { color: #ffffff !important; } .fg-active-lime:active { color: #a4c400 !important; } .fg-active-green:active { color: #60a917 !important; } .fg-active-emerald:active { color: #008a00 !important; } .fg-active-teal:active { color: #00aba9 !important; } .fg-active-cyan:active { color: #1ba1e2 !important; } .fg-active-cobalt:active { color: #0050ef !important; } .fg-active-indigo:active { color: #6a00ff !important; } .fg-active-violet:active { color: #aa00ff !important; } .fg-active-pink:active { color: #dc4fad !important; } .fg-active-magenta:active { color: #d80073 !important; } .fg-active-crimson:active { color: #a20025 !important; } .fg-active-red:active { color: #ce352c !important; } .fg-active-orange:active { color: #fa6800 !important; } .fg-active-amber:active { color: #f0a30a !important; } .fg-active-yellow:active { color: #e3c800 !important; } .fg-active-brown:active { color: #825a2c !important; } .fg-active-olive:active { color: #6d8764 !important; } .fg-active-steel:active { color: #647687 !important; } .fg-active-mauve:active { color: #76608a !important; } .fg-active-taupe:active { color: #87794e !important; } .fg-active-gray:active { color: #555555 !important; } .fg-active-dark:active { color: #333333 !important; } .fg-active-darker:active { color: #222222 !important; } .fg-active-transparent:active { color: transparent !important; } .fg-active-darkBrown:active { color: #63362f !important; } .fg-active-darkCrimson:active { color: #640024 !important; } .fg-active-darkMagenta:active { color: #81003c !important; } .fg-active-darkIndigo:active { color: #4b0096 !important; } .fg-active-darkCyan:active { color: #1b6eae !important; } .fg-active-darkCobalt:active { color: #00356a !important; } .fg-active-darkTeal:active { color: #004050 !important; } .fg-active-darkEmerald:active { color: #003e00 !important; } .fg-active-darkGreen:active { color: #128023 !important; } .fg-active-darkOrange:active { color: #bf5a15 !important; } .fg-active-darkRed:active { color: #9a1616 !important; } .fg-active-darkPink:active { color: #9a165a !important; } .fg-active-darkViolet:active { color: #57169a !important; } .fg-active-darkBlue:active { color: #16499a !important; } .fg-active-lightBlue:active { color: #4390df !important; } .fg-active-lightTeal:active { color: #45fffd !important; } .fg-active-lightOlive:active { color: #78aa1c !important; } .fg-active-lightOrange:active { color: #c29008 !important; } .fg-active-lightPink:active { color: #f472d0 !important; } .fg-active-lightRed:active { color: #da5a53 !important; } .fg-active-lightGreen:active { color: #7ad61d !important; } .fg-active-grayDark:active { color: #333333 !important; } .fg-active-grayDarker:active { color: #222222 !important; } .fg-active-grayLight:active { color: #999999 !important; } .fg-active-grayLighter:active { color: #eeeeee !important; } .fg-active-blue:active { color: #00aff0 !important; } .bg-focus-black:focus { background: #000000 !important; } .bg-focus-white:focus { background: #ffffff !important; } .bg-focus-lime:focus { background: #a4c400 !important; } .bg-focus-green:focus { background: #60a917 !important; } .bg-focus-emerald:focus { background: #008a00 !important; } .bg-focus-teal:focus { background: #00aba9 !important; } .bg-focus-cyan:focus { background: #1ba1e2 !important; } .bg-focus-cobalt:focus { background: #0050ef !important; } .bg-focus-indigo:focus { background: #6a00ff !important; } .bg-focus-violet:focus { background: #aa00ff !important; } .bg-focus-pink:focus { background: #dc4fad !important; } .bg-focus-magenta:focus { background: #d80073 !important; } .bg-focus-crimson:focus { background: #a20025 !important; } .bg-focus-red:focus { background: #ce352c !important; } .bg-focus-orange:focus { background: #fa6800 !important; } .bg-focus-amber:focus { background: #f0a30a !important; } .bg-focus-yellow:focus { background: #e3c800 !important; } .bg-focus-brown:focus { background: #825a2c !important; } .bg-focus-olive:focus { background: #6d8764 !important; } .bg-focus-steel:focus { background: #647687 !important; } .bg-focus-mauve:focus { background: #76608a !important; } .bg-focus-taupe:focus { background: #87794e !important; } .bg-focus-gray:focus { background: #555555 !important; } .bg-focus-dark:focus { background: #333333 !important; } .bg-focus-darker:focus { background: #222222 !important; } .bg-focus-transparent:focus { background: transparent !important; } .bg-focus-darkBrown:focus { background: #63362f !important; } .bg-focus-darkCrimson:focus { background: #640024 !important; } .bg-focus-darkMagenta:focus { background: #81003c !important; } .bg-focus-darkIndigo:focus { background: #4b0096 !important; } .bg-focus-darkCyan:focus { background: #1b6eae !important; } .bg-focus-darkCobalt:focus { background: #00356a !important; } .bg-focus-darkTeal:focus { background: #004050 !important; } .bg-focus-darkEmerald:focus { background: #003e00 !important; } .bg-focus-darkGreen:focus { background: #128023 !important; } .bg-focus-darkOrange:focus { background: #bf5a15 !important; } .bg-focus-darkRed:focus { background: #9a1616 !important; } .bg-focus-darkPink:focus { background: #9a165a !important; } .bg-focus-darkViolet:focus { background: #57169a !important; } .bg-focus-darkBlue:focus { background: #16499a !important; } .bg-focus-lightBlue:focus { background: #4390df !important; } .bg-focus-lightTeal:focus { background: #45fffd !important; } .bg-focus-lightOlive:focus { background: #78aa1c !important; } .bg-focus-lightOrange:focus { background: #c29008 !important; } .bg-focus-lightPink:focus { background: #f472d0 !important; } .bg-focus-lightRed:focus { background: #da5a53 !important; } .bg-focus-lightGreen:focus { background: #7ad61d !important; } .bg-focus-grayDark:focus { background: #333333 !important; } .bg-focus-grayDarker:focus { background: #222222 !important; } .bg-focus-grayLight:focus { background: #999999 !important; } .bg-focus-grayLighter:focus { background: #eeeeee !important; } .bg-focus-blue:focus { background: #00aff0 !important; } .fg-focus-black:focus { color: #000000 !important; } .fg-focus-white:focus { color: #ffffff !important; } .fg-focus-lime:focus { color: #a4c400 !important; } .fg-focus-green:focus { color: #60a917 !important; } .fg-focus-emerald:focus { color: #008a00 !important; } .fg-focus-teal:focus { color: #00aba9 !important; } .fg-focus-cyan:focus { color: #1ba1e2 !important; } .fg-focus-cobalt:focus { color: #0050ef !important; } .fg-focus-indigo:focus { color: #6a00ff !important; } .fg-focus-violet:focus { color: #aa00ff !important; } .fg-focus-pink:focus { color: #dc4fad !important; } .fg-focus-magenta:focus { color: #d80073 !important; } .fg-focus-crimson:focus { color: #a20025 !important; } .fg-focus-red:focus { color: #ce352c !important; } .fg-focus-orange:focus { color: #fa6800 !important; } .fg-focus-amber:focus { color: #f0a30a !important; } .fg-focus-yellow:focus { color: #e3c800 !important; } .fg-focus-brown:focus { color: #825a2c !important; } .fg-focus-olive:focus { color: #6d8764 !important; } .fg-focus-steel:focus { color: #647687 !important; } .fg-focus-mauve:focus { color: #76608a !important; } .fg-focus-taupe:focus { color: #87794e !important; } .fg-focus-gray:focus { color: #555555 !important; } .fg-focus-dark:focus { color: #333333 !important; } .fg-focus-darker:focus { color: #222222 !important; } .fg-focus-transparent:focus { color: transparent !important; } .fg-focus-darkBrown:focus { color: #63362f !important; } .fg-focus-darkCrimson:focus { color: #640024 !important; } .fg-focus-darkMagenta:focus { color: #81003c !important; } .fg-focus-darkIndigo:focus { color: #4b0096 !important; } .fg-focus-darkCyan:focus { color: #1b6eae !important; } .fg-focus-darkCobalt:focus { color: #00356a !important; } .fg-focus-darkTeal:focus { color: #004050 !important; } .fg-focus-darkEmerald:focus { color: #003e00 !important; } .fg-focus-darkGreen:focus { color: #128023 !important; } .fg-focus-darkOrange:focus { color: #bf5a15 !important; } .fg-focus-darkRed:focus { color: #9a1616 !important; } .fg-focus-darkPink:focus { color: #9a165a !important; } .fg-focus-darkViolet:focus { color: #57169a !important; } .fg-focus-darkBlue:focus { color: #16499a !important; } .fg-focus-lightBlue:focus { color: #4390df !important; } .fg-focus-lightTeal:focus { color: #45fffd !important; } .fg-focus-lightOlive:focus { color: #78aa1c !important; } .fg-focus-lightOrange:focus { color: #c29008 !important; } .fg-focus-lightPink:focus { color: #f472d0 !important; } .fg-focus-lightRed:focus { color: #da5a53 !important; } .fg-focus-lightGreen:focus { color: #7ad61d !important; } .fg-focus-grayDark:focus { color: #333333 !important; } .fg-focus-grayDarker:focus { color: #222222 !important; } .fg-focus-grayLight:focus { color: #999999 !important; } .fg-focus-grayLighter:focus { color: #eeeeee !important; } .fg-focus-blue:focus { color: #00aff0 !important; } .ribbed-black { background: #000000 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-white { background: #ffffff linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-lime { background: #a4c400 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-green { background: #60a917 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-emerald { background: #008a00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-teal { background: #00aba9 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-cyan { background: #1ba1e2 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-cobalt { background: #0050ef linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-indigo { background: #6a00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-violet { background: #aa00ff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-pink { background: #dc4fad linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-magenta { background: #d80073 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-crimson { background: #a20025 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-red { background: #ce352c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-orange { background: #fa6800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-amber { background: #f0a30a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-yellow { background: #e3c800 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-brown { background: #825a2c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-olive { background: #6d8764 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-steel { background: #647687 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-mauve { background: #76608a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-taupe { background: #87794e linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-dark { background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darker { background: #1d1d1d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkBrown { background: #63362f linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkCrimson { background: #640024 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkMagenta { background: #81003c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkIndigo { background: #4b0096 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkCyan { background: #1b6eae linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkCobalt { background: #00356a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkTeal { background: #004050 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkEmerald { background: #003e00 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkGreen { background: #128023 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkOrange { background: #bf5a15 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkRed { background: #9a1616 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkPink { background: #9a165a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkViolet { background: #57169a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-darkBlue { background: #16499a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-lightBlue { background: #4390df linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-lightTeal { background: #45fffd linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-lightOlive { background: #78aa1c linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-lightOrange { background: #c29008 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-lightPink { background: #f472d0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-lightRed { background: #da5a53 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-lightGreen { background: #7ad61d linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-lighterBlue { background: #00ccff linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-grayed { background: #585858 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-grayDark { background: #333333 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-grayDarker { background: #222222 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-gray { background: #555555 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-grayLight { background: #999999 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-grayLighter { background: #eeeeee linear-gradient(-45deg, rgba(0, 0, 0, 0.15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .ribbed-blue { background: #00aff0 linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important; background-size: 40px 40px !important; } .dropdown-toggle { position: relative; cursor: pointer; } .dropdown-toggle:before { display: block; position: absolute; vertical-align: middle; color: transparent; font-size: 0; content: ""; height: 5px; width: 5px; background-color: transparent !important; border-left: 1px solid; border-bottom: 1px solid; border-color: #1d1d1d; top: 50%; left: 100%; margin-left: -1rem; margin-top: -0.1625rem; z-index: 2; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .dropdown-toggle.drop-marker-light:before { border-color: #ffffff; } *.dropdown-toggle { padding-right: 1.625rem; } .flush-list { padding: 0; margin: 0; list-style: none inside none; } .shadow { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35); } .block-shadow { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); } .block-shadow-success { box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7); } .block-shadow-error { box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7); } .block-shadow-danger { box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7); } .block-shadow-warning { box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7); } .block-shadow-info { box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7); } .block-shadow-impact { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } .bottom-shadow { box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35); } .text-shadow { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); } .no-shadow { box-shadow: none !important; } .full-size { width: 100% !important; } .block { display: block !important; } .inline-block { display: inline-block !important; } .no-display { display: none !important; } .no-margin { margin: 0 !important; } .no-margin-right { margin-right: 0 !important; } .no-margin-left { margin-left: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-padding { padding: 0 !important; } .no-padding-left { padding-left: 0 !important; } .no-padding-right { padding-right: 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .no-float { float: none !important; } .no-visible { visibility: hidden !important; } .no-border { border: 0 !important; } .no-overflow { overflow: hidden !important; } .place-right { float: right !important; } .place-left { float: left !important; } .clear-float:before, .clear-float:after { display: table; content: ""; } .clear-float:after { clear: both; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } .no-user-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .no-appearance { -moz-appearance: none; -webkit-appearance: none; appearance: none; } .debug { border: 1px dashed red; } .example { padding: .625rem 1.825rem .625rem 2.5rem; border: 1px #ccc dashed; position: relative; margin: 0 0 .625rem 0; background-color: #ffffff; } .example:before, .example:after { display: table; content: ""; } .example:after { clear: both; } .example:before { position: absolute; content: attr(data-text); text-transform: lowercase; left: 1.5rem; top: 11.875rem; color: gray; display: block; font-size: 1rem; line-height: 1rem; height: 1rem; text-align: right; white-space: nowrap; direction: ltr; width: 12.5rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .padding10 { padding: 0.625rem; } .padding20 { padding: 1.25rem; } .padding30 { padding: 1.875rem; } .padding40 { padding: 2.5rem; } .padding50 { padding: 3.125rem; } .padding60 { padding: 3.75rem; } .padding70 { padding: 4.375rem; } .padding80 { padding: 5rem; } .padding90 { padding: 5.625rem; } .padding100 { padding: 6.25rem; } .padding5 { padding: 5px; } .margin5 { margin: 5px; } .margin10 { margin: 0.625rem; } .margin20 { margin: 1.25rem; } .margin30 { margin: 1.875rem; } .margin40 { margin: 2.5rem; } .margin50 { margin: 3.125rem; } .margin60 { margin: 3.75rem; } .margin70 { margin: 4.375rem; } .margin80 { margin: 5rem; } .margin90 { margin: 5.625rem; } .margin100 { margin: 6.25rem; } .opacity { opacity: .9; } .half-opacity { opacity: .5; } .hi-opacity { opacity: .2; } .element-selected { border: 4px #4390df solid !important; } .element-selected:after { position: absolute; display: block; border-top: 28px solid #4390df; border-left: 28px solid transparent; right: 0; content: ""; top: 0; z-index: 101; } .element-selected:before { position: absolute; display: block; content: ""; background-color: transparent; border-color: #ffffff !important; border-left: 2px solid; border-bottom: 2px solid; height: .25rem; width: .5rem; right: 0; top: 0; z-index: 102; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* Block function */ .set-border { border: 1px #eeeeee solid; } .set-border.medium-border { border-width: 8px; } .set-border.large-border { border-width: 16px; } .no-border { border: none !important; } .no-border-left { border-left: none !important; } .no-border-right { border-right: none !important; } .no-border-top { border-top: none !important; } .no-border-bottom { border-bottom: none !important; } .transparent-border { border-color: transparent !important; } /* transform functions */ .rotate45 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .rotate90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .rotate135 { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .rotate180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .rotate225 { -webkit-transform: rotate(225deg); transform: rotate(225deg); } .rotate270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .rotate360 { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .rotate-45 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .rotate-90 { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .rotate-135 { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .rotate-180 { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .rotate-225 { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); } .rotate-270 { -webkit-transform: rotate(-270deg); transform: rotate(-270deg); } .rotate-360 { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .rotateX45 { -webkit-transform: rotateX(45deg); transform: rotateX(45deg); } .rotateX90 { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } .rotateX135 { -webkit-transform: rotateX(135deg); transform: rotateX(135deg); } .rotateX180 { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .rotateX225 { -webkit-transform: rotateX(225deg); transform: rotateX(225deg); } .rotateX270 { -webkit-transform: rotateX(270deg); transform: rotateX(270deg); } .rotateX360 { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } .rotateX-45 { -webkit-transform: rotateX(-45deg); transform: rotateX(-45deg); } .rotateX-90 { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } .rotateX-135 { -webkit-transform: rotateX(-135deg); transform: rotateX(-135deg); } .rotateX-180 { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .rotateX-225 { -webkit-transform: rotateX(-225deg); transform: rotateX(-225deg); } .rotateX-270 { -webkit-transform: rotateX(-270deg); transform: rotateX(-270deg); } .rotateX-360 { -webkit-transform: rotateX(-360deg); transform: rotateX(-360deg); } .rotateY45 { -webkit-transform: rotateY(45deg); transform: rotateY(45deg); } .rotateY90 { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } .rotateY135 { -webkit-transform: rotateY(135deg); transform: rotateY(135deg); } .rotateY180 { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .rotateY225 { -webkit-transform: rotateY(225deg); transform: rotateY(225deg); } .rotateY270 { -webkit-transform: rotateY(270deg); transform: rotateY(270deg); } .rotateY360 { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .rotateY-45 { -webkit-transform: rotateY(-45deg); transform: rotateY(-45deg); } .rotateY-90 { -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } .rotateY-135 { -webkit-transform: rotateY(-135deg); transform: rotateY(-135deg); } .rotateY-180 { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .rotateY-225 { -webkit-transform: rotateY(-225deg); transform: rotateY(-225deg); } .rotateY-270 { -webkit-transform: rotateY(-270deg); transform: rotateY(-270deg); } .rotateY-360 { -webkit-transform: rotateY(-360deg); transform: rotateY(-360deg); } @-webkit-keyframes swinging { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 5% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 10% { -webkit-transform: rotate(-9deg); transform: rotate(-9deg); } 15% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } 20% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 25% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 30% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 35% { -webkit-transform: rotate(4deg); transform: rotate(4deg); } 40% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 45% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swinging { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 5% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 10% { -webkit-transform: rotate(-9deg); transform: rotate(-9deg); } 15% { -webkit-transform: rotate(8deg); transform: rotate(8deg); } 20% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 25% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 30% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 35% { -webkit-transform: rotate(4deg); transform: rotate(4deg); } 40% { -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } 45% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(10px) rotate(-90deg); transform: translateX(10px) rotate(-90deg); } 50% { -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg); transform: translateX(10px) translateY(10px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg); transform: translateX(10px) translateY(10px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg); transform: translateX(0px) translateY(10px) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes cubemove { 25% { -webkit-transform: translateX(10px) rotate(-90deg); transform: translateX(10px) rotate(-90deg); } 50% { -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg); transform: translateX(10px) translateY(10px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg); transform: translateX(10px) translateY(10px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg); transform: translateX(0px) translateY(10px) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes orbit { 0% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: rotate(225deg); transform: rotate(225deg); } 7% { -webkit-transform: rotate(345deg); transform: rotate(345deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 35% { -webkit-transform: rotate(495deg); transform: rotate(495deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 42% { -webkit-transform: rotate(690deg); transform: rotate(690deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 70% { opacity: 1; -webkit-transform: rotate(835deg); transform: rotate(835deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 76% { opacity: 1; } 77% { -webkit-transform: rotate(955deg); transform: rotate(955deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 78% { -webkit-transform: rotate(955deg); transform: rotate(955deg); opacity: 0; } 100% { -webkit-transform: rotate(955deg); transform: rotate(955deg); opacity: 0; } } @keyframes orbit { 0% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: rotate(225deg); transform: rotate(225deg); } 7% { -webkit-transform: rotate(345deg); transform: rotate(345deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 35% { -webkit-transform: rotate(495deg); transform: rotate(495deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 42% { -webkit-transform: rotate(690deg); transform: rotate(690deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 70% { opacity: 1; -webkit-transform: rotate(835deg); transform: rotate(835deg); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 76% { opacity: 1; } 77% { -webkit-transform: rotate(955deg); transform: rotate(955deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 78% { -webkit-transform: rotate(955deg); transform: rotate(955deg); opacity: 0; } 100% { -webkit-transform: rotate(955deg); transform: rotate(955deg); opacity: 0; } } @-webkit-keyframes metro-slide { 0% { left: -50%; } 100% { left: 150%; } } @keyframes metro-slide { 0% { left: -50%; } 100% { left: 150%; } } @-webkit-keyframes metro-opacity { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes metro-opacity { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } .mif-ani-spin { -webkit-animation: mif-ani-spin 1s infinite linear; animation: mif-ani-spin 1s infinite linear; } .mif-ani-pulse { -webkit-animation: mif-ani-pulse 1s infinite; animation: mif-ani-pulse 1s infinite; } @-webkit-keyframes mif-ani-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mif-ani-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes mif-ani-pulse { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes mif-ani-pulse { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .mif-wifi-low:before { content: "\e60c"; } .mif-wifi-mid:before { content: "\e60d"; } .mif-wifi-full:before { content: "\e634"; } .mif-tablet-landscape:before { content: "\e635"; } .mif-calculator2:before { content: "\e636"; } .mif-barbell:before { content: "\e637"; } .mif-chart-line:before { content: "\e656"; } .mif-3d-rotation:before { content: "\e600"; } .mif-alarm:before { content: "\e601"; } .mif-alarm-on:before { content: "\e602"; } .mif-favorite:before { content: "\e603"; } .mif-perm-phone-msg:before { content: "\e604"; } .mif-print:before { content: "\e605"; } .mif-bt-settings:before { content: "\e606"; } .mif-settings-ethernet:before { content: "\e607"; } .mif-settings-phone:before { content: "\e608"; } .mif-settings-power:before { content: "\e609"; } .mif-settings-voice:before { content: "\e60a"; } .mif-shopping-basket:before { content: "\e60b"; } .mif-dialer-sip:before { content: "\e60e"; } .mif-dialpad:before { content: "\e60f"; } .mif-contacts-dialer:before { content: "\e610"; } .mif-contacts-mail:before { content: "\e611"; } .mif-ring-volume:before { content: "\e612"; } .mif-voicemail:before { content: "\e613"; } .mif-drafts:before { content: "\e614"; } .mif-mail:before { content: "\e615"; } .mif-bluetooth:before { content: "\e626"; } .mif-bt-connected:before { content: "\e627"; } .mif-bt-disabled:before { content: "\e628"; } .mif-bt-searching:before { content: "\e629"; } .mif-brightness-auto:before { content: "\e62a"; } .mif-multitrack-audio:before { content: "\e616"; } .mif-widgets:before { content: "\e617"; } .mif-usb:before { content: "\e638"; } .mif-money:before { content: "\e639"; } .mif-vertical-align-bottom:before { content: "\e63a"; } .mif-vertical-align-center:before { content: "\e63b"; } .mif-vertical-align-top:before { content: "\e63c"; } .mif-file-download:before { content: "\e63d"; } .mif-file-upload:before { content: "\e63e"; } .mif-keyboard-return:before { content: "\e63f"; } .mif-keyboard-voice:before { content: "\e640"; } .mif-phonelink:before { content: "\e641"; } .mif-phonelink-off:before { content: "\e642"; } .mif-security:before { content: "\e618"; } .mif-looks:before { content: "\e643"; } .mif-palette:before { content: "\e619"; } .mif-layers:before { content: "\e644"; } .mif-layers-clear:before { content: "\e61a"; } .mif-local-airport:before { content: "\e645"; } .mif-florist:before { content: "\e61b"; } .mif-gas-station:before { content: "\e61c"; } .mif-hotel:before { content: "\e646"; } .mif-local-service:before { content: "\e61d"; } .mif-map2:before { content: "\e620"; } .mif-my-location:before { content: "\e61e"; } .mif-traff:before { content: "\e621"; } .mif-apps:before { content: "\e647"; } .mif-chevron-left:before { content: "\e648"; } .mif-chevron-right:before { content: "\e649"; } .mif-expand-less:before { content: "\e64a"; } .mif-expand-more:before { content: "\e64b"; } .mif-menu:before { content: "\e64c"; } .mif-more-horiz:before { content: "\e64d"; } .mif-more-vert:before { content: "\e64e"; } .mif-unfold-less:before { content: "\e64f"; } .mif-unfold-more:before { content: "\e650"; } .mif-bt-audio:before { content: "\e651"; } .mif-not:before { content: "\e633"; } .mif-drive-eta:before { content: "\e652"; } .mif-event-available:before { content: "\e653"; } .mif-event-busy:before { content: "\e654"; } .mif-folder-special:before { content: "\e655"; } .mif-phone-bt:before { content: "\e657"; } .mif-phone-forwarded:before { content: "\e658"; } .mif-phone-in-talk:before { content: "\e659"; } .mif-phone-locked:before { content: "\e65a"; } .mif-phone-missed:before { content: "\e65b"; } .mif-phone-paused:before { content: "\e65c"; } .mif-sd-card:before { content: "\e65d"; } .mif-sync-disabled:before { content: "\e622"; } .mif-sync-problem:before { content: "\e623"; } .mif-vpn-lock:before { content: "\e624"; } .mif-vpn-publ:before { content: "\e625"; } .mif-school:before { content: "\e61f"; } .mif-file-binary:before { content: "\f094"; } .mif-mail-read:before { content: "\f03c"; } .mif-quote:before { content: "\f063"; } .mif-sunrise:before { content: "\e66c"; } .mif-sun:before { content: "\e66d"; } .mif-moon:before { content: "\e66e"; } .mif-sun3:before { content: "\e66f"; } .mif-windy:before { content: "\e670"; } .mif-wind:before { content: "\e671"; } .mif-snowflake:before { content: "\e672"; } .mif-cloudy:before { content: "\e673"; } .mif-cloud2:before { content: "\e674"; } .mif-weather:before { content: "\e675"; } .mif-weather2:before { content: "\e676"; } .mif-weather3:before { content: "\e677"; } .mif-lines:before { content: "\e678"; } .mif-cloud3:before { content: "\e679"; } .mif-lightning:before { content: "\e67a"; } .mif-lightning2:before { content: "\e67b"; } .mif-rainy:before { content: "\e67c"; } .mif-rainy2:before { content: "\e67d"; } .mif-windy2:before { content: "\e67e"; } .mif-windy3:before { content: "\e67f"; } .mif-snowy:before { content: "\e680"; } .mif-snowy2:before { content: "\e681"; } .mif-snowy3:before { content: "\e682"; } .mif-weather4:before { content: "\e683"; } .mif-cloudy2:before { content: "\e684"; } .mif-cloud4:before { content: "\e685"; } .mif-lightning3:before { content: "\e686"; } .mif-sun4:before { content: "\e687"; } .mif-moon2:before { content: "\e688"; } .mif-cloudy3:before { content: "\e689"; } .mif-cloud5:before { content: "\e68a"; } .mif-cloud6:before { content: "\e68b"; } .mif-lightning4:before { content: "\e68c"; } .mif-rainy3:before { content: "\e68d"; } .mif-rainy4:before { content: "\e68e"; } .mif-windy4:before { content: "\e68f"; } .mif-windy5:before { content: "\e690"; } .mif-snowy4:before { content: "\e691"; } .mif-snowy5:before { content: "\e692"; } .mif-weather5:before { content: "\e693"; } .mif-cloudy4:before { content: "\e694"; } .mif-lightning5:before { content: "\e695"; } .mif-thermometer:before { content: "\e696"; } .mif-none:before { content: "\e698"; } .mif-celsius:before { content: "\e699"; } .mif-fahrenheit:before { content: "\e69a"; } .mif-home:before { content: "\e900"; } .mif-pencil:before { content: "\e905"; } .mif-eyedropper:before { content: "\e90a"; } .mif-paint:before { content: "\e90c"; } .mif-image:before { content: "\e90d"; } .mif-images:before { content: "\e90e"; } .mif-camera:before { content: "\e90f"; } .mif-headphones:before { content: "\e910"; } .mif-music:before { content: "\e911"; } .mif-film:before { content: "\e913"; } .mif-video-camera:before { content: "\e914"; } .mif-dice:before { content: "\e915"; } .mif-wifi-connect:before { content: "\e91b"; } .mif-feed:before { content: "\e91d"; } .mif-mic:before { content: "\e91e"; } .mif-books:before { content: "\e920"; } .mif-file-empty:before { content: "\e924"; } .mif-files-empty:before { content: "\e925"; } .mif-file-text:before { content: "\e926"; } .mif-file-picture:before { content: "\e927"; } .mif-file-music:before { content: "\e928"; } .mif-file-play:before { content: "\e929"; } .mif-file-video:before { content: "\e92a"; } .mif-file-zip:before { content: "\e92b"; } .mif-stack:before { content: "\e92e"; } .mif-folder:before { content: "\e92f"; } .mif-folder-open:before { content: "\e930"; } .mif-folder-plus:before { content: "\e931"; } .mif-folder-minus:before { content: "\e932"; } .mif-folder-download:before { content: "\e933"; } .mif-folder-upload:before { content: "\e934"; } .mif-tag:before { content: "\e935"; } .mif-tags:before { content: "\e936"; } .mif-barcode:before { content: "\e937"; } .mif-qrcode:before { content: "\e938"; } .mif-cart:before { content: "\e93a"; } .mif-credit-card:before { content: "\e93f"; } .mif-calculator:before { content: "\e940"; } .mif-help:before { content: "\e941"; } .mif-phone:before { content: "\e942"; } .mif-envelop:before { content: "\e945"; } .mif-location:before { content: "\e948"; } .mif-compass:before { content: "\e949"; } .mif-compass2:before { content: "\e94a"; } .mif-map:before { content: "\e94b"; } .mif-history:before { content: "\e94d"; } .mif-bell:before { content: "\e951"; } .mif-calendar:before { content: "\e953"; } .mif-printer:before { content: "\e954"; } .mif-keyboard:before { content: "\e955"; } .mif-display:before { content: "\e956"; } .mif-laptop:before { content: "\e957"; } .mif-mobile:before { content: "\e959"; } .mif-tablet:before { content: "\e95a"; } .mif-download:before { content: "\e960"; } .mif-upload:before { content: "\e961"; } .mif-floppy-disk:before { content: "\e962"; } .mif-drive:before { content: "\e963"; } .mif-database:before { content: "\e964"; } .mif-undo:before { content: "\e965"; } .mif-redo:before { content: "\e966"; } .mif-bubble:before { content: "\e96b"; } .mif-bubbles:before { content: "\e96c"; } .mif-user:before { content: "\e971"; } .mif-users:before { content: "\e972"; } .mif-user-plus:before { content: "\e973"; } .mif-user-minus:before { content: "\e974"; } .mif-user-check:before { content: "\e975"; } .mif-hour-glass:before { content: "\e979"; } .mif-spinner:before { content: "\e97a"; } .mif-spinner1:before { content: "\e97b"; } .mif-spinner2:before { content: "\e97d"; } .mif-spinner3:before { content: "\e981"; } .mif-spinner4:before { content: "\e982"; } .mif-spinner5:before { content: "\e983"; } .mif-search:before { content: "\e986"; } .mif-zoom-in:before { content: "\e987"; } .mif-zoom-out:before { content: "\e988"; } .mif-enlarge:before { content: "\e989"; } .mif-shrink:before { content: "\e98a"; } .mif-enlarge2:before { content: "\e98b"; } .mif-shrink2:before { content: "\e98c"; } .mif-key:before { content: "\e98d"; } .mif-wrench:before { content: "\e991"; } .mif-equalizer:before { content: "\e992"; } .mif-equalizer-v:before { content: "\e993"; } .mif-cog:before { content: "\e994"; } .mif-cogs:before { content: "\e995"; } .mif-magic-wand:before { content: "\e997"; } .mif-bug:before { content: "\e999"; } .mif-chart-pie:before { content: "\e99a"; } .mif-chart-dots:before { content: "\e99b"; } .mif-chart-bars:before { content: "\e99c"; } .mif-chart-bars2:before { content: "\e99d"; } .mif-trophy:before { content: "\e99e"; } .mif-gift:before { content: "\e99f"; } .mif-spoon-fork:before { content: "\e9a3"; } .mif-rocket:before { content: "\e9a5"; } .mif-meter:before { content: "\e9a6"; } .mif-hammer:before { content: "\e9a8"; } .mif-fire:before { content: "\e9a9"; } .mif-lab:before { content: "\e9aa"; } .mif-bin:before { content: "\e9ac"; } .mif-truck:before { content: "\e9b0"; } .mif-target:before { content: "\e9b3"; } .mif-power:before { content: "\e9b5"; } .mif-switch:before { content: "\e9b6"; } .mif-power-cord:before { content: "\e9b7"; } .mif-clipboard:before { content: "\e9b8"; } .mif-list-numbered:before { content: "\e9b9"; } .mif-list:before { content: "\e9ba"; } .mif-list2:before { content: "\e9bb"; } .mif-tree:before { content: "\e9bc"; } .mif-cloud:before { content: "\e9c1"; } .mif-cloud-download:before { content: "\e9c2"; } .mif-cloud-upload:before { content: "\e9c3"; } .mif-download2:before { content: "\e9c7"; } .mif-upload2:before { content: "\e9c8"; } .mif-earth:before { content: "\e9ca"; } .mif-link:before { content: "\e9cb"; } .mif-flag:before { content: "\e9cc"; } .mif-attachment:before { content: "\e9cd"; } .mif-eye:before { content: "\e9ce"; } .mif-bookmark:before { content: "\e9d2"; } .mif-bookmarks:before { content: "\e9d3"; } .mif-contrast:before { content: "\e9d5"; } .mif-brightness:before { content: "\e9d6"; } .mif-star-empty:before { content: "\e9d7"; } .mif-star-half:before { content: "\e9d8"; } .mif-star-full:before { content: "\e9d9"; } .mif-heart:before { content: "\e9da"; } .mif-heart-broken:before { content: "\e9db"; } .mif-warning:before { content: "\ea07"; } .mif-notification:before { content: "\ea08"; } .mif-question:before { content: "\ea09"; } .mif-plus:before { content: "\ea0a"; } .mif-minus:before { content: "\ea0b"; } .mif-info:before { content: "\ea0c"; } .mif-cancel:before { content: "\ea0d"; } .mif-blocked:before { content: "\ea0e"; } .mif-cross:before { content: "\ea0f"; } .mif-checkmark:before { content: "\ea10"; } .mif-spell-check:before { content: "\ea12"; } .mif-enter:before { content: "\ea13"; } .mif-exit:before { content: "\ea14"; } .mif-play:before { content: "\ea1c"; } .mif-pause:before { content: "\ea1d"; } .mif-stop:before { content: "\ea1e"; } .mif-backward:before { content: "\ea1f"; } .mif-forward:before { content: "\ea20"; } .mif-first:before { content: "\ea21"; } .mif-last:before { content: "\ea22"; } .mif-previous:before { content: "\ea23"; } .mif-next:before { content: "\ea24"; } .mif-eject:before { content: "\ea25"; } .mif-volume-high:before { content: "\ea26"; } .mif-volume-medium:before { content: "\ea27"; } .mif-volume-low:before { content: "\ea28"; } .mif-volume-mute:before { content: "\ea29"; } .mif-volume-mute2:before { content: "\ea2a"; } .mif-volume-plus:before { content: "\ea2b"; } .mif-volume-minus:before { content: "\ea2c"; } .mif-loop:before { content: "\ea2d"; } .mif-loop2:before { content: "\ea2e"; } .mif-infinite:before { content: "\ea2f"; } .mif-shuffle:before { content: "\ea30"; } .mif-arrow-up-left:before { content: "\ea39"; } .mif-arrow-up:before { content: "\ea3a"; } .mif-arrow-up-right:before { content: "\ea3b"; } .mif-arrow-right:before { content: "\ea3c"; } .mif-arrow-down-right:before { content: "\ea3d"; } .mif-arrow-down:before { content: "\ea3e"; } .mif-arrow-down-left:before { content: "\ea3f"; } .mif-arrow-left:before { content: "\ea40"; } .mif-tab:before { content: "\ea45"; } .mif-move-up:before { content: "\ea46"; } .mif-move-down:before { content: "\ea47"; } .mif-sort-asc:before { content: "\ea4c"; } .mif-sort-desc:before { content: "\ea4d"; } .mif-command:before { content: "\ea4e"; } .mif-shift:before { content: "\ea4f"; } .mif-crop:before { content: "\ea57"; } .mif-filter:before { content: "\ea5b"; } .mif-bold:before { content: "\ea62"; } .mif-underline:before { content: "\ea63"; } .mif-italic:before { content: "\ea64"; } .mif-strikethrough:before { content: "\ea65"; } .mif-page-break:before { content: "\ea68"; } .mif-superscript:before { content: "\ea69"; } .mif-subscript:before { content: "\ea6a"; } .mif-table:before { content: "\ea71"; } .mif-insert-template:before { content: "\ea72"; } .mif-pilcrow:before { content: "\ea73"; } .mif-ltr:before { content: "\ea74"; } .mif-rtl:before { content: "\ea75"; } .mif-section:before { content: "\ea76"; } .mif-paragraph-left:before { content: "\ea77"; } .mif-paragraph-center:before { content: "\ea78"; } .mif-paragraph-right:before { content: "\ea79"; } .mif-paragraph-justify:before { content: "\ea7a"; } .mif-indent-increase:before { content: "\ea7b"; } .mif-indent-decrease:before { content: "\ea7c"; } .mif-embed:before { content: "\ea7f"; } .mif-embed2:before { content: "\ea80"; } .mif-share:before { content: "\ea82"; } .mif-google:before { content: "\ea87"; } .mif-google-plus:before { content: "\ea88"; } .mif-facebook:before { content: "\ea8d"; } .mif-twitter:before { content: "\ea91"; } .mif-feed3:before { content: "\ea95"; } .mif-youtube:before { content: "\ea99"; } .mif-steam:before { content: "\eaae"; } .mif-onedrive:before { content: "\eab0"; } .mif-github:before { content: "\eab3"; } .mif-git:before { content: "\eab5"; } .mif-apple:before { content: "\eabf"; } .mif-android:before { content: "\eac1"; } .mif-windows:before { content: "\eac3"; } .mif-skype:before { content: "\eac6"; } .mif-linkedin:before { content: "\eac8"; } .mif-html5:before { content: "\eadf"; } .mif-css3:before { content: "\eae1"; } .mif-chrome:before { content: "\eae5"; } .mif-firefox:before { content: "\eae6"; } .mif-ie:before { content: "\eae7"; } .mif-opera:before { content: "\eae8"; } .mif-safari:before { content: "\eae9"; } .mif-chevron-thin-down:before { content: "\e66b"; } .mif-chevron-thin-left:before { content: "\e697"; } .mif-chevron-thin-right:before { content: "\e69b"; } .mif-chevron-thin-up:before { content: "\e69c"; } .mif-flow-branch:before { content: "\e69d"; } .mif-flow-cascade:before { content: "\e69e"; } .mif-flow-line:before { content: "\e69f"; } .mif-flow-parallel:before { content: "\e6a0"; } .mif-flow-tree:before { content: "\e6a1"; } .mif-air:before { content: "\e6a2"; } .mif-medal:before { content: "\e6a3"; } .mif-paper-plane:before { content: "\e6a4"; } .mif-shareable:before { content: "\e6a5"; } .mif-shop:before { content: "\e6a6"; } .mif-shopping-basket2:before { content: "\e6a7"; } .mif-thumbs-down:before { content: "\e6a8"; } .mif-thumbs-up:before { content: "\e6a9"; } .mif-traffic-cone:before { content: "\e6aa"; } .mif-water:before { content: "\e6ab"; } .mif-creative-cloud:before { content: "\e6ac"; } .mif-dropbox:before { content: "\e6ad"; } .mif-evernote:before { content: "\e6ae"; } .mif-paypal:before { content: "\e6af"; } .mif-swarm:before { content: "\e6b0"; } .mif-vk:before { content: "\e6b1"; } .mif-yelp:before { content: "\e6b2"; } .mif-dribbble:before { content: "\e6b3"; } .mif-lastfm:before { content: "\e6b4"; } .mif-pinterest:before { content: "\e6b5"; } .mif-stumbleupon:before { content: "\e6b6"; } .mif-vimeo:before { content: "\e6b7"; } .mif-cabinet:before { content: "\e62b"; } .mif-suitcase:before { content: "\e62c"; } .mif-gamepad:before { content: "\e65e"; } .mif-satellite:before { content: "\e65f"; } .mif-lock:before { content: "\e660"; } .mif-unlock:before { content: "\e661"; } .mif-battery-full:before { content: "\e62d"; } .mif-battery-two:before { content: "\e62e"; } .mif-battery-one:before { content: "\e62f"; } .mif-battery-empty:before { content: "\e630"; } .mif-battery-charge:before { content: "\e631"; } .mif-tools:before { content: "\e632"; } .mif-pin:before { content: "\e662"; } .mif-discout:before { content: "\e663"; } .mif-profile:before { content: "\e664"; } .mif-dollar:before { content: "\e665"; } .mif-dollars:before { content: "\e666"; } .mif-coins:before { content: "\e6b8"; } .mif-male:before { content: "\e667"; } .mif-female:before { content: "\e668"; } .mif-piano:before { content: "\e669"; } .mif-anchor:before { content: "\e66a"; }