html {
  /* --dark:#000814;
  --darkblue:#001d3d;
  --blue:#003566;
  --secondary: #ffc300;
  --yellow:#ffd60a; */
  --dark:#251605;
  --darkblue:#562c2c;
  --blue:#c57b57;
  --violet:#d95d39;
  --secondary: #f0a202;
  --gray:#d4d4d4;
}
html .color1 {
  background: var(--dark);
}
html .color2 {
  background: var(--darkblue);
}
html .color3 {
  background: var(--blue);
}
html .color4 {
  background: var(--violet);
}
html .color5 {
  background: var(--secondary);
}
html .color6 {
  background: var(--gray);
}
html .color7 {
  background: #fff;
}
html .text-color1 {
  color: var(--dark);
}
html .text-color2 {
  color: var(--darkblue);
}
html .text-color3 {
  color: var(--blue);
}
html .text-color4 {
  color: var(--violet);
}
html .text-color5 {
  color: var(--secondary);
}
html .text-color6 {
  color: var(--gray);
}
html .text-color7 {
  color: #fff;
}
html .bg-color1 {
  background: var(--dark);
}
html .bg-color2 {
  background: var(--darkblue);
}
html .bg-color3 {
  background: var(--blue);
}
html .bg-color4 {
  background: var(--violet);
}
html .bg-color5 {
  background: var(--secondary);
}
html .bg-color6 {
  background: var(--gray);
}
html .bg-color7 {
  background: #fff;
}
html .btn-primary {
  background: var(--darkblue) !important;
  border-color: #fff !important;
}
html .btn-info {
  background: var(--secondary) !important;
  border-color: #dfa32d !important;
}
html .btn-secondary {
  background: var(--blue) !important;
  border-color: #dfa32d !important;
  color: #fff;
}
html .opacity-1 {
  opacity: 0.1;
}
html .opacity-2 {
  opacity: 0.2;
}
html .opacity-3 {
  opacity: 0.3;
}
html .opacity-4 {
  opacity: 0.4;
}
html .opacity-5 {
  opacity: 0.5;
}
html .opacity-6 {
  opacity: 0.6;
}
html .opacity-7 {
  opacity: 0.7;
}
html .opacity-8 {
  opacity: 0.9;
}
html .opacity-9 {
  opacity: 0.9;
}
html .opacity-10 {
  opacity: 1;
}
html img {
  max-width: 100%;
  height: auto;
}
html .portal-layouts .textwhite {
  color: #fff;
}
html .portal-layouts .textdark {
  color: var(--dark);
}
html .portal-layouts .textdarkblue {
  color: var(--darkblue);
}
html .portal-layouts .textviolet {
  color: var(--violet);
}
html .portal-layouts .textturkus {
  color: var(--secondary);
}
html .portal-layouts .textgray {
  color: var(--gray);
}