/*!*******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-5.use[3]!../../repos/arches/arches/app/media/css/base-manager.css ***!
  \*******************************************************************************************************************************************************************************************************************/
.header {
    grid-area: header;
}

.content-panel {
    grid-area: content-body;
}

.sidenav {
    grid-area: sidenav;
    background-color: #2d3c4b;
    z-index: 15;
}

.base-manager-grid {
    display: grid;
    grid-template-columns: 50px auto;
    grid-template-rows: 50px auto;
    grid-template-areas: "sidenav header" "sidenav content-body";
    height: 100vh;
    width: 100%;
}

#skip-link-holder a, #skip-link-holder a:link, #skip-link-holder a:visited {
    color: #000;
    background-color: #fae619;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    outline: none !important;
    max-height: 38px;
    display: block;
    width: 100%;
    position: fixed;
    top: -38px;
    left: 0;
    z-index: 10001;
}

#skip-target-holder {
    position: absolute;
    top: -38px;
    left: 0;
}

#skip-link-holder a:focus, #skip-link-holder a:active {
    text-decoration: underline !important;
    left: 0;
    top: 0;
    z-index: 10000000;
}

@media print {
    .base-manager-grid {
        display: block;
        height: 100vh;
        width: 100vw;
    }
    .header,
    .header *,
    .sidenav,
    .sidenav * {
        display: none !important;
    }
}