/* Colors */

:root {
  --primary-color: #007bff;
  --primary-dark: #00163c;
  --primary-extra-dark: rgb(0, 10, 26,0.7);
  --secondary-color: #ff6500;
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --info-color: #17a2b8;
}

.color-blue {
   color: var(--primary-color) !important;
}

.color-primary-dark {
   color: var(--primary-dark) !important;
}

.color-red {
   color: var(--danger-color) !important;
}

.color-green {
   color: var(--success-color) !important;
}

.color-yellow {
   color: var(--warning-color) !important;
}

.color-orange {
   color: var(--secondary-color) !important;
}



/* Icons */

.large-icon {
  font-size: 3.5rem;
   color: var(--primary-color);
   align-items: center;
   display: flex;
   flex-direction: column;
}

.large-icon:hover {
   color: var(--primary-dark) !important;
}

.small-svg-icon {
  width:75px;
  max-width:100%;
}

.tiny-svg-icon {
  width: 25px;
  max-width: 100%;
}