/*
.something is the name of a class that was specified in html
#something is the name of an id that was specified in html
*/


/* Setting the color of the headings of the Applications */
#displayNewApplicant h2 {
        color:rgb(5, 245, 65);
}
#displayNewApplicantPassport h2 {
        color:rgb(5, 245, 65);
}
#displayNewApplicantVisa h2 {
        color:rgb(5, 245, 65);
}
#displayNewApplicantCheckboxes h2 {
        color:rgb(5, 245, 65);
}


/* Setting the Menu dropdown hovering color */
.dropdown-item:hover {
	background-color: Lavender;
	font-weight: normal;
	background: #6495ED;
	color: #000;
	text-decoration: none;
}

/* Setting the Menu bar hovering color */
#navbar-menu ul li:hover {
	background-color: SkyBlue;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

/* Setting the color of the writing of the footer */
#sqlpage_footer p {
	color: #0540f1;
}

.option:hover {
	background-color: Lavender;
	font-weight: normal;
	text-decoration: none;
}

/* Setting the color of the headings on a page */
#sqlpage_main_wrapper h1 {
	color: #0d0447;
}

/* Setting the hovering color over the row of a list */
.list-group-item:hover {
	background-color: SkyBlue;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

/* Setting the color of the column headings of a table */
.table thead tr th {
	/* color: #0A21C0; */
        color:rgb(7, 238, 7);
}

/* Setting the color of the column headings of a list */
.text-truncate {
	color: #0A21C0;
}

/* Setting the hovering color over the row of a radio button */
.form-selectgroup-label:hover {
	background-color: SkyBlue;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.status-expire {
        background-color: lightgreen;
    }

.status-good {
        background-color: lightcoral;
    }

/* Defining the table cell highlights if some condition is met */
.highlight-red {
        background-color: #FFCCCC; /* Light red background */
}

.highlight-green {
        background-color: #CCFFCC; /* Light green background */
}    

.highlight-blue {
        background-color: #5707d6; /* Light green background */
}  

/* The below makes the dark color scheme */
:root,
.layout-boxed[data-bs-theme="custom_theme"] {
  color-scheme: light;

  /* Base text colors */
  --tblr-body-color: #cfd5e6;
  --tblr-text-secondary-rgb: 204, 209, 217;
  --tblr-secondary-color: #cccccc;
  --tblr-muted-color: rgba(191, 191, 191, 0.8);

  /* Background colors */
  --tblr-body-bg: #0f1426;
  --tblr-bg-surface: #111629;
  --tblr-bg-surface-secondary: #151a2e;
  --tblr-bg-surface-tertiary: #191f33;

  /* Primary and secondary colors */
  --tblr-primary-rgb: 95, 132, 169;
  --tblr-primary: rgb(var(--tblr-primary-rgb));
  --tblr-secondary-rgb: 235, 232, 255;
  --tblr-secondary: rgb(var(--tblr-secondary-rgb));

  /* Border colors */
  --tblr-border-color: #151926;
  --tblr-border-color-translucent: #404d73b3;

  /* Theme colors. All sqlpage colors can be customized in the same way. */
  --tblr-blue-rgb: 84, 151, 213; /* To convert between #RRGGBB color codes to decimal RGB values, you can use https://www.rapidtables.com/web/color/RGB_Color.html */
  --tblr-blue: rgb(var(--tblr-blue-rgb));

  --tblr-red-rgb: 229, 62, 62;
  --tblr-red: rgb(var(--tblr-red-rgb));

  --tblr-green-rgb: 72, 187, 120;
  --tblr-green: rgb(var(--tblr-green-rgb));
}

/* makes any text on the navigation bar, white */
#navbar-menu a {
        color: Lavender;
}