header{position:fixed;top:0;left:0;width:100%;z-index:1000}.sidebar{width:280px;background-color:#fff;transition:width .3s ease-in-out;white-space:nowrap;position:fixed;top:90px;left:0;height:calc(100vh - 90px);display:flex;flex-direction:column;overflow-y:auto;border-right:solid}.sidebar.collapsed{width:80px;overflow:visible}.sidebar .sidebar-text{opacity:1;transition:opacity .3s ease-in-out}.sidebar-text-opacity{opacity:1}.sidebar.collapsed .sidebar-text{opacity:0;display:none;transition:opacity .3s ease-in-out,display 0s .3s}.nav-link{display:flex;align-items:center;justify-content:flex-start;position:relative;padding:10px 20px;border-radius:1.2rem!important}.nav-link:hover,.nav-link.active{background-color:#fff;text-decoration:none;color:#000;font-weight:700}.nav-link i{margin-right:10px;min-width:30px;text-align:center;margin-top:0}.sidebar.collapsed .nav-link i{margin-top:13px}.sidebar.collapsed .nav-link:hover:after,.sidebar.collapsed .nav-link.active:after{content:attr(data-title);display:block;opacity:1;position:absolute;left:100px;top:50%;transform:translateY(-50%);white-space:nowrap;background-color:#000;color:#fff;padding:5px 10px;border-radius:20px;box-shadow:0 0 10px #00000080;transition:opacity .3s ease-in-out;z-index:2000}#toggleBtn{cursor:pointer;transition:color .2s}#toggleBtn:hover{cursor:pointer;color:#fff}.main-content{margin-top:180px;transition:margin-left .3s ease-in-out,padding .3s ease-in-out;padding:20px 0 20px 20px}.with-sidebar{margin-left:250px}.with-sidebar.collapsed{margin-left:80px}.main-content.padding-collapsed{padding:20px}#miDiv{min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#miDiv img{max-width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.select2{height:3em!important;max-height:3em!important;overflow-y:auto!important}footer{margin-top:20px}.footer-fixed{position:fixed;bottom:0;width:100%;z-index:1000}#selection-table tr.selected{background-color:#e5e7eb}#selection-table tbody tr:hover{background-color:#f3f4f6}.image-with-shadow{filter:drop-shadow(3px 5px 4px rgba(255,255,255,.8))}
