/*
 *   ModernWeb <http://modernweb.azurewebsites.net/>
 *   Copyright 2016 Raphael Dhainaut, David Vanschepdael
 *
 *   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.
 */
/* ==========================================================================
   Panes
   ========================================================================== */
.mw-panes {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.mw-panes ul,
.mw-panes ol {
    margin: 0;
}

.mw-panes + .mw-panes {
    margin-top: 8px;
}

.mw-panes.pull-left + .mw-panes {
    margin-left: 8px;
    margin-top: 0;
}

.mw-panes.pull-right + .mw-panes {
    margin-right: 8px;
    margin-top: 0;
}

/* frame 
   ========================================================================== */
.mw-panes.mw-frame {
    box-shadow: 0 0 1px #FFF;
    border: solid 1px #000;
    padding: 1px;
}

/* ==========================================================================
   Grid System
   ========================================================================== */
/* Col 
   ========================================================================== */
.mw-panes.mw-cols-1, .mw-panes.mw-cols-2, .mw-panes.mw-cols-3, .mw-panes.mw-cols-4, .mw-panes.mw-cols-5, .mw-panes.mw-cols-6, .mw-panes.mw-cols-7, .mw-panes.mw-cols-8, .mw-panes.mw-cols-9, .mw-panes.mw-cols-10, .mw-panes.mw-cols-11, .mw-panes.mw-cols-12 {
    column-gap: 8px;
}

.mw-panes.mw-cols-1 {
    column-count: 1;
}

.mw-panes.mw-cols-2 {
    column-count: 2;
}

.mw-panes.mw-cols-3 {
    column-count: 3;
}

.mw-panes.mw-cols-4 {
    column-count: 4;
}

.mw-panes.mw-cols-5 {
    column-count: 5;
}

.mw-panes.mw-cols-6 {
    column-count: 6;
}

.mw-panes.mw-cols-7 {
    column-count: 7;
}

.mw-panes.mw-cols-8 {
    column-count: 8;
}

.mw-panes.mw-cols-9 {
    column-count: 9;
}

.mw-panes.mw-cols-10 {
    column-count: 10;
}

.mw-panes.mw-cols-11 {
    column-count: 11;
}

.mw-panes.mw-cols-12 {
    column-count: 12;
}

/* ==========================================================================
   Pane
   ========================================================================== */
.mw-pane {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 8px 8px 0;
    border: 1px solid #EEE;
    cursor: pointer;
    overflow: hidden;
    user-select: none;
    break-inside: avoid;
}

.mw-pane:hover, .mw-pane:focus, .mw-pane.mw-active {
    border: solid 1px;
    border-color: #000 !important;
    background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.25) 100%) !important;
    box-shadow: inset 0 0 1px #FFF;
}

.mw-pane:active {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}

.mw-pane a {
    text-decoration: none;
}

.mw-pane a:hover, .mw-pane a:focus, .mw-pane a:active, .mw-pane a.mw-active {
    text-decoration: none;
}

.mw-panes:not(.mw-theme-light) a,
.mw-panes:not(.mw-theme-light) .mw-pane {
    color: white;
}

.mw-theme-light .mw-pane:hover, .mw-theme-light .mw-pane:focus, .mw-theme-light .mw-pane.mw-active {
    border: 1px solid;
    border-color: #7DA2CE !important;
    background-image: linear-gradient(to bottom, rgba(220, 235, 253, 0.55), rgba(194, 220, 253, 0.55)) !important;
    box-shadow: inset 0 0 1px #FFF;
}

.mw-theme-light .mw-pane:active {
    background-image: linear-gradient(to bottom, #DCEBFD, #C2DCFD) !important;
}

.mw-pane.mw-disabled a {
    cursor: default;
    color: #777;
    text-decoration: none;
}

.mw-pane.mw-disabled:hover {
    border-color: #CCC !important;
    background-image: none !important;
    background-color: rgba(240, 240, 240, 0.75) !important;
}

/* border 
   ========================================================================== */
.mw-panes.mw-bd-separate .mw-pane {
    margin: 0 8px 8px 0;
}

.mw-panes.mw-bd-collapse .mw-pane {
    margin: 0;
}

/* ==========================================================================
   Pane Behavior
   ========================================================================== */
/* pane selected 
   ========================================================================== */
.mw-panes.mw-is-selectable .mw-pane .mw-selected,
.mw-pane.mw-is-selectable .mw-selected {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 130, 153, 0.9);
}

