/*
 *   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.
 */
/* ==========================================================================
   Animate
   ========================================================================== */
.u-animation-reverse {
    animation-direction: reverse !important;
}

.u-animation-play {
    animation-play-state: running !important;
}

.u-animation-pause {
    animation-play-state: paused !important;
}

/*
 *   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;
}

/*
 *   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.
 */
/* ==========================================================================
   Decorator
   ========================================================================== */
/* Border
   ========================================================================== */
.u-bd-0 {
    border: 0 !important;
}

.u-bd-top-0 {
    border-top: 0 !important;
}

.u-bd-right-0 {
    border-right: 0 !important;
}

.u-bd-bottom-0 {
    border-bottom: 0 !important;
}

.u-bd-left-0 {
    border-left: 0 !important;
}

.u-rounded {
    border-radius: 0.25rem !important;
}

.u-rounded-0 {
    border-radius: 0 !important;
}

.u-rounded-circle {
    border-radius: 50% !important;
}

/* Background image
   ========================================================================== */
.u-bg-image.u-fill {
    background-size: auto auto !important;
}

.u-bg-image.u-fit {
    background-size: 100% auto !important;
}

.u-bg-image.u-stretch {
    background-size: 100% 100% !important;
}

.u-bg-image.u-center {
    background-position: center center !important;
}

/* Transform
   ========================================================================== */
.u-rotate-90 {
    transform: rotate(90deg) !important;
}

.u-rotate-180 {
    transform: rotate(180deg) !important;
}

.u-rotate-270 {
    transform: rotate(270deg) !important;
}

.u-rotate-360 {
    transform: rotate(360deg) !important;
}

.u-flip-horizontal {
    transform: scaleX(-1) !important;
}

.u-flip-vertical {
    transform: scaleY(-1) !important;
}

/*
 *   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.
 */
/* ==========================================================================
    Gradient
   ========================================================================== */
/* Background gradient
   ========================================================================== */
