/*
 *   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.
 */
/* ==========================================================================
   Ribbon
   ========================================================================== */
.mw-ribbon {
    position: relative;
    user-select: none;
}

/* Input
   ========================================================================== */
.mw-ribbon .mw-input {
    padding: 0.75rem 0.5rem;
    margin-left: 1rem;
    border: 1px solid #E1E1E1;
    font-size: smaller;
}

/* Select
   ========================================================================== */
.mw-ribbon .mw-select {
    padding: 0.75rem 0.5rem;
    border: 1px solid #E1E1E1;
}

/* Label
   ========================================================================== */
.mw-ribbon .mw-label {
    min-width: 2.5rem;
    padding: 0.5rem 0;
    margin: 0;
    line-height: 1.5em;
    font-size: smaller;
    font-weight: normal;
    text-transform: capitalize;
}

/* Tabs 
   ========================================================================== */
.mw-ribbon .mw-tabs {
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 1;
    margin: 0;
    margin-bottom: -1px;
    padding: 0;
}

.mw-ribbon .mw-tabs ul,
.mw-ribbon .mw-tabs ol {
    margin: 0;
    padding: 0;
}

/* Tab
   ========================================================================== */
.mw-ribbon .mw-tab {
    display: inline-block;
    float: left;
    margin-right: 0.50rem;
    border: 1px solid transparent;
    border-bottom: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.75em;
    line-height: 1.5em;
    cursor: pointer;
}

.mw-ribbon .mw-tab:hover {
    border-color: #ECECEC;
    background-color: #FDFDFD;
    text-decoration: underline;
}

.mw-ribbon .mw-tab.mw-active {
    background-color: #F6F6F6;
    border-color: #DDD;
    text-decoration: none;
    color: #555;
    cursor: default;
}

.mw-ribbon .mw-tab.mw-primary {
    background-color: #1979CA;
    border-color: #1979CA;
    color: white;
}

.mw-ribbon .mw-tab a {
    display: inline-block;
    padding: 0.75rem 1rem;
}

.mw-ribbon .mw-tab.mw-primary a,
.mw-ribbon .mw-tab.mw-active a {
    color: inherit;
}

/* Panels
   ========================================================================== */
.mw-ribbon .mw-panels {
    width: 100%;
    margin: 0;
    border: 1px solid #DDD;
}

/* Panel
   ========================================================================== */