.mw-panes.mw-is-selectable .mw-pane .mw-selected:before,
.mw-pane.mw-is-selectable .mw-selected:before {
    position: absolute;
    right: 1px;
    top: 0;
    display: block;
    content: "\f00c";
    color: #FFF;
    font-family: FontAwesome;
    font-size: 12px;
    font-weight: normal;
    z-index: 102;
}

.mw-panes.mw-is-selectable .mw-pane .mw-selected:after,
.mw-pane.mw-is-selectable .mw-selected:after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    border-top: 28px solid;
    border-top-color: rgba(0, 160, 177, 0.9);
    border-left: 28px solid transparent;
    content: "";
    z-index: 101;
}

/* pane selected color
   ========================================================================== */
.mw-pane.selected.mw-selected-teal-light {
    border-color: #00A0B1 !important;
}

.mw-pane.selected.mw-selected-teal-light:after {
    border-top-color: #00A0B1;
}

.mw-pane.selected.mw-selected-teal-dark {
    border-color: #008299 !important;
}

.mw-pane.selected.mw-selected-teal-dark:after {
    border-top-color: #008299;
}

.mw-pane.selected.mw-selected-green-light {
    border-color: #13AE40 !important;
}

.mw-pane.selected.mw-selected-green-light:after {
    border-top-color: #13AE40;
}

.mw-pane.selected.mw-selected-green-dark {
    border-color: #00A400 !important;
}

.mw-pane.selected.mw-selected-green-dark:after {
    border-top-color: #00A400;
}

.mw-pane.selected.mw-selected-blue-lighter {
    border-color: #4DB0F4 !important;
}

.mw-pane.selected.mw-selected-blue-lighter:after {
    border-top-color: #4DB0F4;
}

.mw-pane.selected.mw-selected-blue-light {
    border-color: #3498DB !important;
}

.mw-pane.selected.mw-selected-blue-light:after {
    border-top-color: #3498DB;
}

.mw-pane.selected.mw-selected-blue-dark {
    border-color: #2672EC !important;
}

.mw-pane.selected.mw-selected-blue-dark:after {
    border-top-color: #2672EC;
}

.mw-pane.selected.mw-selected-blue-darker {
    border-color: #094AB2 !important;
}

.mw-pane.selected.mw-selected-blue-darker:after {
    border-top-color: #094AB2;
}

.mw-pane.selected.mw-selected-purple-light {
    border-color: #8C0095 !important;
}

.mw-pane.selected.mw-selected-purple-light:after {
    border-top-color: #8C0095;
}

.mw-pane.selected.mw-selected-purple-dark {
    border-color: #5133AB !important;
}

.mw-pane.selected.mw-selected-purple-dark:after {
    border-top-color: #5133AB;
}

.mw-pane.selected.mw-selected-yellow-dark {
    border-color: #F1C40F !important;
}

.mw-pane.selected.mw-selected-yellow-dark:after {
    border-top-color: #F1C40F;
}

.mw-pane.selected.mw-selected-orange-light {
    border-color: #F39C12 !important;
}

.mw-pane.selected.mw-selected-orange-light:after {
    border-top-color: #F39C12;
}

.mw-pane.selected.mw-selected-orange-dark {
    border-color: #E67E22 !important;
}

.mw-pane.selected.mw-selected-orange-dark:after {
    border-top-color: #E67E22;
}

.mw-pane.selected.mw-selected-orange-darker {
    border-color: #D35400 !important;
}

.mw-pane.selected.mw-selected-orange-darker:after {
    border-top-color: #D35400;
}

.mw-pane.selected.mw-selected-red-light {
    border-color: #D01616 !important;
}

