/*
 *   ModernUtilities <http://modernweb.azurewebsites.net/>
 *   Copyright 2016 Raphael Dhainaut
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 * 
 *       http://www.apache.org/licenses/LICENSE-2.0
 * 
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */
/* ==========================================================================
    Color
   ========================================================================== */
/* Foreground color
   ========================================================================== */
.u-fg-teal-light {
    color: #00A0B1 !important;
}

.u-fg-teal-dark {
    color: #008299 !important;
}

.u-fg-green-light {
    color: #13AE40 !important;
}

.u-fg-green-dark {
    color: #00A400 !important;
}

.u-fg-blue-lighter {
    color: #4DB0F4 !important;
}

.u-fg-blue-light {
    color: #3498DB !important;
}

.u-fg-blue-dark {
    color: #2672EC !important;
}

.u-fg-blue-darker {
    color: #094AB2 !important;
}

.u-fg-purple-light {
    color: #8C0095 !important;
}

.u-fg-purple-dark {
    color: #5133AB !important;
}

.u-fg-yellow-dark {
    color: #F1C40F !important;
}

.u-fg-orange-light {
    color: #F39C12 !important;
}

.u-fg-orange-dark {
    color: #E67E22 !important;
}

.u-fg-orange-darker {
    color: #D35400 !important;
}

.u-fg-red-light {
    color: #D01616 !important;
}

.u-fg-red-dark {
    color: #B61100 !important;
}

.u-fg-lightgrey-light {
    color: #ECF0F1 !important;
}

.u-fg-lightgrey-dark {
    color: #BDC3C7 !important;
}

.u-fg-grey-light {
    color: #95A5A6 !important;
}

.u-fg-grey-dark {
    color: #7F8C8D !important;
}

.u-fg-darkgrey-light {
    color: #34495E !important;
}

.u-fg-darkgrey-dark {
    color: #2C3E50 !important;
}

.u-fg-black {
    color: #000000 !important;
}

.u-fg-dark {
    color: rgba(0, 0, 0, 0.25) !important;
}

.u-fg-darker {
    color: rgba(0, 0, 0, 0.5) !important;
}

.u-fg-light {
    color: rgba(255, 255, 255, 0.25) !important;
}

.u-fg-lighter {
    color: rgba(255, 255, 255, 0.5) !important;
}

.u-fg-white {
    color: #FFFFFF !important;
}

.u-fg-transparent {
    color: transparent !important;
}

/* Background color
   ========================================================================== */
.u-bg-teal-light {
    background-color: #00A0B1 !important;
}

.u-bg-teal-dark {
    background-color: #008299 !important;
}

.u-bg-green-light {
    background-color: #13AE40 !important;
}

.u-bg-green-dark {
    background-color: #00A400 !important;
}

.u-bg-blue-lighter {
    background-color: #4DB0F4 !important;
}

.u-bg-blue-light {
    background-color: #3498DB !important;
}

.u-bg-blue-dark {
    background-color: #2672EC !important;
}

.u-bg-blue-darker {
    background-color: #094AB2 !important;
}

.u-bg-purple-light {
    background-color: #8C0095 !important;
}

.u-bg-purple-dark {
    background-color: #5133AB !important;
}

.u-bg-yellow-dark {
    background-color: #F1C40F !important;
}

.u-bg-orange-light {
    background-color: #F39C12 !important;
}

.u-bg-orange-dark {
    background-color: #E67E22 !important;
}

.u-bg-orange-darker {
    background-color: #D35400 !important;
}

.u-bg-red-light {
    background-color: #D01616 !important;
}

.u-bg-red-dark {
    background-color: #B61100 !important;
}

.u-bg-lightgrey-light {
    background-color: #ECF0F1 !important;
}

.u-bg-lightgrey-dark {
    background-color: #BDC3C7 !important;
}

.u-bg-grey-light {
    background-color: #95A5A6 !important;
}

.u-bg-grey-dark {
    background-color: #7F8C8D !important;
}

.u-bg-darkgrey-light {
    background-color: #34495E !important;
}

.u-bg-darkgrey-dark {
    background-color: #2C3E50 !important;
}

.u-bg-black {
    background-color: #000000 !important;
}

.u-bg-dark {
    background-color: rgba(0, 0, 0, 0.25) !important;
}

