body { font-size: 0.875rem; } .headLogo { width: 10%; } @-moz-document url-prefix() { .headLogo { width: 40%; } } /* * Sidebar */ .sidebar { position: fixed; top: 1.5rem; bottom: 0; left: 0; z-index: 100; /* Behind the navbar */ padding: 48px 0 0; /* Height of navbar */ box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1); } /* @media (max-width: 767.98px) { .sidebar { top: 5rem; } }*/ .sidebar-sticky { position: relative; top: 0; height: calc(100vh - 48px); padding-top: 0.5rem; overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ } .sidebar .nav-link { font-weight: 500; /* color: #333; */ color: var(--bs-body-color); } .sidebar .nav-link .feather { margin-right: 4px; color: var(--bs-body-color); } .sidebar .nav-link.active { color: #2470dc; } .sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather { color: inherit; } .sidebar-heading { font-size: 0.75rem; text-transform: uppercase; } #sidebarMenu { background-color: var(--bs-secondary-bg); } /* * Navbar .navbar-brand { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 1rem; box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25); } */ .navbar .navbar-toggler { top: 0.25rem; right: 1rem; } .navbar .form-control { padding: 0.75rem 1rem; border-width: 0; border-radius: 0; } .form-control-dark { border-color: rgba(255, 255, 255, 0.1); } .form-control-dark:focus { border-color: transparent; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25); } /* .autocomplete-items { position: absolute; z-index: 99; top: 100%; left: 0; right: 0; } */ .rotate { transform: rotate(-90deg) !important; transition: 0.5s; } .rotate::before { transform: rotate(-90deg) !important; transition: 0.5s; } .derotate { transform: rotate(0deg) !important; transition: 0.5s; } .derotate::before { transform: rotate(0deg) !important; transition: 0.5s; } .dropdownIndicator { transition: all 0.5s; } /* * Utilities */ .loader-overlay { border-radius: var(--bs-modal-inner-border-radius); position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.678); z-index: 9999; display: none; } .loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .loaderActive { display: block !important; } .navShadow { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075); }