body {
			font-family: Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		
        .sticky-top-right {
            position: sticky;
            top: 0;
            right: 5;
            z-index: 100;
        }

		/* mobile/desktop nav switch*/
        @media (max-width: 991.98px) {
            .navbar-show {
                top: 0;
            }
			.frame{
				padding-top:60px;
			}
        }

        /* Hide the navbar by default */
        .navbar {
            transition: top 0.3s;
        }

        /* Dark mode styles */
        body.dark-mode {
            background-color: #1f1f1f;
            color: #ffffff;
        }

        /* Black color navigation panel */
        .black-nav {
            background-color: #000000;
            color: #ffffff;
        }	
        .black-nav .navbar-nav .nav-link {
            color: #ffffff;
        }
		.navbar {
			--bs-navbar-padding-x: 10px;
			--bs-navbar-padding-y: 0.1rem;
			--bs-navbar-toggler-font-size: 1rem;
		}
		
		.navbar-toggler {
			border-radius: 4px;
		}
		.dropdown-menu {
			--bs-dropdown-link-hover-color: white;
			--bs-dropdown-link-hover-bg: black;
			--bs-dropdown-link-active-color: #fff;
		}
		hr {
			margin-top: 1px;
			margin-bottom: 1px;
			border: 0;
			border-bottom: 1px solid #444;
		}
		
		.mobile_only {
		  display: none;
		}
		@media (max-width: 767px) {
		  .mobile_only {
			display: block;
		  }
		}