// out: false
//
// Background
@bg: #EEE;
@sidebarBg: #292929;
@contentBg: #FFF;
@nightBg: #1F1F1F;
@nightContentBg: #292929;
//
// Border
@border: #E5E5E5;
@nightBorder: #191919;
//
// Font color
@color: #232323;
@colorLink: #999;
@colorSidebar: #FFF;
@fontSize: 0.9em;
@nightColor: #FFF;
//
// Color theme
@main: #F44336;
@mainDark: #B71C1C;
@accent: #f4a236;
//
// Tooltip
@tooltipBg: #232323;
@tooltipColor: #FFF;
@arrowWidth: 8px;
//
// Dialog
@dialogHeaderBg: #292929;
@dialogHeaderColor: #FFF;
//
// Other variable
@headerHeight: 60px;
//
// Mixin
.header-link {
    border-right: 1px solid @border;
    color: @color;
    cursor: pointer;
    font-size: @fontSize;
    line-height: @headerHeight;
    overflow: hidden;
    padding: 0 16px;
    &:hover {
        color: @main;
    }
}

.full-overlay {
    position: fixed;
    z-index: 101;
    display: flex;
    flex-flow: column;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    justify-content: center;
    padding: 32px;
}