.u-bg-darker {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.u-bg-light {
    background-color: rgba(255, 255, 255, 0.25) !important;
}

.u-bg-lighter {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.u-bg-white {
    background-color: #FFFFFF !important;
}

.u-bg-transparent {
    background-color: transparent !important;
}

/* Border color
   ========================================================================== */
.u-bd-teal-light {
    border-color: #00A0B1 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-teal-dark {
    border-color: #008299 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-green-light {
    border-color: #13AE40 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-green-dark {
    border-color: #00A400 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-blue-lighter {
    border-color: #4DB0F4 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-blue-light {
    border-color: #3498DB !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-blue-dark {
    border-color: #2672EC !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-blue-darker {
    border-color: #094AB2 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-purple-light {
    border-color: #8C0095 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-purple-dark {
    border-color: #5133AB !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-yellow-dark {
    border-color: #F1C40F !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-orange-light {
    border-color: #F39C12 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-orange-dark {
    border-color: #E67E22 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-orange-darker {
    border-color: #D35400 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-red-light {
    border-color: #D01616 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-red-dark {
    border-color: #B61100 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-lightgrey-light {
    border-color: #ECF0F1 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-lightgrey-dark {
    border-color: #BDC3C7 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-grey-light {
    border-color: #95A5A6 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-grey-dark {
    border-color: #7F8C8D !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-darkgrey-light {
    border-color: #34495E !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-darkgrey-dark {
    border-color: #2C3E50 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-black {
    border-color: #000000 !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-dark {
    border-color: rgba(0, 0, 0, 0.25) !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-darker {
    border-color: rgba(0, 0, 0, 0.5) !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-light {
    border-color: rgba(255, 255, 255, 0.25) !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-lighter {
    border-color: rgba(255, 255, 255, 0.5) !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-white {
    border-color: #FFFFFF !important;
    border-width: 1px;
    border-style: solid;
}

.u-bd-transparent {
    border-color: transparent !important;
    border-width: 1px;
    border-style: solid;
}

/* [:hover|:focus|.mw-active] .mw-on-* color 
   ========================================================================== */
*:hover > .u-on-teal-light,
*:focus > .u-on-teal-light,
.u-active > .u-on-teal-light {
    background-color: #00A0B1 !important;
    box-shadow: 0 0 2px 1px #00e5fe inset !important;
}

*:hover > .u-on-fg-teal-light,
*:focus > .u-on-fg-teal-light,
.u-active > .u-on-fg-teal-light {
    color: #00A0B1 !important;
}

*:hover > .u-on-teal-dark,
*:focus > .u-on-teal-dark,
.u-active > .u-on-teal-dark {
    background-color: #008299 !important;
    box-shadow: 0 0 2px 1px #00c3e6 inset !important;
}

*:hover > .u-on-fg-teal-dark,
*:focus > .u-on-fg-teal-dark,
.u-active > .u-on-fg-teal-dark {
    color: #008299 !important;
}

*:hover > .u-on-green-light,
*:focus > .u-on-green-light,
.u-active > .u-on-green-light {
    background-color: #13AE40 !important;
    box-shadow: 0 0 2px 1px #26e75e inset !important;
}

*:hover > .u-on-fg-green-light,
*:focus > .u-on-fg-green-light,
.u-active > .u-on-fg-green-light {
    color: #13AE40 !important;
}

*:hover > .u-on-green-dark,
*:focus > .u-on-green-dark,
.u-active > .u-on-green-dark {
    background-color: #00A400 !important;
    box-shadow: 0 0 2px 1px #00f100 inset !important;
}

*:hover > .u-on-fg-green-dark,
*:focus > .u-on-fg-green-dark,
.u-active > .u-on-fg-green-dark {
    color: #00A400 !important;
}

*:hover > .u-on-blue-lighter,
*:focus > .u-on-blue-lighter,
.u-active > .u-on-blue-lighter {
    background-color: #4DB0F4 !important;
    box-shadow: 0 0 2px 1px #0e8ee6 inset !important;
}

*:hover > .u-on-fg-blue-lighter,
*:focus > .u-on-fg-blue-lighter,
.u-active > .u-on-fg-blue-lighter {
    color: #4DB0F4 !important;
}

*:hover > .u-on-blue-light,
*:focus > .u-on-blue-light,
.u-active > .u-on-blue-light {
    background-color: #3498DB !important;
    box-shadow: 0 0 2px 1px #1d6fa5 inset !important;
}

*:hover > .u-on-fg-blue-light,
*:focus > .u-on-fg-blue-light,
.u-active > .u-on-fg-blue-light {
    color: #3498DB !important;
}

*:hover > .u-on-blue-dark,
*:focus > .u-on-blue-dark,
.u-active > .u-on-blue-dark {
    background-color: #2672EC !important;
    box-shadow: 0 0 2px 1px #1050b6 inset !important;
}

*:hover > .u-on-fg-blue-dark,
*:focus > .u-on-fg-blue-dark,
.u-active > .u-on-fg-blue-dark {
    color: #2672EC !important;
}

*:hover > .u-on-blue-darker,
*:focus > .u-on-blue-darker,
.u-active > .u-on-blue-darker {
    background-color: #094AB2 !important;
    box-shadow: 0 0 2px 1px #146af3 inset !important;
}

*:hover > .u-on-fg-blue-darker,
*:focus > .u-on-fg-blue-darker,
.u-active > .u-on-fg-blue-darker {
    color: #094AB2 !important;
}

*:hover > .u-on-purple-light,
*:focus > .u-on-purple-light,
.u-active > .u-on-purple-light {
    background-color: #8C0095 !important;
    box-shadow: 0 0 2px 1px #d400e2 inset !important;
}

*:hover > .u-on-fg-purple-light,
*:focus > .u-on-fg-purple-light,
.u-active > .u-on-fg-purple-light {
    color: #8C0095 !important;
}

*:hover > .u-on-purple-dark,
*:focus > .u-on-purple-dark,
.u-active > .u-on-purple-dark {
    background-color: #5133AB !important;
    box-shadow: 0 0 2px 1px #795cce inset !important;
}

*:hover > .u-on-fg-purple-dark,
*:focus > .u-on-fg-purple-dark,
.u-active > .u-on-fg-purple-dark {
    color: #5133AB !important;
}

*:hover > .u-on-yellow-dark,
*:focus > .u-on-yellow-dark,
.u-active > .u-on-yellow-dark {
    background-color: #F1C40F !important;
    box-shadow: 0 0 2px 1px #aa8a0a inset !important;
}

*:hover > .u-on-fg-yellow-dark,
*:focus > .u-on-fg-yellow-dark,
.u-active > .u-on-fg-yellow-dark {
    color: #F1C40F !important;
}

*:hover > .u-on-orange-light,
*:focus > .u-on-orange-light,
.u-active > .u-on-orange-light {
    background-color: #F39C12 !important;
    box-shadow: 0 0 2px 1px #b06f09 inset !important;
}

*:hover > .u-on-fg-orange-light,
*:focus > .u-on-fg-orange-light,
.u-active > .u-on-fg-orange-light {
    color: #F39C12 !important;
}

*:hover > .u-on-orange-dark,
*:focus > .u-on-orange-dark,
.u-active > .u-on-orange-dark {
    background-color: #E67E22 !important;
    box-shadow: 0 0 2px 1px #a85913 inset !important;
}

*:hover > .u-on-fg-orange-dark,
*:focus > .u-on-fg-orange-dark,
.u-active > .u-on-fg-orange-dark {
    color: #E67E22 !important;
}

*:hover > .u-on-orange-darker,
*:focus > .u-on-orange-darker,
.u-active > .u-on-orange-darker {
    background-color: #D35400 !important;
    box-shadow: 0 0 2px 1px #ff7921 inset !important;
}

*:hover > .u-on-fg-orange-darker,
*:focus > .u-on-fg-orange-darker,
.u-active > .u-on-fg-orange-darker {
    color: #D35400 !important;
}

*:hover > .u-on-red-light,
*:focus > .u-on-red-light,
.u-active > .u-on-red-light {
    background-color: #D01616 !important;
    box-shadow: 0 0 2px 1px #ec4747 inset !important;
}

*:hover > .u-on-fg-red-light,
*:focus > .u-on-fg-red-light,
.u-active > .u-on-fg-red-light {
    color: #D01616 !important;
}

*:hover > .u-on-red-dark,
*:focus > .u-on-red-dark,
.u-active > .u-on-red-dark {
    background-color: #B61100 !important;
    box-shadow: 0 0 2px 1px #ff1b04 inset !important;
}

*:hover > .u-on-fg-red-dark,
*:focus > .u-on-fg-red-dark,
.u-active > .u-on-fg-red-dark {
    color: #B61100 !important;
}

*:hover > .u-on-lightgrey-light,
*:focus > .u-on-lightgrey-light,
.u-active > .u-on-lightgrey-light {
    background-color: #ECF0F1 !important;
    box-shadow: 0 0 2px 1px #c0cdd1 inset !important;
}

*:hover > .u-on-fg-lightgrey-light,
*:focus > .u-on-fg-lightgrey-light,
.u-active > .u-on-fg-lightgrey-light {
    color: #ECF0F1 !important;
}

*:hover > .u-on-lightgrey-dark,
*:focus > .u-on-lightgrey-dark,
.u-active > .u-on-lightgrey-dark {
    background-color: #BDC3C7 !important;
    box-shadow: 0 0 2px 1px #949da4 inset !important;
}

*:hover > .u-on-fg-lightgrey-dark,
*:focus > .u-on-fg-lightgrey-dark,
.u-active > .u-on-fg-lightgrey-dark {
    color: #BDC3C7 !important;
}

*:hover > .u-on-grey-light,
*:focus > .u-on-grey-light,
.u-active > .u-on-grey-light {
    background-color: #95A5A6 !important;
    box-shadow: 0 0 2px 1px #6d8082 inset !important;
}

*:hover > .u-on-fg-grey-light,
*:focus > .u-on-fg-grey-light,
.u-active > .u-on-fg-grey-light {
    color: #95A5A6 !important;
}

*:hover > .u-on-grey-dark,
*:focus > .u-on-grey-dark,
.u-active > .u-on-grey-dark {
    background-color: #7F8C8D !important;
    box-shadow: 0 0 2px 1px #5a6465 inset !important;
}

*:hover > .u-on-fg-grey-dark,
*:focus > .u-on-fg-grey-dark,
.u-active > .u-on-fg-grey-dark {
    color: #7F8C8D !important;
}

*:hover > .u-on-darkgrey-light,
*:focus > .u-on-darkgrey-light,
.u-active > .u-on-darkgrey-light {
    background-color: #34495E !important;
    box-shadow: 0 0 2px 1px #4f6f8f inset !important;
}

*:hover > .u-on-fg-darkgrey-light,
*:focus > .u-on-fg-darkgrey-light,
.u-active > .u-on-fg-darkgrey-light {
    color: #34495E !important;
}

*:hover > .u-on-darkgrey-dark,
*:focus > .u-on-darkgrey-dark,
.u-active > .u-on-darkgrey-dark {
    background-color: #2C3E50 !important;
    box-shadow: 0 0 2px 1px #476481 inset !important;
}

*:hover > .u-on-fg-darkgrey-dark,
*:focus > .u-on-fg-darkgrey-dark,
.u-active > .u-on-fg-darkgrey-dark {
    color: #2C3E50 !important;
}

*:hover > .u-on-black,
*:focus > .u-on-black,
.u-active > .u-on-black {
    background-color: #000000 !important;
    box-shadow: 0 0 2px 1px #262626 inset !important;
}

*:hover > .u-on-fg-black,
*:focus > .u-on-fg-black,
.u-active > .u-on-fg-black {
    color: #000000 !important;
}

*:hover > .u-on-dark,
*:focus > .u-on-dark,
.u-active > .u-on-dark {
    background-color: rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 0 2px 1px rgba(38, 38, 38, 0.25) inset !important;
}

*:hover > .u-on-fg-dark,
*:focus > .u-on-fg-dark,
.u-active > .u-on-fg-dark {
    color: rgba(0, 0, 0, 0.25) !important;
}

*:hover > .u-on-darker,
*:focus > .u-on-darker,
.u-active > .u-on-darker {
    background-color: rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 0 2px 1px rgba(38, 38, 38, 0.5) inset !important;
}

*:hover > .u-on-fg-darker,
*:focus > .u-on-fg-darker,
.u-active > .u-on-fg-darker {
    color: rgba(0, 0, 0, 0.5) !important;
}

*:hover > .u-on-light,
*:focus > .u-on-light,
.u-active > .u-on-light {
    background-color: rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 0 2px 1px rgba(217, 217, 217, 0.25) inset !important;
}

*:hover > .u-on-fg-light,
*:focus > .u-on-fg-light,
.u-active > .u-on-fg-light {
    color: rgba(255, 255, 255, 0.25) !important;
}

*:hover > .u-on-lighter,
*:focus > .u-on-lighter,
.u-active > .u-on-lighter {
    background-color: rgba(255, 255, 255, 0.5) !important;
    box-shadow: 0 0 2px 1px rgba(217, 217, 217, 0.5) inset !important;
}

*:hover > .u-on-fg-lighter,
*:focus > .u-on-fg-lighter,
.u-active > .u-on-fg-lighter {
    color: rgba(255, 255, 255, 0.5) !important;
}

*:hover > .u-on-white,
*:focus > .u-on-white,
.u-active > .u-on-white {
    background-color: #FFFFFF !important;
    box-shadow: 0 0 2px 1px #d9d9d9 inset !important;
}

*:hover > .u-on-fg-white,
*:focus > .u-on-fg-white,
.u-active > .u-on-fg-white {
    color: #FFFFFF !important;
}

*:hover > .u-on-transparent,
*:focus > .u-on-transparent,
.u-active > .u-on-transparent {
    background-color: transparent !important;
    box-shadow: 0 0 2px 1px rgba(38, 38, 38, 0) inset !important;
}

*:hover > .u-on-fg-transparent,
*:focus > .u-on-fg-transparent,
.u-active > .u-on-fg-transparent {
    color: transparent !important;
}

/*# sourceMappingURL=u-color.css.map */
