/* 
// -----------------------------------------------------------
//     Dark
// -----------------------------------------------------------

[data-theme="dark"] {
  --background-color: #242a30;
  --alt-background-color: green;

  --nav-color: #444a50;
  --text-color: #33FF00;
  --default-font: "Courier New", Monaco, monospace;
  --heading-font: Tahoma, Geneva, sans-serif;
  --card-head-color: #444a50;

  --alt-title-color: white;
  --table-head: #eeeeee;
  --table-cell: #33FF00;

  --link-color: #0d6efd;
  --link-hover-color: #33CCFF;
  --nav-link-color: white;

  --nav-item-color: white;
  --nav-hover-item-color: #4CAF50;

  --form-bg-color: #343a40;
  --clock-color: #66ff99;

  --cal-day: #444a50;
  --cal-text: #444a50;
  --cal-bg: white;
  --cal-weekend-bg: #EEEEEE;
  --cal-today-bg: #FFFFCC;

  --priority-high: #cbc01d;
  --priority-medium: #2C7F30;
  --priority-low: #008CBA;

  --priority-high-hover: #ded76f;
  --priority-medium-hover: #4C9F50;
  --priority-low-hover: #00ACDA;

  --selected-color: #57a800;
  --not-selected-color: #505050;
} */

/* ----------- Page Body ----------- */
.gloo-body {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #242a30;
}


/* ----------- Background ----------- */
.gloo-bg {
  background-color: white !important;
}

/* ----------- Text ----------- */
pre {
  color: #125700 !important;
}

div {
  background-color: #242a30;
  color: #33FF00;
  font-family: "Courier New", Monaco, monospace;
}

p {
  color: #33FF00;
  font-family: "Courier New", Monaco, monospace;
}

span {
  color: #33FF00;
  font-family: "Courier New", Monaco, monospace;
}

a {
  color: #0d6efd;
  font-family: "Courier New", Monaco, monospace;
  font-weight: bold;
  text-decoration: none !important;
}
a:hover {
  text-decoration: none;
  color: #33CCFF;
}

.xl_font {
  font-size: 38px;
}



/* ----------- Code ----------- */

