/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
:root {
  --primary-color: #2c3e50;
  --primary-dark-color: #2c3e50;
  --background-color: #ffffff;
  --text-color: #333333;
  --meta-text-color: #999999;
  --light-color-1: #dddddd;
  --light-color-2: #bbbbbb;
  font-family: Arial, Helvetica, sans-seriff;
  line-height: 1.5rem;
  font-size: 14px;
}

.center-data {
    width: 100%; 
    height: 80vh; 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

.primary-bg {
  background-color: var(--primary-color);
}

.primary-hover:hover {
  background-color: var(--primary-dark-color);
}

.primary-text {
  color: var(--primary-color);
}

.fixed-table {
  table-layout: fixed;
}

/* Change color of regular options */
ul.dropdown-content.select-dropdown li:not(.optgroup) > span {
  color: #000; /* Your desired color */
}

/* Leave optgroup labels untouched */
ul.dropdown-content.select-dropdown li.optgroup > span {
  color: inherit; /* Keeps default styling */
}

.input-field input.select-dropdown:focus {
  border-color: var(--primary-color); /* Your custom color */
  /* box-shadow: 0 1px 0 0 var(--primary-color); */
}