/* global.css */

/*Background Styling*/
.background-color-blue{
	background-color: #6495ed !important;
}

/* Input Field Styling */
.input-placeholder-lightgray::placeholder {
	color: #b3b3b3;
}

.input-text-color-dark{
	color: #333333;
}

/* Top Navbar Styling */
.navbar.dark-background{
	background-color: #191919 !important;
	box-shadow: 0 2px 4 px rgba(0, 0, 0, 0.5) !important;
}


.navbar-item.gray-background { /* Base gray background for items */
  background-color: #3a3a3a !important;
  color: white !important;
}

.navbar-item.gray-background:hover{ /*Make the nabvar highlight gray and text white*/
        background-color: #2f2f2f !important;
        color: white !important;
}

.navbar-link.has-text-white::after{ /*Make the down arrow in dropdown menu white*/
        border-color: white !important;
}

.navbar-link.gray-background { /* Fix for the Applications button (navbar-link in a dropdown trigger) */
  background-color: #3a3a3a !important;
  color: white !important;
}

.navbar-link.gray-background:hover {
  background-color: #2f2f2f !important;
  color: white !important;
}

/* Override Bulma dropdown container background */
.navbar-dropdown {
  background-color: transparent !important; /* remove default white */
  padding: 0 !important; /* optional */
  border: none !important; /* optional */
}

.navbar-app-name-centered { /*Makes the Navbar center text perfectly centered*/
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
}