/* ========================================================================================== */
/*  Project: WebDMS
/*  Author: Digital Experience
/*  Date: Wed Feb 26 2025 02:19:07 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2025 Red Hat, Inc.
/*  https://www.redhat.com
/* ========================================================================================== */

.brand-nav-shelf .btn-close .close-bar,.brand-nav-toggle-wrapper .btn-toggle .menu-bar{width:24px;height:2px;background:#333;display:block}.brand-nav-toggle-wrapper{z-index:60;padding:10px 10px 0}.brand-nav-toggle-wrapper .btn-toggle{display:inline-flex;align-items:center;padding:5px 20px;border:1px solid #000;color:#000;border-radius:0;background:#fff;transition:.3s ease-in-out;right:0}.brand-nav-toggle-wrapper .btn-toggle .menu-bar{margin:6px 10px 6px 0;transition:.4s ease-in-out}.brand-nav-toggle-wrapper .btn-toggle.active .menu-bar:nth-child(1){transform:rotate(45deg) translate(6px,5px)}.brand-nav-toggle-wrapper .btn-toggle.active .menu-bar:nth-child(2){opacity:0}.brand-nav-toggle-wrapper .btn-toggle.active .menu-bar:nth-child(3){transform:rotate(-45deg) translate(6px,-5px)}.brand-nav-toggle-wrapper .btn-toggle:focus{outline:dotted 1px;outline-offset:2px}.brand-nav-toggle-wrapper.position-fixed{padding:0}.brand-nav-shelf{position:fixed;top:0;right:-320px;z-index:var(--pfe-theme--zindex--modal,1001);width:320px;height:100%;border-left:2px solid #e7e7e7;transition:.4s ease-in-out}.brand-nav-shelf.shelf-open{right:0}.brand-nav-shelf .nav-container{height:100%;overflow-y:scroll}.brand-nav-shelf .btn-close{padding:18px 8px}.brand-nav-shelf .btn-close .close-bar:nth-child(1){transform:rotate(45deg) translateY(1px)}.brand-nav-shelf .btn-close .close-bar:nth-child(2){transform:rotate(-45deg)}.brand-nav-shelf-screen{position:fixed;top:0;height:100%;width:100%;z-index:var(--pfe-theme--zindex--overlay,97);background-color:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.5,0,.5,1)}.brand-nav-shelf-screen.shelf-open{opacity:1;pointer-events:initial}@media (min-width:768px){.brand-nav-toggle-wrapper{padding:0;height:0;top:60px;position:relative}}@media (max-width:768px){.brand-nav-toggle-wrapper.position-fixed .btn-toggle{display:flex;box-shadow:0 6px 6px rgba(0,0,0,.3)}}