.mw-ribbon .mw-panel {
    display: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0.25rem;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.mw-ribbon .mw-panel.mw-active {
    display: block;
    background-color: #F6F6F6;
}

/* Group
   ========================================================================== */
.mw-ribbon .mw-group {
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 100%;
    padding: 0.4rem 0.8rem calc(2 * 0.4rem + 0.7em) 0.8rem;
    border-right: 1px solid #E1E1E1;
}

.mw-ribbon .mw-group > .mw-title {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 0.4rem 0;
    font-size: 0.7em;
    line-height: 0.7em;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #ABABAB;
}

.mw-ribbon .mw-group.mw-group-left {
    border-left: none;
    border-right: 1px solid #E1E1E1;
}

.mw-ribbon .mw-group.mw-group-right {
    border-left: 1px solid #E1E1E1;
    border-right: none;
}

/* Group highlight contextual */
.mw-group .mw-highlight.mw-contextual {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    margin-top: calc(-0.25rem * 2 - 1px - 0.75rem * 2 - 1.5em);
    padding: 0.75rem 1rem;
    border-top: 4px solid #ff6a00;
    background: rgba(255, 106, 0, 0.15);
    font-size: 0.75em;
    text-align: center;
    font-weight: bold;
    text-shadow: rgba(255, 106, 0, 0.33) 1px 1px 2px;
    text-transform: uppercase;
    color: rgba(255, 106, 0, 0.8);
}

/* Command
   ========================================================================== */
.mw-ribbon .mw-command {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0.4rem 0.75rem;
    margin: 0.25rem;
    border: 1px solid transparent;
    text-align: center;
    cursor: pointer;
}

.mw-ribbon .mw-command:hover, .mw-ribbon .mw-command:focus {
    border-color: #7DA2CE;
    box-shadow: inset 0 0 1px #FFF;
    background-image: linear-gradient(to top, #DCEBFD, #C2DCFD);
}

.mw-ribbon .mw-command:active {
    background-image: linear-gradient(to bottom, #DCEBFD, #C2DCFD);
}

.mw-ribbon .mw-command .mw-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mw-ribbon .mw-command.mw-disabled, .mw-ribbon .mw-command[disabled] {
    cursor: default;
    color: #777;
}

.mw-ribbon .mw-command.mw-disabled:hover, .mw-ribbon .mw-command[disabled]:hover {
    cursor: default;
    border-color: #CCC;
    background-image: none;
    background-color: #F0F0F0;
}

/* Command Label
   ========================================================================== */
.mw-ribbon .mw-command .mw-label {
    min-height: calc(1.5em + 0.25rem * 2);
    padding: 0.25rem 0;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
}

.mw-ribbon .mw-command .mw-label.mw-multiline {
    line-height: 1.25em;
    text-overflow: initial;
    white-space: initial;
}

/* Icon
   ========================================================================== */
.mw-ribbon .mw-command .mw-icon {
    margin: auto;
}

/* Commands
   ========================================================================== */
.mw-ribbon .mw-commands {
    display: inline-block;
    vertical-align: top;
}

.mw-ribbon .mw-stacked.mw-commands .mw-command {
    padding: 0.2rem;
    margin: 0;
}

.mw-ribbon .mw-stacked.mw-commands .mw-icon {
    margin: 0 0.25em;
}

.mw-ribbon .mw-stacked.mw-commands .mw-command .mw-label {
    min-height: initial;
}

/* Split Command
   ========================================================================== */
.mw-ribbon .mw-split.mw-command {
    padding: 0;
}

.mw-ribbon .mw-split.mw-command:hover, .mw-ribbon .mw-split.mw-command:active, .mw-ribbon .mw-split.mw-command:focus {
    box-shadow: none;
    background-image: none;
}

.mw-ribbon .mw-split.mw-command:hover .mw-divider, .mw-ribbon .mw-split.mw-command:focus .mw-divider {
    border-color: #7DA2CE;
}

.mw-ribbon .mw-split.mw-command .mw-command {
    display: block;
    width: 100%;
    margin: 0;
    border: none;
}

.mw-ribbon .mw-split.mw-command.mw-horizontal .mw-option {
    padding-bottom: 0;
}

.mw-ribbon .mw-split.mw-command.mw-horizontal .mw-options {
    padding-top: 0;
}

/* Picker Command
   ========================================================================== */
.mw-ribbon .mw-command.mw-split.mw-vertical .mw-command.mw-picker {
    position: absolute;
    top: -1px;
    right: -1em;
    padding: 0;
    width: auto;
    height: calc(20px + 2 * 0.5rem);
}

.mw-ribbon .mw-command.mw-split.mw-vertical .mw-command.mw-picker .mw-button {
    height: 100%;
    padding: 0.15rem 0.2rem;
}

/* Dockable
   ========================================================================== */
.mw-ribbon.mw-dockable .mw-tabs::before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0 0.4rem;
    font-family: "FontAwesome";
    content: "\f08d";
    cursor: pointer;
}

.mw-ribbon.mw-dockable.mw-undocked .mw-tabs::before {
    transform: rotate(45deg);
}

.mw-ribbon.mw-dockable.mw-undocked .mw-tabs {
    border-bottom: 2px solid transparent;
}

.mw-ribbon.mw-dockable.mw-undocked .mw-panels {
    display: none;
}

.mw-ribbon.mw-dockable.mw-docked .mw-tabs::before {
    transform: rotate(0);
}

/* Menu dropdown
   ========================================================================== */
.mw-ribbon .mw-menu.mw-dropdown {
    border-color: #7DA2CE;
}

.mw-ribbon .mw-command.mw-dropdown {
    padding-bottom: 1.5rem;
}

.mw-ribbon .mw-command.mw-dropdown .mw-button {
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: calc(100% + 2px);
    padding: 0;
    height: 1.5rem;
    line-height: 1.5rem;
}

/* Gallery
   ========================================================================== */
.mw-ribbon .mw-gallery {
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: 1px solid #E1E1E1;
    background-color: white;
}

.mw-ribbon .mw-gallery .mw-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.mw-ribbon .mw-gallery .mw-list li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    overflow: hidden;
    text-align: center;
    border: 2px solid transparent;
    cursor: pointer;
}

.mw-ribbon .mw-gallery .mw-list li:hover {
    border-color: #7DA2CE;
}

.mw-ribbon .mw-gallery.mw-expand {
    height: auto;
}

.mw-ribbon .mw-gallery.mw-expand .mw-inner {
    height: auto;
}

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