// Basic layout styles
html {
    height: 100%;
    min-height: 100%;
    width: 100%;
}
body {
    background: #fff; // fallback
    color: #444;
    font: 16px/21px 'DroidSans', Arial, sans-serif;
    -webkit-font-smoothing: antialiased; // Fix for webkit renderin
    height: 100%;
    min-height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    width: 100%;
}

.master {
    height: 100%;
    min-height: 100%;
}

.wrapper {
    @include table-flex();
    min-height: 100%;
    padding-left: 90px;
}

.menu-secondary {
    @include table-flex-child(1, 260px, 0, 260px);
    background: $whitish;
    padding: 2em 1em;
}

.menu-tertiary {
    @include table-flex-child(1, 190px, 0, 190px);
    background-color: $dark-grayish-lime-green;
    padding: 2em 1em;
}

.extrabar {
    background: $whitish;
    // display: none;
}

.main {
    @include table-flex-child(8, 600px, 0, 600px);
    padding: 2em;
}

.icon {
    font-family: 'taiga';
}

.hidden {
    display: none;
}