.mw-pane.selected.mw-selected-red-light:after {
    border-top-color: #D01616;
}

.mw-pane.selected.mw-selected-red-dark {
    border-color: #B61100 !important;
}

.mw-pane.selected.mw-selected-red-dark:after {
    border-top-color: #B61100;
}

.mw-pane.selected.mw-selected-lightgrey-light {
    border-color: #ECF0F1 !important;
}

.mw-pane.selected.mw-selected-lightgrey-light:after {
    border-top-color: #ECF0F1;
}

.mw-pane.selected.mw-selected-lightgrey-dark {
    border-color: #BDC3C7 !important;
}

.mw-pane.selected.mw-selected-lightgrey-dark:after {
    border-top-color: #BDC3C7;
}

.mw-pane.selected.mw-selected-grey-light {
    border-color: #95A5A6 !important;
}

.mw-pane.selected.mw-selected-grey-light:after {
    border-top-color: #95A5A6;
}

.mw-pane.selected.mw-selected-grey-dark {
    border-color: #7F8C8D !important;
}

.mw-pane.selected.mw-selected-grey-dark:after {
    border-top-color: #7F8C8D;
}

.mw-pane.selected.mw-selected-darkgrey-light {
    border-color: #34495E !important;
}

.mw-pane.selected.mw-selected-darkgrey-light:after {
    border-top-color: #34495E;
}

.mw-pane.selected.mw-selected-darkgrey-dark {
    border-color: #2C3E50 !important;
}

.mw-pane.selected.mw-selected-darkgrey-dark:after {
    border-top-color: #2C3E50;
}

.mw-pane.selected.mw-selected-black {
    border-color: #000000 !important;
}

.mw-pane.selected.mw-selected-black:after {
    border-top-color: #000000;
}

.mw-pane.selected.mw-selected-dark {
    border-color: rgba(0, 0, 0, 0.25) !important;
}

.mw-pane.selected.mw-selected-dark:after {
    border-top-color: rgba(0, 0, 0, 0.25);
}

.mw-pane.selected.mw-selected-darker {
    border-color: rgba(0, 0, 0, 0.5) !important;
}

.mw-pane.selected.mw-selected-darker:after {
    border-top-color: rgba(0, 0, 0, 0.5);
}

.mw-pane.selected.mw-selected-light {
    border-color: rgba(255, 255, 255, 0.25) !important;
}

.mw-pane.selected.mw-selected-light:after {
    border-top-color: rgba(255, 255, 255, 0.25);
}

