:root {
    --color-success-100: #d3e9d8;
    --color-success-200: #a7d3b1;
    --color-success-300: #7bbd8b;
    --color-success-400: #4fa764;
    --color-success-500: #23913d;
    --color-success-600: #1c7431;
    --color-success-700: #155725;
    --color-success-800: #0e3a18;
    --color-success-900: #071d0c;
    --color-error-100: #f4d5d2;
    --color-error-200: #e9aba6;
    --color-error-300: #de8179;
    --color-error-400: #d3574d;
    --color-error-500: #c82d20;
    --color-error-600: #a0241a;
    --color-error-700: #781b13;
    --color-error-800: #50120d;
    --color-error-900: #280906;
    --color-warning-100: #fff6e0;
    --color-warning-200: #ffedc2;
    --color-warning-300: #ffe3a3;
    --color-warning-400: #ffda85;
    --color-warning-500: #ffd166;
    --color-warning-600: #cca752;
    --color-warning-700: #997d3d;
    --color-warning-800: #665429;
    --color-warning-900: #332a14;
    --color-muted-100: #d9dada;
    --color-muted-200: #b3b4b6;
    --color-muted-300: #8c8f91;
    --color-muted-400: #66696d;
    --color-muted-500: #404448;
    --color-muted-600: #33363a;
    --color-muted-700: #26292b;
    --color-muted-800: #1a1b1d;
    --color-muted-900: #0d0e0e;
    --text-color-base-100: #ccc;
    --text-color-base-200: #999;
    --text-color-base-300: #666;
    --text-color-base-400: #333;
    --text-color-base-500: #000;
    --text-color-base-600: #000;
    --text-color-base-700: #000;
    --text-color-base-800: #000;
    --text-color-base-900: #000;
    --text-color-inverted-100: #fff;
    --text-color-inverted-200: #fff;
    --text-color-inverted-300: #fff;
    --text-color-inverted-400: #fff;
    --text-color-inverted-500: #fff;
    --text-color-inverted-600: #ccc;
    --text-color-inverted-700: #999;
    --text-color-inverted-800: #666;
    --text-color-inverted-900: #333;
    --identity-color-1-100: #ebe7ed;
    --identity-color-1-200: #d7cfdc;
    --identity-color-1-300: #c2b6ca;
    --identity-color-1-400: #ae9eb9;
    --identity-color-1-500: #9a86a7;
    --identity-color-1-600: #7b6b86;
    --identity-color-1-700: #5c5064;
    --identity-color-1-800: #3e3643;
    --identity-color-1-900: #1f1b21;
    --identity-color-2-100: #f6e8e8;
    --identity-color-2-200: #edd0d1;
    --identity-color-2-300: #e5b9b9;
    --identity-color-2-400: #dca1a2;
    --identity-color-2-500: #d38a8b;
    --identity-color-2-600: #a96e6f;
    --identity-color-2-700: #7f5353;
    --identity-color-2-800: #543738;
    --identity-color-2-900: #2a1c1c;
    --identity-color-3-100: #f4f4f4;
    --identity-color-3-200: #e8e8e8;
    --identity-color-3-300: #ddd;
    --identity-color-3-400: #d1d1d1;
    --identity-color-3-500: #c6c6c6;
    --identity-color-3-600: #9e9e9e;
    --identity-color-3-700: #777;
    --identity-color-3-800: #4f4f4f;
    --identity-color-3-900: #282828;
    --identity-color-4-100: #cce8eb;
    --identity-color-4-200: #99d1d7;
    --identity-color-4-300: #66bbc4;
    --identity-color-4-400: #33a4b0;
    --identity-color-4-500: #008d9c;
    --identity-color-4-600: #00717d;
    --identity-color-4-700: #00555e;
    --identity-color-4-800: #00383e;
    --identity-color-4-900: #001c1f;
    --identity-color-5-100: #ccefed;
    --identity-color-5-200: #99dfda;
    --identity-color-5-300: #66cfc8;
    --identity-color-5-400: #33bfb5;
    --identity-color-5-500: #00afa3;
    --identity-color-5-600: #008c82;
    --identity-color-5-700: #006962;
    --identity-color-5-800: #004641;
    --identity-color-5-900: #002321;
    --identity-color-6-100: #e4f0e8;
    --identity-color-6-200: #c9e1d0;
    --identity-color-6-300: #afd3b9;
    --identity-color-6-400: #94c4a1;
    --identity-color-6-500: #79b58a;
    --identity-color-6-600: #61916e;
    --identity-color-6-700: #496d53;
    --identity-color-6-800: #304837;
    --identity-color-6-900: #18241c;
    --identity-color-7-100: #ccdfeb;
    --identity-color-7-200: #99bfd7;
    --identity-color-7-300: #669ec2;
    --identity-color-7-400: #337eae;
    --identity-color-7-500: #005e9a;
    --identity-color-7-600: #004b7b;
    --identity-color-7-700: #00385c;
    --identity-color-7-800: #00263e;
    --identity-color-7-900: #00131f;
    --identity-color-8-100: #d7eaef;
    --identity-color-8-200: #afd5de;
    --identity-color-8-300: #86c0ce;
    --identity-color-8-400: #5eabbd;
    --identity-color-8-500: #3696ad;
    --identity-color-8-600: #2b788a;
    --identity-color-8-700: #205a68;
    --identity-color-8-800: #163c45;
    --identity-color-8-900: #0b1e23;
    --identity-color-9-100: #ccecf3;
    --identity-color-9-200: #99d8e7;
    --identity-color-9-300: #66c5da;
    --identity-color-9-400: #33b1ce;
    --identity-color-9-500: #009ec2;
    --identity-color-9-600: #007e9b;
    --identity-color-9-700: #005f74;
    --identity-color-9-800: #003f4e;
    --identity-color-9-900: #002027;
    --background-filled-100: #fff;
    --background-filled-200: #fff;
    --background-filled-300: #fff;
    --background-filled-400: #fff;
    --background-filled-500: #fff;
    --background-filled-600: #ccc;
    --background-filled-700: #999;
    --background-filled-800: #666;
    --background-filled-900: #333;
    --font-family-zfMain: "ZFMain", Tahoma, Arial, sans-serif;
    --font-family-zfSecondary: "ZFSecondary", Tahoma, Arial, sans-serif
}

*, :after, :before {
    box-sizing: inherit
}

html {
    height: 100%;
    box-sizing: border-box;
    touch-action: manipulation;
    font-feature-settings: "case" 1, "rlig" 1, "calt" 0
}

body, html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body, html {
    font-family: var(--font-sans);
    background-color: var(--background-filled-100);
    color: var(--text-base-500);
    overscroll-behavior-x: none
}

body {
    position: relative;
    min-height: 100%
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: #29d;
    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #29d, 0 0 5px #29d;
    opacity: 1;
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    bottom: 15px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-color: #29d transparent transparent #29d;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

.nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
    position: absolute
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.hideScrollBar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hideScrollBar::-webkit-scrollbar {
    display: none
}

.TDU h1, .TDU h2 {
    font-size: 1.5em
}

.TDU h3 {
    font-size: 1.17em
}

.TDU h4 {
    font-size: 1em
}

.TDU h5 {
    font-size: .83em
}

.TDU h6 {
    font-size: .67em
}

.fit {
    min-height: calc(100vh - 88px)
}