code {
  color: rgb(240, 246, 241) !important;
  font-family: "Courier New", Monaco, monospace;
  font-size: 16px !important;
}
pre {
  color: rgb(240, 246, 241) !important;
  font-family: "Courier New", Monaco, monospace;
  padding: 16px;
  margin: 30px;
  border-left: 4px solid #737373;
  background-color: rgba(#737373, 0.05) !important;
}

.line_numbers {
	text-align: right;
	color: grey;
}


/* ----------- Quotations ----------- */
div.quotation, div.quotation p {
  color: white !important;
  font-size: 24px !important;
}

/* ----------- Quote ----------- */

.gloo-quote-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gloo-quote {
  width: 912px;
  padding: 16px;
  margin: 8px;
  max-width: 90%;
  background-color: #202225 !important;  
  
  border-left: 4px solid #a1a1a1;
  border-right: 4px solid #a1a1a1;
  background-color: rgba(#a1a1a1, 0.05) !important;
  
  .gloo-quote-title {
    color: #a1a1a1 !important;
  }
}

.gloo-quote-title {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px !important;
}

.gloo-quote-content {
  margin: 10;
  font-family: "Times New Roman", serif !important;
  font-size: 18px !important;
  color: white !important;
}


.gloo-quote-content *,
.gloo-quote-content :not(:root) {
  background-color: #202225 !important;
  color: white !important;
}

.gloo-quote-content p,
.gloo-quote-content ul,
.gloo-quote-content ul ul,
.gloo-quote-content ul li,
.gloo-quote-content ul li ul {
  margin: 0 !important;
  padding: 10 !important;
}


/* ----------- Priorities ----------- */

.priority-Low {
  background-color: #242a30;
  border: none;
  color: #008CBA;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
}
.priority-Low:hover {
  background-color: #242a30;
  text-decoration: none;
  color: #00ACDA;
  font-size: 24px;
}

.priority-Medium {
  background-color: #242a30;
  border: none;
  color: #2C7F30;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
}
.priority-Medium:hover {
  background-color: #242a30;
  text-decoration: none;
  color: #4C9F50;
  font-size: 28px;
}

.priority-High {
  background-color: #242a30;
  border: none;
	color: #cbc01d;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 28px;
}
.priority-High:hover {
  background-color: #242a30;
  text-decoration: none;
	color: #ded76f;
  font-size: 32px;
}


/* ----------- Lists ----------- */
ul {
  background-color: #242a30;
  color: #33FF00;
  font-family: "Courier New", Monaco, monospace;
}
li {
  background-color: #242a30;
  color: #33FF00;
  font-family: "Courier New", Monaco, monospace;
}


/* ----------- Headers ----------- */
h1 {
  color: #33FF00 !important;
  font-family: Tahoma, Geneva, sans-serif !important;
}
h2 {
  color: #33FF00 !important;
  font-family: Tahoma, Geneva, sans-serif !important;
}
h2 a {
  background-color: #242a30;
  color: #0d6efd;
  font-weight: bold;
  text-decoration: none;
}
h2 a:hover {
  color: #33CCFF !important;
}

h3 {
  color: #33FF00 !important;
  font-family: Tahoma, Geneva, sans-serif !important;
}
h3 a {
  background-color: #242a30;
  color: #0d6efd;
  text-decoration: none;
}
h3 a:hover {
  color: #33CCFF !important;
}

h4 {
  color: #33FF00 !important;
  font-family: Tahoma, Geneva, sans-serif !important;
}
h4 a {
  background-color: #242a30;
  color: #0d6efd;
  text-decoration: none;
}
h4 a:hover {
  color: #33CCFF !important;
}


/* ----------- Links ----------- */
.gloo-link {
  color: #0d6efd;
  text-decoration: none;
  display: inline-block;
}
.gloo-link:hover {
  text-decoration: none;
  color: #33CCFF !important;
}

.gloo-list {
  color: #125700 !important;
  font-family: Tahoma, Geneva, sans-serif !important;
}
.gloo-list-item {
  color: #125700 !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 18px;
}

/* ----------- Nav ----------- */
.gloo-navbar {
  background-color: #444a50 !important;
}

.gloo-navbar-link {
  background-color: #444a50 !important;
  color: white !important;
}

.gloo-dropdown {
  background-color: #444a50 !important;
}

.gloo-menu-item {
  background-color: #444a50 !important;
  color: white !important;
  text-decoration: none !important;
}
.gloo-menu-item:hover {
  background-color: #444a50 !important;
  color:  #4CAF50 !important;
}
.gloo-menu-item:focus {
  background-color: #444a50 !important;
  color:  #4CAF50 !important;
}

.gloo-navbar ul {
  background-color: #444a50;
}

/* ----------- Tables ----------- */
th {
  background-color: green !important;
  color: white !important;
}

.gloo-table-head {
  color: #eeeeee !important;
}

.gloo-table-cell {
  color: #33FF00 !important;
}


/* ----------- Cards ----------- */
.gloo-card-head {
  background-color: #444a50;
  color: #33FF00;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 18px;
}

.gloo-card-head a {
  background-color: #444a50;
  color: #0d6efd;
  font-family: Tahoma, Geneva, sans-serif;
  text-decoration: none;
  font-size: 18px;
}

.gloo-card-head a:hover {
  color: #33CCFF !important;
  text-decoration: underline;
}

.gloo-card-head-icon {
  background-color: #444a50 !important;
  color: #0d6efd !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-size: 18px;
}


/* ----------- Forms ----------- */
.gloo-form-field {
  background-color: #343a40 !important;
  color: #33FF00 !important;
  font-family: "Courier New", Monaco, monospace !important;
  font-size: 18px !important;
}
.gloo-form-field::placeholder {
  color: #aeaeae;
  opacity: 0.7; /* Optional: Adjusts the transparency */
}

/* ----------- Drop Down Menu ----------- */
/* Dropdown Button */
.dropbtn {
  background-color: #444a50;
  color: white;
  font-weight: bold;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  font-size: 14px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  background-color: #24272c !important;
  color: white !important;
  font-family: "Courier New", Monaco, monospace !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
  display: block !important;
}
.dropdown-content a:hover {
  color: #4CAF50 !important;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* 
  These added by to prevent the right menu from going off the screen 
*/
.dropdown-menu {
  max-width: 90vw; /* Maximum width of 90% of viewport width */
  width: max-content; /* Allow content to determine width */
  right: 0; /* Align to right of parent */
  left: auto !important; /* Override any left positioning */
  transform: translateX(0); /* Ensure no unwanted translation */
  overflow-x: auto; /* Add horizontal scroll if needed */
  white-space: nowrap;
}

.dropdown-menu-right {
  right: 0;
  left: auto !important;
}


/* ----------- Panels ----------- */

.gloo-panel-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gloo-panel {
  width: 712px;
  padding: 16px;
  margin: 8px;
  max-width: 90%;
  background-color: #383c41 !important;  
}

.gloo-panel-success {
  border-left: 4px solid #2ec946;
  border-right: 4px solid #2ec946;
  background-color: rgba(#2ec946, 0.05) !important;
  border-radius: 8px;

  .gloo-panel-title {
    color: #2ec946 !important;
  }
}

.gloo-panel-primary {
  border-left: 4px solid #2f6eeb;
  border-right: 4px solid #2f6eeb;
  background-color: rgba(#2f6eeb, 0.05) !important;
  border-radius: 8px;
  
  .gloo-panel-title {
    color: #2f6eeb !important;
  }
}

.gloo-panel-warning {
  border-left: 4px solid #ffba00;
  border-right: 4px solid #ffba00;
  background-color: rgba(#ffba00, 0.05) !important;
  border-radius: 8px;
  
  .gloo-panel-title {
    color: #ffba00 !important;
  }
}

.gloo-panel-secondary {
  border-left: 4px solid #a1a1a1;
  border-right: 4px solid #a1a1a1;
  background-color: rgba(#a1a1a1, 0.05) !important;
  border-radius: 8px;
  
  .gloo-panel-title {
    color: #a1a1a1 !important;
  }
}

.gloo-panel-danger {
  border-left: 4px solid #ff3838;
  border-right: 4px solid #ff3838;
  background-color: rgba(#ff3838, 0.05) !important;
  border-radius: 8px;
  
  .gloo-panel-title {
    color: #ff3838 !important;
  }
}

.gloo-panel-title {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px !important;
}

.gloo-panel-content {
  margin: 10;
  font-size: 16px !important;
  color: white !important;
}


.gloo-panel-content *,
.gloo-panel-content :not(:root) {
  background-color: #383c41 !important;
  color: white !important;
}

.gloo-panel-content p,
.gloo-panel-content ul,
.gloo-panel-content ul ul,
.gloo-panel-content ul li,
.gloo-panel-content ul li ul {
  margin: 0 !important;
  padding: 10 !important;
}