.mw-pane.selected.mw-selected-lighter {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

.mw-pane.selected.mw-selected-lighter:after {
    border-top-color: rgba(255, 255, 255, 0.5);
}

.mw-pane.selected.mw-selected-white {
    border-color: #FFFFFF !important;
}

.mw-pane.selected.mw-selected-white:after {
    border-top-color: #FFFFFF;
}

.mw-pane.selected.mw-selected-transparent {
    border-color: transparent !important;
}

.mw-pane.selected.mw-selected-transparent:after {
    border-top-color: transparent;
}

.mw-pane.selected.mw-selected-gd-teal-light {
    border-image: linear-gradient(to right, rgba(0, 160, 177, 0.9), rgba(0, 183, 203, 0.9));
}

.mw-pane.selected.mw-selected-gd-teal-light:after {
    border-top-color: rgba(0, 183, 203, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-teal-dark:after {
    border-top-color: rgba(0, 152, 179, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-green-light:after {
    border-top-color: rgba(11, 208, 68, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-green-dark:after {
    border-top-color: rgba(0, 190, 0, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-blue-lighter:after {
    border-top-color: rgba(93, 188, 254, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-blue-light:after {
    border-top-color: rgba(63, 165, 234, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-blue-dark:after {
    border-top-color: rgba(51, 127, 249, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-blue-darker:after {
    border-top-color: rgba(0, 82, 213, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-purple-light:after {
    border-top-color: rgba(164, 0, 175, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-purple-dark:after {
    border-top-color: rgba(84, 44, 203, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-yellow-dark:after {
    border-top-color: rgba(254, 209, 28, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-orange-light:after {
    border-top-color: rgba(255, 169, 32, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-orange-dark:after {
    border-top-color: rgba(244, 139, 46, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-orange-darker:after {
    border-top-color: rgba(237, 94, 0, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-red-light:after {
    border-top-color: rgba(243, 12, 12, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-red-dark:after {
    border-top-color: rgba(208, 19, 0, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-lightgrey-light:after {
    border-top-color: rgba(250, 252, 252, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-lightgrey-dark:after {
    border-top-color: rgba(198, 209, 216, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-grey-light:after {
    border-top-color: rgba(154, 184, 186, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-grey-dark:after {
    border-top-color: rgba(130, 161, 164, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-darkgrey-light:after {
    border-top-color: rgba(53, 86, 119, 0.9);
}

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

.mw-pane.selected.mw-selected-gd-darkgrey-dark:after {
    border-top-color: rgba(46, 75, 104, 0.9);
}

/* pane content
   ========================================================================== */
.mw-pane .mw-inner {
    display: block;
    width: 100%;
    height: 100%;
    /*position: relative;*/
    cursor: pointer;
    padding: 8px 8px;
}

.mw-pane .mw-inner > *:not(:first-child) {
    margin-left: 8px;
}

/* pane flex
   ========================================================================== */
.mw-pane .mw-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

/* pane title
   ========================================================================== */
.mw-pane .mw-title {
    display: inline-block;
    max-width: 100%;
    width: auto;
    height: 100%;
    font-size: 0.95em;
    line-height: normal;
    user-select: text;
}

/* submenu
   ========================================================================== */
.mw-pane .mw-submenu:after {
    /* navigation submenu */
    display: inline-block;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 1.18em;
    height: 1em;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "\f054";
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
}

.mw-pane .mw-submenu:hover:after {
    border-left-color: white;
}

.mw-theme-light .mw-pane .mw-submenu:hover:after {
    border-left-color: #428BCA;
}

/* pane led 
   ========================================================================== */
.mw-pane .mw-inner > .mw-led {
    margin-left: 0;
}

/* pane info 
   ========================================================================== */
.mw-pane .mw-infos {
    overflow: hidden;
    font-size: 0.9em;
}

/* pane icon
   ========================================================================== */
.mw-theme-light .mw-pane .mw-inner > .mw-icon,
.mw-theme-light .mw-pane .mw-inner > i {
    color: #000;
}

.mw-pane .mw-inner > .mw-icon,
.mw-pane .mw-inner > i {
    font-size: 2em;
    width: 1em;
}

.mw-pane .mw-inner > .mw-icon,
.mw-pane .mw-inner > i {
    height: 1em;
    line-height: 1em;
}

.mw-pane .mw-inner > .mw-icon > *,
.mw-pane .mw-inner > i > * {
    display: block;
    width: 100%;
    height: 100%;
}

/* pane group
   ========================================================================== */
.mw-panes .mw-group {
    display: block;
}

.mw-panes .mw-group.mw-collapse > *:not(.mw-header) {
    height: 0 !important;
    overflow: hidden;
}

/* header group
   ========================================================================== */
.mw-panes .mw-group .mw-header {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 4px;
    margin: 0 0 2px 0;
    background-color: #EEE;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: capitalize;
    text-align: left;
}

.mw-panes .mw-group .mw-header:before {
    display: inline-block;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 1.18em;
    height: 1em;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "\f078";
    border: none;
    margin: 4px 8px 4px 4px;
    transition: transform linear 0.15s;
    -webkit-transition: transform linear 0.15s;
    position: static;
}

.mw-panes .mw-group .mw-header:after {
    width: calc(100% - 8px);
}

.mw-panes .mw-group.mw-collapse .mw-header:before {
    transform: rotate(-90deg);
}

.mw-panes .mw-group .mw-header.mw-divider {
    background-color: initial;
}

.mw-panes .mw-group .mw-header.mw-divider:before, .mw-panes .mw-group .mw-header.mw-divider:after {
    top: auto;
}

/*# sourceMappingURL=mw-pane.css.map */
