html {
  --dark:#312783 !important;
  --darkblue:#001d3d !important;
  --blue:#003566 !important;
  --violet2:#312783 !important;
  --secondary2: #b01e1e !important;
  --gray:#e0e4ee !important;
}
html .color1 {
  background: var(--dark);
}
html .color2 {
  background: var(--darkblue);
}
html .color3 {
  background: var(--blue);
}
html .color4 {
  background: var(--violet2);
}
html .color5 {
  background: var(--secondary2);
}
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(--violet2);
}
html .text-color5 {
  color: var(--secondary2);
}
html .text-color6 {
  color: var(--gray);
}
html .text-color7 {
  color: #fff;
}
html .text-color7 h1, html .text-color7 h2, html .text-color7 h3, html .text-color7 h4, html .text-color7 h5, html .text-color7 h6 {
  color: #fff !important;
}
html .bg-color1 {
  background: var(--dark);
}
html .bg-color2 {
  background: var(--darkblue);
}
html .bg-color3 {
  background: var(--blue);
}
html .bg-color4 {
  background: var(--violet2);
}
html .bg-color4 h1, html .bg-color4 h2, html .bg-color4 h3, html .bg-color4 h4, html .bg-color4 h5, html .bg-color4 h6 {
  color: #fff !important;
}
html .bg-color4 a {
  color: var(--secondary) !important;
}
html .bg-color5 {
  background: var(--secondary2);
}
html .bg-color6 {
  background: var(--gray);
}
html .bg-color7 {
  background: #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 .portal-layouts h1, html .portal-layouts h2, html .portal-layouts h3, html .portal-layouts h4, html .portal-layouts h5 {
  color: var(--violet2);
}
html .portal-layouts .textwhite *,
html .portal-layouts .textwhite {
  color: #fff;
}
html .portal-layouts .textdark {
  color: var(--dark);
}
html .portal-layouts .textdarkblue {
  color: var(--darkblue);
}
html .portal-layouts .textviolet2 {
  color: var(--violet2);
}
html .portal-layouts .textturkus {
  color: var(--secondary2);
}
html .portal-layouts .textgray {
  color: var(--gray);
}
html .portal-layouts .text-color7 a:not(.btn) {
  color: var(--secondary) !important;
}