.u-bg-gd-teal-light {
    background-image: linear-gradient(to right, #00A0B1, #00b7cb) !important;
}

.u-bg-gd-teal-dark {
    background-image: linear-gradient(to right, #008299, #0098b3) !important;
}

.u-bg-gd-green-light {
    background-image: linear-gradient(to right, #13AE40, #0bd044) !important;
}

.u-bg-gd-green-dark {
    background-image: linear-gradient(to right, #00A400, #00be00) !important;
}

.u-bg-gd-blue-lighter {
    background-image: linear-gradient(to right, #4DB0F4, #5dbcfe) !important;
}

.u-bg-gd-blue-light {
    background-image: linear-gradient(to right, #3498DB, #3fa5ea) !important;
}

.u-bg-gd-blue-dark {
    background-image: linear-gradient(to right, #2672EC, #337ff9) !important;
}

.u-bg-gd-blue-darker {
    background-image: linear-gradient(to right, #094AB2, #0052d5) !important;
}

.u-bg-gd-purple-light {
    background-image: linear-gradient(to right, #8C0095, #a400af) !important;
}

.u-bg-gd-purple-dark {
    background-image: linear-gradient(to right, #5133AB, #542ccb) !important;
}

.u-bg-gd-yellow-dark {
    background-image: linear-gradient(to right, #F1C40F, #fed11c) !important;
}

.u-bg-gd-orange-light {
    background-image: linear-gradient(to right, #F39C12, #ffa920) !important;
}

.u-bg-gd-orange-dark {
    background-image: linear-gradient(to right, #E67E22, #f48b2e) !important;
}

.u-bg-gd-orange-darker {
    background-image: linear-gradient(to right, #D35400, #ed5e00) !important;
}

.u-bg-gd-red-light {
    background-image: linear-gradient(to right, #D01616, #f30c0c) !important;
}

.u-bg-gd-red-dark {
    background-image: linear-gradient(to right, #B61100, #d01300) !important;
}

.u-bg-gd-lightgrey-light {
    background-image: linear-gradient(to right, #ECF0F1, #fafcfc) !important;
}

.u-bg-gd-lightgrey-dark {
    background-image: linear-gradient(to right, #BDC3C7, #c6d1d8) !important;
}

.u-bg-gd-grey-light {
    background-image: linear-gradient(to right, #95A5A6, #9ab8ba) !important;
}

.u-bg-gd-grey-dark {
    background-image: linear-gradient(to right, #7F8C8D, #82a1a4) !important;
}

.u-bg-gd-darkgrey-light {
    background-image: linear-gradient(to right, #34495E, #355677) !important;
}

.u-bg-gd-darkgrey-dark {
    background-image: linear-gradient(to right, #2C3E50, #2e4b68) !important;
}

/* Gradient direction
   ========================================================================== */
.u-bg-gd-teal-light-to-left {
    background-image: linear-gradient(to left, #00A0B1, #00b7cb) !important;
}

.u-bg-gd-teal-dark-to-left {
    background-image: linear-gradient(to left, #008299, #0098b3) !important;
}

.u-bg-gd-green-light-to-left {
    background-image: linear-gradient(to left, #13AE40, #0bd044) !important;
}

.u-bg-gd-green-dark-to-left {
    background-image: linear-gradient(to left, #00A400, #00be00) !important;
}

.u-bg-gd-blue-lighter-to-left {
    background-image: linear-gradient(to left, #4DB0F4, #5dbcfe) !important;
}

.u-bg-gd-blue-light-to-left {
    background-image: linear-gradient(to left, #3498DB, #3fa5ea) !important;
}

.u-bg-gd-blue-dark-to-left {
    background-image: linear-gradient(to left, #2672EC, #337ff9) !important;
}

.u-bg-gd-blue-darker-to-left {
    background-image: linear-gradient(to left, #094AB2, #0052d5) !important;
}

.u-bg-gd-purple-light-to-left {
    background-image: linear-gradient(to left, #8C0095, #a400af) !important;
}

.u-bg-gd-purple-dark-to-left {
    background-image: linear-gradient(to left, #5133AB, #542ccb) !important;
}

.u-bg-gd-yellow-dark-to-left {
    background-image: linear-gradient(to left, #F1C40F, #fed11c) !important;
}

.u-bg-gd-orange-light-to-left {
    background-image: linear-gradient(to left, #F39C12, #ffa920) !important;
}

.u-bg-gd-orange-dark-to-left {
    background-image: linear-gradient(to left, #E67E22, #f48b2e) !important;
}

.u-bg-gd-orange-darker-to-left {
    background-image: linear-gradient(to left, #D35400, #ed5e00) !important;
}

.u-bg-gd-red-light-to-left {
    background-image: linear-gradient(to left, #D01616, #f30c0c) !important;
}

.u-bg-gd-red-dark-to-left {
    background-image: linear-gradient(to left, #B61100, #d01300) !important;
}

.u-bg-gd-lightgrey-light-to-left {
    background-image: linear-gradient(to left, #ECF0F1, #fafcfc) !important;
}

.u-bg-gd-lightgrey-dark-to-left {
    background-image: linear-gradient(to left, #BDC3C7, #c6d1d8) !important;
}

.u-bg-gd-grey-light-to-left {
    background-image: linear-gradient(to left, #95A5A6, #9ab8ba) !important;
}

.u-bg-gd-grey-dark-to-left {
    background-image: linear-gradient(to left, #7F8C8D, #82a1a4) !important;
}

.u-bg-gd-darkgrey-light-to-left {
    background-image: linear-gradient(to left, #34495E, #355677) !important;
}

.u-bg-gd-darkgrey-dark-to-left {
    background-image: linear-gradient(to left, #2C3E50, #2e4b68) !important;
}

.u-bg-gd-teal-light-to-right {
    background-image: linear-gradient(to right, #00A0B1, #00b7cb) !important;
}

.u-bg-gd-teal-dark-to-right {
    background-image: linear-gradient(to right, #008299, #0098b3) !important;
}

.u-bg-gd-green-light-to-right {
    background-image: linear-gradient(to right, #13AE40, #0bd044) !important;
}

.u-bg-gd-green-dark-to-right {
    background-image: linear-gradient(to right, #00A400, #00be00) !important;
}

.u-bg-gd-blue-lighter-to-right {
    background-image: linear-gradient(to right, #4DB0F4, #5dbcfe) !important;
}

.u-bg-gd-blue-light-to-right {
    background-image: linear-gradient(to right, #3498DB, #3fa5ea) !important;
}

.u-bg-gd-blue-dark-to-right {
    background-image: linear-gradient(to right, #2672EC, #337ff9) !important;
}

.u-bg-gd-blue-darker-to-right {
    background-image: linear-gradient(to right, #094AB2, #0052d5) !important;
}

.u-bg-gd-purple-light-to-right {
    background-image: linear-gradient(to right, #8C0095, #a400af) !important;
}

.u-bg-gd-purple-dark-to-right {
    background-image: linear-gradient(to right, #5133AB, #542ccb) !important;
}

.u-bg-gd-yellow-dark-to-right {
    background-image: linear-gradient(to right, #F1C40F, #fed11c) !important;
}

.u-bg-gd-orange-light-to-right {
    background-image: linear-gradient(to right, #F39C12, #ffa920) !important;
}

.u-bg-gd-orange-dark-to-right {
    background-image: linear-gradient(to right, #E67E22, #f48b2e) !important;
}

.u-bg-gd-orange-darker-to-right {
    background-image: linear-gradient(to right, #D35400, #ed5e00) !important;
}

.u-bg-gd-red-light-to-right {
    background-image: linear-gradient(to right, #D01616, #f30c0c) !important;
}

.u-bg-gd-red-dark-to-right {
    background-image: linear-gradient(to right, #B61100, #d01300) !important;
}

.u-bg-gd-lightgrey-light-to-right {
    background-image: linear-gradient(to right, #ECF0F1, #fafcfc) !important;
}

.u-bg-gd-lightgrey-dark-to-right {
    background-image: linear-gradient(to right, #BDC3C7, #c6d1d8) !important;
}

.u-bg-gd-grey-light-to-right {
    background-image: linear-gradient(to right, #95A5A6, #9ab8ba) !important;
}

.u-bg-gd-grey-dark-to-right {
    background-image: linear-gradient(to right, #7F8C8D, #82a1a4) !important;
}

.u-bg-gd-darkgrey-light-to-right {
    background-image: linear-gradient(to right, #34495E, #355677) !important;
}

.u-bg-gd-darkgrey-dark-to-right {
    background-image: linear-gradient(to right, #2C3E50, #2e4b68) !important;
}

.u-bg-gd-teal-light-to-top {
    background-image: linear-gradient(to top, #00A0B1, #00b7cb) !important;
}

.u-bg-gd-teal-dark-to-top {
    background-image: linear-gradient(to top, #008299, #0098b3) !important;
}

.u-bg-gd-green-light-to-top {
    background-image: linear-gradient(to top, #13AE40, #0bd044) !important;
}

.u-bg-gd-green-dark-to-top {
    background-image: linear-gradient(to top, #00A400, #00be00) !important;
}

.u-bg-gd-blue-lighter-to-top {
    background-image: linear-gradient(to top, #4DB0F4, #5dbcfe) !important;
}

.u-bg-gd-blue-light-to-top {
    background-image: linear-gradient(to top, #3498DB, #3fa5ea) !important;
}

.u-bg-gd-blue-dark-to-top {
    background-image: linear-gradient(to top, #2672EC, #337ff9) !important;
}

.u-bg-gd-blue-darker-to-top {
    background-image: linear-gradient(to top, #094AB2, #0052d5) !important;
}

.u-bg-gd-purple-light-to-top {
    background-image: linear-gradient(to top, #8C0095, #a400af) !important;
}

.u-bg-gd-purple-dark-to-top {
    background-image: linear-gradient(to top, #5133AB, #542ccb) !important;
}

.u-bg-gd-yellow-dark-to-top {
    background-image: linear-gradient(to top, #F1C40F, #fed11c) !important;
}

.u-bg-gd-orange-light-to-top {
    background-image: linear-gradient(to top, #F39C12, #ffa920) !important;
}

.u-bg-gd-orange-dark-to-top {
    background-image: linear-gradient(to top, #E67E22, #f48b2e) !important;
}

.u-bg-gd-orange-darker-to-top {
    background-image: linear-gradient(to top, #D35400, #ed5e00) !important;
}

.u-bg-gd-red-light-to-top {
    background-image: linear-gradient(to top, #D01616, #f30c0c) !important;
}

.u-bg-gd-red-dark-to-top {
    background-image: linear-gradient(to top, #B61100, #d01300) !important;
}

.u-bg-gd-lightgrey-light-to-top {
    background-image: linear-gradient(to top, #ECF0F1, #fafcfc) !important;
}

.u-bg-gd-lightgrey-dark-to-top {
    background-image: linear-gradient(to top, #BDC3C7, #c6d1d8) !important;
}

.u-bg-gd-grey-light-to-top {
    background-image: linear-gradient(to top, #95A5A6, #9ab8ba) !important;
}

.u-bg-gd-grey-dark-to-top {
    background-image: linear-gradient(to top, #7F8C8D, #82a1a4) !important;
}

.u-bg-gd-darkgrey-light-to-top {
    background-image: linear-gradient(to top, #34495E, #355677) !important;
}

.u-bg-gd-darkgrey-dark-to-top {
    background-image: linear-gradient(to top, #2C3E50, #2e4b68) !important;
}

.u-bg-gd-teal-light-to-bottom {
    background-image: linear-gradient(to bottom, #00A0B1, #00b7cb) !important;
}

.u-bg-gd-teal-dark-to-bottom {
    background-image: linear-gradient(to bottom, #008299, #0098b3) !important;
}

.u-bg-gd-green-light-to-bottom {
    background-image: linear-gradient(to bottom, #13AE40, #0bd044) !important;
}

.u-bg-gd-green-dark-to-bottom {
    background-image: linear-gradient(to bottom, #00A400, #00be00) !important;
}

.u-bg-gd-blue-lighter-to-bottom {
    background-image: linear-gradient(to bottom, #4DB0F4, #5dbcfe) !important;
}

.u-bg-gd-blue-light-to-bottom {
    background-image: linear-gradient(to bottom, #3498DB, #3fa5ea) !important;
}

.u-bg-gd-blue-dark-to-bottom {
    background-image: linear-gradient(to bottom, #2672EC, #337ff9) !important;
}

.u-bg-gd-blue-darker-to-bottom {
    background-image: linear-gradient(to bottom, #094AB2, #0052d5) !important;
}

.u-bg-gd-purple-light-to-bottom {
    background-image: linear-gradient(to bottom, #8C0095, #a400af) !important;
}

.u-bg-gd-purple-dark-to-bottom {
    background-image: linear-gradient(to bottom, #5133AB, #542ccb) !important;
}

.u-bg-gd-yellow-dark-to-bottom {
    background-image: linear-gradient(to bottom, #F1C40F, #fed11c) !important;
}

.u-bg-gd-orange-light-to-bottom {
    background-image: linear-gradient(to bottom, #F39C12, #ffa920) !important;
}

.u-bg-gd-orange-dark-to-bottom {
    background-image: linear-gradient(to bottom, #E67E22, #f48b2e) !important;
}

.u-bg-gd-orange-darker-to-bottom {
    background-image: linear-gradient(to bottom, #D35400, #ed5e00) !important;
}

.u-bg-gd-red-light-to-bottom {
    background-image: linear-gradient(to bottom, #D01616, #f30c0c) !important;
}

.u-bg-gd-red-dark-to-bottom {
    background-image: linear-gradient(to bottom, #B61100, #d01300) !important;
}

.u-bg-gd-lightgrey-light-to-bottom {
    background-image: linear-gradient(to bottom, #ECF0F1, #fafcfc) !important;
}

.u-bg-gd-lightgrey-dark-to-bottom {
    background-image: linear-gradient(to bottom, #BDC3C7, #c6d1d8) !important;
}

.u-bg-gd-grey-light-to-bottom {
    background-image: linear-gradient(to bottom, #95A5A6, #9ab8ba) !important;
}

.u-bg-gd-grey-dark-to-bottom {
    background-image: linear-gradient(to bottom, #7F8C8D, #82a1a4) !important;
}

.u-bg-gd-darkgrey-light-to-bottom {
    background-image: linear-gradient(to bottom, #34495E, #355677) !important;
}

.u-bg-gd-darkgrey-dark-to-bottom {
    background-image: linear-gradient(to bottom, #2C3E50, #2e4b68) !important;
}

/* Border gradient
   ========================================================================== */
.u-bd-gd-teal-light {
    border-image: linear-gradient(to right, rgba(0, 160, 177, 0.9), rgba(0, 183, 203, 0.9));
}

.u-bd-gd-teal-dark {
    border-image: linear-gradient(to right, rgba(0, 130, 153, 0.9), rgba(0, 152, 179, 0.9));
}

.u-bd-gd-green-light {
    border-image: linear-gradient(to right, rgba(19, 174, 64, 0.9), rgba(11, 208, 68, 0.9));
}

.u-bd-gd-green-dark {
    border-image: linear-gradient(to right, rgba(0, 164, 0, 0.9), rgba(0, 190, 0, 0.9));
}

.u-bd-gd-blue-lighter {
    border-image: linear-gradient(to right, rgba(77, 176, 244, 0.9), rgba(93, 188, 254, 0.9));
}

.u-bd-gd-blue-light {
    border-image: linear-gradient(to right, rgba(52, 152, 219, 0.9), rgba(63, 165, 234, 0.9));
}

.u-bd-gd-blue-dark {
    border-image: linear-gradient(to right, rgba(38, 114, 236, 0.9), rgba(51, 127, 249, 0.9));
}

.u-bd-gd-blue-darker {
    border-image: linear-gradient(to right, rgba(9, 74, 178, 0.9), rgba(0, 82, 213, 0.9));
}

.u-bd-gd-purple-light {
    border-image: linear-gradient(to right, rgba(140, 0, 149, 0.9), rgba(164, 0, 175, 0.9));
}

.u-bd-gd-purple-dark {
    border-image: linear-gradient(to right, rgba(81, 51, 171, 0.9), rgba(84, 44, 203, 0.9));
}

.u-bd-gd-yellow-dark {
    border-image: linear-gradient(to right, rgba(241, 196, 15, 0.9), rgba(254, 209, 28, 0.9));
}

.u-bd-gd-orange-light {
    border-image: linear-gradient(to right, rgba(243, 156, 18, 0.9), rgba(255, 169, 32, 0.9));
}

.u-bd-gd-orange-dark {
    border-image: linear-gradient(to right, rgba(230, 126, 34, 0.9), rgba(244, 139, 46, 0.9));
}

.u-bd-gd-orange-darker {
    border-image: linear-gradient(to right, rgba(211, 84, 0, 0.9), rgba(237, 94, 0, 0.9));
}

.u-bd-gd-red-light {
    border-image: linear-gradient(to right, rgba(208, 22, 22, 0.9), rgba(243, 12, 12, 0.9));
}

.u-bd-gd-red-dark {
    border-image: linear-gradient(to right, rgba(182, 17, 0, 0.9), rgba(208, 19, 0, 0.9));
}

.u-bd-gd-lightgrey-light {
    border-image: linear-gradient(to right, rgba(236, 240, 241, 0.9), rgba(250, 252, 252, 0.9));
}

.u-bd-gd-lightgrey-dark {
    border-image: linear-gradient(to right, rgba(189, 195, 199, 0.9), rgba(198, 209, 216, 0.9));
}

.u-bd-gd-grey-light {
    border-image: linear-gradient(to right, rgba(149, 165, 166, 0.9), rgba(154, 184, 186, 0.9));
}

.u-bd-gd-grey-dark {
    border-image: linear-gradient(to right, rgba(127, 140, 141, 0.9), rgba(130, 161, 164, 0.9));
}

.u-bd-gd-darkgrey-light {
    border-image: linear-gradient(to right, rgba(52, 73, 94, 0.9), rgba(53, 86, 119, 0.9));
}

.u-bd-gd-darkgrey-dark {
    border-image: linear-gradient(to right, rgba(44, 62, 80, 0.9), rgba(46, 75, 104, 0.9));
}

/*
 *   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.
 */
/* ==========================================================================
   Layout
   ========================================================================== */
/* Display
   ========================================================================== */
.u-inline {
    display: inline !important;
}

.u-block {
    display: block !important;
}

.u-inline-block {
    display: inline-block !important;
}

.u-flex {
    display: flex !important;
}

.u-inline-flex {
    display: inline-flex !important;
}

/* Hide
   ========================================================================== */
.u-hidden:not(.u-scroll) {
    display: none !important;
}

.u-invisible:not(.u-scroll) {
    visibility: hidden !important;
}

/* Position
   ========================================================================== */
.u-left-0 {
    left: 0 !important;
}

.u-right-0 {
    right: 0 !important;
}

.u-top-0 {
    top: 0 !important;
}

.u-bottom-0 {
    bottom: 0 !important;
}

.u-left-auto {
    left: auto !important;
}

.u-right-auto {
    right: auto !important;
}

.u-top-auto {
    top: auto !important;
}

.u-bottom-auto {
    bottom: auto !important;
}

/* Absolute Position
   ========================================================================== */
.u-position-absolute {
    position: absolute !important;
}

/* Relative Position
   ========================================================================== */
.u-position-relative {
    position: relative !important;
}

/* Fixed Position
   ========================================================================== */
.u-position-fixed {
    position: fixed !important;
}

/* Sticky Position
   ========================================================================== */
.u-position-sticky {
    position: sticky !important;
}

/* Float
   ========================================================================== */
.u-pull-left,
.u-float-left {
    float: left !important;
}

.u-pull-right,
.u-float-right {
    float: right !important;
}

.u-pull-clear::after,
.u-float-clear::after,
.u-clearfix::after {
    display: block;
    content: "";
    clear: both;
}

/* Size
   ========================================================================== */
.u-width-0 {
    width: 0% !important;
}

.u-width-10 {
    width: 10% !important;
}

.u-width-20 {
    width: 20% !important;
}

.u-width-25 {
    width: 25% !important;
}

.u-width-30 {
    width: 30% !important;
}

.u-width-33 {
    width: 33.33333% !important;
}

.u-width-40 {
    width: 40% !important;
}

.u-width-50 {
    width: 50% !important;
}

.u-width-60 {
    width: 60% !important;
}

.u-width-66 {
    width: 66.66667% !important;
}

.u-width-70 {
    width: 70% !important;
}

.u-width-75 {
    width: 75% !important;
}

.u-width-80 {
    width: 80% !important;
}

.u-width-90 {
    width: 90% !important;
}

.u-width-100 {
    width: 100% !important;
}

.u-height-0 {
    height: 0% !important;
}

.u-height-10 {
    height: 10% !important;
}

.u-height-20 {
    height: 20% !important;
}

.u-height-25 {
    height: 25% !important;
}

.u-height-30 {
    height: 30% !important;
}

.u-height-33 {
    height: 33.33333% !important;
}

.u-height-40 {
    height: 40% !important;
}

.u-height-50 {
    height: 50% !important;
}

.u-height-60 {
    height: 60% !important;
}

.u-height-66 {
    height: 66.66667% !important;
}

.u-height-70 {
    height: 70% !important;
}

.u-height-75 {
    height: 75% !important;
}

.u-height-80 {
    height: 80% !important;
}

.u-height-90 {
    height: 90% !important;
}

.u-height-100 {
    height: 100% !important;
}

/* Horizontal alignement
   ========================================================================== */
.u-align-left {
    margin-left: auto !important;
    margin-right: auto !important;
}

.u-align-center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.u-align-right {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Vertical alignement
   ========================================================================== */
.u-align-baseline {
    vertical-align: baseline !important;
}

.u-align-sub {
    vertical-align: sub !important;
}

.u-align-super {
    vertical-align: super !important;
}

.u-align-text-top {
    vertical-align: text-top !important;
}

.u-align-text-bottom {
    vertical-align: text-bottom !important;
}

.u-align-middle {
    vertical-align: middle !important;
}

.u-align-top {
    vertical-align: top !important;
}

.u-align-bottom {
    vertical-align: bottom !important;
}

/* Content alignement
   ========================================================================== */
.u-content-vertical-align-wrapper {
    position: relative;
}

.u-content-vertical-align {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Margin
   ========================================================================== */
.u-mg-0 {
    margin: 0rem !important;
}

.u-mg-25 {
    margin: 0.25rem !important;
}

.u-mg-50 {
    margin: 0.5rem !important;
}

.u-mg-75 {
    margin: 0.75rem !important;
}

.u-mg-100 {
    margin: 1rem !important;
}

.u-mg-150 {
    margin: 1.5rem !important;
}

.u-mg-200 {
    margin: 2rem !important;
}

.u-mg-250 {
    margin: 2.5rem !important;
}

.u-mg-300 {
    margin: 3rem !important;
}

.u-mg-x-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
}

.u-mg-x-25 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.u-mg-x-50 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.u-mg-x-75 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
}

.u-mg-x-100 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.u-mg-x-150 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.u-mg-x-200 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.u-mg-x-250 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
}

.u-mg-x-300 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.u-mg-y-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.u-mg-y-25 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.u-mg-y-50 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.u-mg-y-75 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

.u-mg-y-100 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.u-mg-y-150 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.u-mg-y-200 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.u-mg-y-250 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.u-mg-y-300 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.u-mg-top-0 {
    margin-top: 0rem !important;
}

.u-mg-top-25 {
    margin-top: 0.25rem !important;
}

.u-mg-top-50 {
    margin-top: 0.5rem !important;
}

.u-mg-top-75 {
    margin-top: 0.75rem !important;
}

.u-mg-top-100 {
    margin-top: 1rem !important;
}

.u-mg-top-150 {
    margin-top: 1.5rem !important;
}

.u-mg-top-200 {
    margin-top: 2rem !important;
}

.u-mg-top-250 {
    margin-top: 2.5rem !important;
}

.u-mg-top-300 {
    margin-top: 3rem !important;
}

.u-mg-right-0 {
    margin-right: 0rem !important;
}

.u-mg-right-25 {
    margin-right: 0.25rem !important;
}

.u-mg-right-50 {
    margin-right: 0.5rem !important;
}

.u-mg-right-75 {
    margin-right: 0.75rem !important;
}

.u-mg-right-100 {
    margin-right: 1rem !important;
}

.u-mg-right-150 {
    margin-right: 1.5rem !important;
}

.u-mg-right-200 {
    margin-right: 2rem !important;
}

.u-mg-right-250 {
    margin-right: 2.5rem !important;
}

.u-mg-right-300 {
    margin-right: 3rem !important;
}

.u-mg-bottom-0 {
    margin-bottom: 0rem !important;
}

.u-mg-bottom-25 {
    margin-bottom: 0.25rem !important;
}

.u-mg-bottom-50 {
    margin-bottom: 0.5rem !important;
}

.u-mg-bottom-75 {
    margin-bottom: 0.75rem !important;
}

.u-mg-bottom-100 {
    margin-bottom: 1rem !important;
}

.u-mg-bottom-150 {
    margin-bottom: 1.5rem !important;
}

.u-mg-bottom-200 {
    margin-bottom: 2rem !important;
}

.u-mg-bottom-250 {
    margin-bottom: 2.5rem !important;
}

.u-mg-bottom-300 {
    margin-bottom: 3rem !important;
}

.u-mg-left-0 {
    margin-left: 0rem !important;
}

.u-mg-left-25 {
    margin-left: 0.25rem !important;
}

.u-mg-left-50 {
    margin-left: 0.5rem !important;
}

.u-mg-left-75 {
    margin-left: 0.75rem !important;
}

.u-mg-left-100 {
    margin-left: 1rem !important;
}

.u-mg-left-150 {
    margin-left: 1.5rem !important;
}

.u-mg-left-200 {
    margin-left: 2rem !important;
}

.u-mg-left-250 {
    margin-left: 2.5rem !important;
}

.u-mg-left-300 {
    margin-left: 3rem !important;
}

/* Padding
   ========================================================================== */
.u-pd-0 {
    padding: 0rem !important;
}

.u-pd-25 {
    padding: 0.25rem !important;
}

.u-pd-50 {
    padding: 0.5rem !important;
}

.u-pd-75 {
    padding: 0.75rem !important;
}

.u-pd-100 {
    padding: 1rem !important;
}

.u-pd-150 {
    padding: 1.5rem !important;
}

.u-pd-200 {
    padding: 2rem !important;
}

.u-pd-250 {
    padding: 2.5rem !important;
}

.u-pd-300 {
    padding: 3rem !important;
}

.u-pd-x-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.u-pd-x-25 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.u-pd-x-50 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.u-pd-x-75 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.u-pd-x-100 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.u-pd-x-150 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.u-pd-x-200 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.u-pd-x-250 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.u-pd-x-300 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.u-pd-y-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.u-pd-y-25 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.u-pd-y-50 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.u-pd-y-75 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.u-pd-y-100 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.u-pd-y-150 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.u-pd-y-200 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.u-pd-y-250 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.u-pd-y-300 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.u-pd-top-0 {
    padding-top: 0rem !important;
}

.u-pd-top-25 {
    padding-top: 0.25rem !important;
}

.u-pd-top-50 {
    padding-top: 0.5rem !important;
}

.u-pd-top-75 {
    padding-top: 0.75rem !important;
}

.u-pd-top-100 {
    padding-top: 1rem !important;
}

.u-pd-top-150 {
    padding-top: 1.5rem !important;
}

.u-pd-top-200 {
    padding-top: 2rem !important;
}

.u-pd-top-250 {
    padding-top: 2.5rem !important;
}

.u-pd-top-300 {
    padding-top: 3rem !important;
}

.u-pd-right-0 {
    padding-right: 0rem !important;
}

.u-pd-right-25 {
    padding-right: 0.25rem !important;
}

.u-pd-right-50 {
    padding-right: 0.5rem !important;
}

.u-pd-right-75 {
    padding-right: 0.75rem !important;
}

.u-pd-right-100 {
    padding-right: 1rem !important;
}

.u-pd-right-150 {
    padding-right: 1.5rem !important;
}

.u-pd-right-200 {
    padding-right: 2rem !important;
}

.u-pd-right-250 {
    padding-right: 2.5rem !important;
}

.u-pd-right-300 {
    padding-right: 3rem !important;
}

.u-pd-bottom-0 {
    padding-bottom: 0rem !important;
}

.u-pd-bottom-25 {
    padding-bottom: 0.25rem !important;
}

.u-pd-bottom-50 {
    padding-bottom: 0.5rem !important;
}

.u-pd-bottom-75 {
    padding-bottom: 0.75rem !important;
}

.u-pd-bottom-100 {
    padding-bottom: 1rem !important;
}

.u-pd-bottom-150 {
    padding-bottom: 1.5rem !important;
}

.u-pd-bottom-200 {
    padding-bottom: 2rem !important;
}

.u-pd-bottom-250 {
    padding-bottom: 2.5rem !important;
}

.u-pd-bottom-300 {
    padding-bottom: 3rem !important;
}

.u-pd-left-0 {
    padding-left: 0rem !important;
}

.u-pd-left-25 {
    padding-left: 0.25rem !important;
}

.u-pd-left-50 {
    padding-left: 0.5rem !important;
}

.u-pd-left-75 {
    padding-left: 0.75rem !important;
}

.u-pd-left-100 {
    padding-left: 1rem !important;
}

.u-pd-left-150 {
    padding-left: 1.5rem !important;
}

.u-pd-left-200 {
    padding-left: 2rem !important;
}

.u-pd-left-250 {
    padding-left: 2.5rem !important;
}

.u-pd-left-300 {
    padding-left: 3rem !important;
}

/* Flex
   ========================================================================== */
/* Flex direction */
.u-flex.u-row,
.u-inline-flex.u-row {
    flex-direction: row !important;
}

.u-flex.u-row-reverse,
.u-inline-flex.u-row-reverse {
    flex-direction: row-reverse !important;
}

.u-flex.u-column,
.u-inline-flex.u-column {
    flex-direction: column !important;
}

.u-flex.u-column-reverse,
.u-inline-flex.u-column-reverse {
    flex-direction: column-reverse !important;
}

/* Flex wrap */
.u-flex.u-wrap,
.u-inline-flex.u-wrap {
    flex-wrap: wrap !important;
}

.u-flex.u-nowrap,
.u-inline-flex.u-nowrap {
    flex-wrap: nowrap !important;
}

.u-flex.u-wrap-reverse,
.u-inline-flex.u-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

/* Flex content align */
.u-flex.u-content-start,
.u-inline-flex.u-content-start {
    justify-content: flex-start !important;
}

.u-flex.u-content-center,
.u-inline-flex.u-content-center {
    justify-content: center !important;
}

.u-flex.u-content-end,
.u-inline-flex.u-content-end {
    justify-content: flex-end !important;
}

.u-flex.u-content-around,
.u-inline-flex.u-content-around {
    justify-content: space-around !important;
}

.u-flex.u-content-between,
.u-inline-flex.u-content-between {
    justify-content: space-between !important;
}

/* Flex align */
.u-flex.u-self-start,
.u-inline-flex.u-self-start {
    align-self: flex-start !important;
}

.u-flex.u-self-center,
.u-inline-flex.u-self-center {
    align-self: center !important;
}

.u-flex.u-self-end,
.u-inline-flex.u-self-end {
    align-self: flex-end !important;
}

.u-flex.u-self-stretch,
.u-inline-flex.u-self-stretch {
    align-self: stretch !important;
}

.u-flex.u-self-baseline,
.u-inline-flex.u-self-baseline {
    align-self: baseline !important;
}

/* Flex items align */
.u-flex.u-items-start,
.u-inline-flex.u-items-start {
    align-items: flex-start !important;
}

.u-flex.u-items-center,
.u-inline-flex.u-items-center {
    align-items: center !important;
}

.u-flex.u-items-end,
.u-inline-flex.u-items-end {
    align-items: flex-end !important;
}

.u-flex.u-items-stretch,
.u-inline-flex.u-items-stretch {
    align-items: stretch !important;
}

.u-flex.u-items-baseline,
.u-inline-flex.u-items-baseline {
    align-items: baseline !important;
}

/* Flex order */
.u-flex .u-order-first,
.u-inline-flex .u-order-first {
    order: -1 !important;
}

.u-flex .u-order-last,
.u-inline-flex .u-order-last {
    order: 9999 !important;
}

.u-flex .u-unordered,
.u-inline-flex .u-unordered {
    order: 0 !important;
}

/* Ratio
   ========================================================================== */
.u-ratio {
    position: relative !important;
    height: auto !important;
}

.u-ratio::before {
    content: "" !important;
    display: block !important;
    padding-top: 100% !important;
    /* initial ratio of 1:1*/
}

.u-ratio > div {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.u-ratio.u-ratio-1-1::before {
    padding-top: 100% !important;
}

.u-ratio.u-ratio-2-1::before {
    padding-top: 50% !important;
}

.u-ratio.u-ratio-1-2::before {
    padding-top: 200% !important;
}

.u-ratio.u-ratio-4-3::before {
    padding-top: 75% !important;
}

.u-ratio.u-ratio-16-9::before {
    padding-top: 56.25% !important;
}

/* Column
   ========================================================================== */
.u-column-1 {
    column-count: 1 !important;
}

.u-column-2 {
    column-count: 2 !important;
}

.u-column-3 {
    column-count: 3 !important;
}

.u-column-4 {
    column-count: 4 !important;
}

.u-column-5 {
    column-count: 5 !important;
}

.u-column-6 {
    column-count: 6 !important;
}

.u-column-7 {
    column-count: 7 !important;
}

.u-column-8 {
    column-count: 8 !important;
}

.u-column-9 {
    column-count: 9 !important;
}

.u-column-10 {
    column-count: 10 !important;
}

.u-column-11 {
    column-count: 11 !important;
}

.u-column-12 {
    column-count: 12 !important;
}

/* List
   ========================================================================== */
.u-list {
    margin: 0;
    padding: 0;
}

.u-list-unstyled {
    list-style-type: none !important;
    list-style-image: none !important;
}

.u-list-inline::after {
    display: block;
    content: "";
    clear: both;
}

.u-list-inline li {
    float: left;
}

/* Scroll
   ========================================================================== */
.u-scroll.u-auto {
    overflow: scroll !important;
}

.u-scroll.u-horizontal {
    overflow-x: scroll !important;
}

.u-scroll.u-vertical {
    overflow-y: scroll !important;
}

.u-scroll.u-invisible {
    overflow: hidden !important;
}

.u-scroll.u-hidden {
    -ms-overflow-style: none !important;
    overflow: -moz-scrollbars-none !important;
}

.u-scroll.u-hidden::-webkit-scrollbar {
    display: none !important;
}

.u-scroll-gap {
    overflow: hidden !important;
}

.u-scroll-gap > .u-scroll.u-horizontal {
    padding-bottom: 25px !important;
    margin-bottom: -25px !important;
}

.u-scroll-gap > .u-scroll.u-vertical {
    padding-right: 25px !important;
    margin-right: -25px !important;
}

/*
 *   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.
 */
/* ==========================================================================
   Responsive
   ========================================================================== */
/* Display
   ========================================================================== */
@media (max-width: 543px) {
    .u-hidden-xs-up {
        display: none !important;
    }
}

@media (min-width: 544px) {
    .u-hidden-sm-up {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .u-hidden-md-up {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .u-hidden-lg-up {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .u-hidden-xl-up {
        display: none !important;
    }
}

@media (max-width: 543px) {
    .u-hidden-xs-down {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .u-hidden-sm-down {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .u-hidden-md-down {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .u-hidden-lg-down {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .u-hidden-xl-down {
        display: none !important;
    }
}

/*
 *   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.
 */
/* ==========================================================================
   Text
   ========================================================================== */
/* Size
   ========================================================================== */
.u-text-xx-small {
    font-size: xx-small !important;
}

.u-text-x-small {
    font-size: x-small !important;
}

.u-text-small {
    font-size: small !important;
}

.u-text-medium {
    font-size: medium !important;
}

.u-text-large {
    font-size: large !important;
}

.u-text-x-large {
    font-size: x-large !important;
}

.u-text-xx-large {
    font-size: xx-large !important;
}

.u-text-smaller {
    font-size: smaller !important;
}

.u-text-larger {
    font-size: larger !important;
}

/* Alignment
   ========================================================================== */
.u-text-left {
    text-align: left !important;
}

.u-text-right {
    text-align: right !important;
}

.u-text-center {
    text-align: center !important;
}

.u-text-justify {
    text-align: justify !important;
}

.u-text-start {
    text-align: start !important;
}

.u-text-end {
    text-align: end !important;
}

/* Overflow
   ========================================================================== */
.u-text-ellipsis {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

.u-text-nowrap {
    white-space: nowrap !important;
}

/* Transformation
   ========================================================================== */
.u-text-lowercase {
    text-transform: lowercase !important;
}

.u-text-uppercase {
    text-transform: uppercase !important;
}

.u-text-capitalize {
    text-transform: capitalize !important;
}

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