main {
    padding-top: 2rem;
}

.about-text {
    text-align: center;
}

.ecmind-logo {
    width: 200px;
    height: auto;
    margin: 2rem;
}

.pointer {
    cursor: pointer
}

.filter-float {
    float: right; 
    width: 15rem;
}

/* ECMind */
:root {
  --bs-primary: #003834;
  --bs-primary-rgb: 0, 56, 52;
  --bs-secondary: #0F7B9F;
  --bs-secondary-rgb: 15, 123, 159;
  --bs-success: #00766E;
  --bs-success-rgb: 0, 118, 110;
  --bs-info: #99CAC6;
  --bs-info-rgb: 153, 202, 198;
  --bs-warning: #FFC214;
  --bs-warning-rgb: 255, 194, 20;
  --bs-danger: #a3391f;
  --bs-danger-rgb: 163, 57, 31;
  --bs-light: #E6F2F1;
  --bs-light-rgb: 230, 242, 241;
  --bs-dark: #000000;
  --bs-dark-rgb: 0, 0, 0;

  --brand-teal-1: #003834;
  --brand-teal-2: #005852;
  --brand-teal-3: #00766E;
  --brand-teal-4: #99CAC6;
  --brand-teal-5: #E6F2F1;

  --gray-1: #000000;
  --gray-2: #353535;
  --gray-3: #585858;
  --gray-4: #B4B3B3;
  --gray-5: #E5E5E5;

  --secondary-yellow-1: #735A04;
  --secondary-yellow-2: #B98F0A;
  --secondary-yellow-3: #FFC214;
  --secondary-yellow-4: #FFD658;
  --secondary-yellow-5: #FFE89E;
  --secondary-yellow-6: #FFFAE6;

  --secondary-blue-1: #074D65;
  --secondary-blue-2: #0F7B9F;
  --secondary-blue-3: #1AA7D7;
  --secondary-blue-4: #5DC3E5;
  --secondary-blue-5: #A1DDF2;
  --secondary-blue-6: #E7F7FC;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--brand-teal-2);
  --bs-btn-hover-border-color: var(--brand-teal-2);
  --bs-btn-active-bg: var(--brand-teal-3);
  --bs-btn-active-border-color: var(--brand-teal-3);
  --bs-btn-hover-color: var(--brand-teal-5);
}

.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: var(--secondary-blue-3);
  --bs-btn-hover-border-color: var(--brand-teal-3);
}

.btn-warning {
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-color: var(--bs-dark);
  --bs-btn-hover-bg: var(--secondary-yellow-2);
  --bs-btn-hover-border-color: var(--secondary-yellow-2);
}

.bg-brand-teal { background-color: var(--brand-teal-1) !important; }
.bg-brand-teal-light { background-color: var(--brand-teal-4) !important; }
.bg-brand-teal-lighter { background-color: var(--brand-teal-5) !important; }

.text-brand-teal { color: var(--brand-teal-1) !important; }
.text-brand-teal-light { color: var(--brand-teal-4) !important; }

.border-brand-teal { border-color: var(--brand-teal-1) !important; }
.border-brand-teal-light { border-color: var(--brand-teal-4) !important; }

.navbar-brand, .navbar-nav .nav-link {
  color: var(--brand-teal-5) !important;
}

.navbar {
  background-color: var(--brand-teal-1) !important;
}

a:not(.navbar-brand):not(.nav-link):not(.btn) {
  color: var(--brand-teal-3);
}

a:not(.navbar-brand):not(.btn):not(.nav-link):hover {
  color: var(--brand-teal-2);
}

code {
  color: var(--brand-teal-2);
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
}

.card-header {
  background-color: var(--brand-teal-5);
  border-bottom-color: var(--brand-teal-4);
}

.table-primary {
  --bs-table-bg: var(--brand-teal-5);
  --bs-table-border-color: var(--brand-teal-4);
}

.table-warning {
   background-color: var(--secondary-yellow-4) !important;
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: var(--secondary-blue-6);
}

.alert-primary {
  --bs-alert-bg: var(--brand-teal-5);
  --bs-alert-border-color: var(--brand-teal-4);
  --bs-alert-color: var(--brand-teal-1);
}

.form-control:focus {
  border-color: var(--brand-teal-3);
  box-shadow: 0 0 0 0.25rem rgba(0, 118, 110, 0.25);
}

.form-check-input:checked {
  background-color: var(--brand-teal-3);
  border-color: var(--brand-teal-3);
}
/* /ECMind */