:root {
  --f: 18px;
  --h1: calc( var(--f) * 1.5 );
  --h2: calc( var(--f) * 1.25 );
  --serif: "Crimson Text", serif;
  --sans: "Open Sans", sans-serif;
  --condensed: 'Open Sans Condensed', sans-serif;
  --nevis: 'Nevis', 'Open Sans', sans-serif;
  --gray-lightest: #eee;
  --gray-light: #c1c1c1;
  --gray-lighter: #ddd;
  --gray: #777;
  --gray-dark: #404040;
  --di-primary: #004fa2;
  --di-secondary: #444;
  --di-light: #0678c1;
  --di-lighter: #0e5cb0;
  --di-dark: #113d63;
  --di-darker: #0e5cb0;
  --di-white: #fff;
  --acte-primary: #2b437d;
  --acte-secondary: #cb2934;
  --acte-light: rgba(43,67,125,.75);
  --acte-lighter: rgba(43,67,125,.5);
  --acte-dark: #113d63;
  --acte-darker: #113d63;
  --csc-primary: #167abf;
  --csc-secondary: #ffdd00;
  --csc-light: rgba(17,61,99,.5);
  --csc-lighter: rgba(17,61,99,.75);
  --csc-dark: #113d63;
  --csc-darker: #083c63;
  --csc-accent: #ffdd00;
  --csc-gold: #b0854a;
  --ccrd-primary: #7BAAB0;
  --ccrd-secondary: #1a4e86;
  --ccrd-light: #8AD4DF;
  --ccrd-lighter: #bdd5d7;
  --ccrd-dark: #569198;
  --ccrd-darker: #87b3b9;
  --cccl-primary: #a24732;
  --cccl-secondary: #a24732;
  --cccl-light: #a24732;
  --cccl-lighter: #a24732;
  --cccl-dark: #8f301a;
  --cccl-darker: #a24732;
  --che-primary: #BC8046;
  --che-secondary: #a24732;
  --che-light: #a24732;
  --che-lighter: #a24732;
  --che-dark: rgb(166, 86, 8);
  --che-darker: #a24732;
  --cnai-primary: #3e7d79;
  --cnai-secondary: #ff3800;
  --cnai-light: #a24732;
  --cnai-lighter: #a24732;
  --cnai-dark: #134a52;
  --cnai-darker: rgba(5, 52, 82, .75);
  --cnai-darkest: rgba(5, 52, 82, 1);
  --dip-primary: #a24732;
  --dip-secondary: #a24732;
  --dip-light: #a24732;
  --dip-lighter: #a24732;
  --dip-dark: #a24732;
  --dip-darker: #a24732;
  --tdp-primary: #B89058;
  --tdp-secondary: #a06b20;
  --tdp-light: #d0ae61;
  --tdp-lighter: #d0ae61;
  --tdp-dark: #a06b20;
  --tdp-darker: #a06b20;
  --cwpm-primary: #007c69;
  --cwpm-secondary: #444444;
  --cwpm-light: rgba(0,124,105,.75);
  --cwpm-lighter: rgba(0,124,105,.5);
  --cwpm-dark: #004d41;
  --cwpm-darker: #004d41;
  --en-primary: #21377f;
  --en-accent: #fe9400; }

.x {
  color: rgba(5, 52, 82, 0.96);
  color: #002b24; }

:root {
  --xs: 400px;
  --small: 600px;
  --medium: 800px;
  --large: 1000px;
  --xl: 1200px; }

@keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.note-form-blocked {
  animation: fade-in 6s 1; }