@charset "UTF-8";

:root {
    --mx-blue            : #206bc4;
    --mx-indigo          : #4263eb;
    --mx-purple          : #ae3ec9;
    --mx-pink            : #d6336c;
    --mx-red             : #d63939;
    --mx-orange          : #f76707;
    --mx-yellow          : #f59f00;
    --mx-green           : #2fb344;
    --mx-teal            : #0ca678;
    --mx-cyan            : #17a2b8;
    --mx-white           : #ffffff;
    --mx-gray            : #475569;
    --mx-gray-dark       : #1e293b;
    --mx-gray-100        : #f1f5f9;
    --mx-gray-200        : #e2e8f0;
    --mx-gray-300        : #cbd5e1;
    --mx-gray-400        : #94a3b8;
    --mx-gray-500        : #64748b;
    --mx-gray-600        : #475569;
    --mx-gray-700        : #334155;
    --mx-gray-800        : #1e293b;
    --mx-gray-900        : #0f172a;
    --mx-primary         : #206bc4;
    --mx-secondary       : #626976;
    --mx-success         : #2fb344;
    --mx-info            : #4299e1;
    --mx-warning         : #f76707;
    --mx-danger          : #d63939;
    --mx-light           : #fafbfc;
    --mx-dark            : #1e293b;
    --mx-muted           : #626976;
    --mx-primary-rgb     : 32, 107, 196;
    --mx-secondary-rgb   : 98, 105, 118;
    --mx-success-rgb     : 47, 179, 68;
    --mx-info-rgb        : 66, 153, 225;
    --mx-warning-rgb     : 247, 103, 7;
    --mx-danger-rgb      : 214, 57, 57;
    --mx-light-rgb       : 250, 251, 252;
    --mx-dark-rgb        : 30, 41, 59;
    --mx-muted-rgb       : 98, 105, 118;
    --mx-white-rgb       : 255, 255, 255;
    --mx-black-rgb       : 0, 0, 0;
    --mx-body-color-rgb  : 30, 41, 59;
    --mx-body-bg-rgb     : 245, 247, 251;
    --mx-font-sans-serif : -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    --mx-font-monospace  : Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    --mx-gradient        : linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --mx-body-font-family: var(--mx-font-sans-serif);
    --mx-body-font-size  : 0.875rem;
    --mx-body-font-weight: 400;
    --mx-body-line-height: 1.4285714286;
    --mx-body-color      : #1e293b;
    --mx-body-bg         : #f5f7fb
}

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

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin                     : 0;
    font-family                : var(--mx-body-font-family);
    font-size                  : var(--mx-body-font-size);
    font-weight                : var(--mx-body-font-weight);
    line-height                : var(--mx-body-line-height);
    color                      : var(--mx-body-color);
    text-align                 : var(--mx-body-text-align);
    background-color           : var(--mx-body-bg);
    -webkit-text-size-adjust   : 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin          : 2rem 0;
    color           : inherit;
    background-color: currentColor;
    border          : 0;
    opacity         : .16
}

hr:not([size]) {
    height: 1px
}

h3 {
    margin-top   : 0;
    margin-bottom: .5rem;
    font-weight  : 600;
    line-height  : 1.2
}

h3 {
    font-size: 1rem
}

p {
    margin-top   : 0;
    margin-bottom: 1rem
}

ul {
    padding-left: 2rem
}

ul {
    margin-top   : 0;
    margin-bottom: 1rem
}

strong {
    font-weight: bolder
}

a {
    color          : #206bc4;
    text-decoration: none
}

a:hover {
    color          : #1a569d;
    text-decoration: underline
}

img {
    vertical-align: middle
}

button:focus:not(:focus-visible) {
    outline: 0
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding     : 0;
    border-style: none
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font              : inherit;
    -webkit-appearance: button
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control::file-selector-button {
    padding                : .4375rem .75rem;
    margin                 : -.4375rem -.75rem;
    -webkit-margin-end     : .75rem;
    margin-inline-end      : .75rem;
    color                  : inherit;
    background-color       : #fafbfc;
    pointer-events         : none;
    border-color           : inherit;
    border-style           : solid;
    border-width           : 0;
    border-inline-end-width: 1px;
    border-radius          : 0;
    transition             : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #eeeeef
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #eeeeef
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #eeeeef
}

.form-control-sm::file-selector-button {
    padding           : .125rem .5rem;
    margin            : -.125rem -.5rem;
    -webkit-margin-end: .5rem;
    margin-inline-end : .5rem
}

.form-control-lg::file-selector-button {
    padding           : .5rem 1.5rem;
    margin            : -.5rem -1.5rem;
    -webkit-margin-end: 1.5rem;
    margin-inline-end : 1.5rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
    padding-top   : 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-ms-input-placeholder) {
    padding-top   : 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity  : .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label {
    opacity  : .65;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.navbar-brand {
    padding-top   : .5rem;
    padding-bottom: .5rem;
    margin-right  : 1rem;
    font-size     : 1rem;
    white-space   : nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.card {
    position        : relative;
    display         : flex;
    flex-direction  : column;
    min-width       : 0;
    word-wrap       : break-word;
    background-color: #fff;
    background-clip : border-box;
    border          : 1px solid rgba(98, 105, 118, .16);
    border-radius   : 4px
}

.card-body {
    flex   : 1 1 auto;
    padding: 1rem 1.25rem
}

.card-title {
    margin-bottom: 1.25rem
}

.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position   : absolute !important;
    width      : 1px !important;
    height     : 1px !important;
    padding    : 0 !important;
    margin     : -1px !important;
    overflow   : hidden !important;
    clip       : rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border     : 0 !important
}

.d-flex {
    display: flex !important
}

.border-top-wide {
    border-top: 2px solid rgba(98, 105, 118, .16) !important
}

.border-primary {
    border-color: #206bc4 !important
}

.flex-column {
    flex-direction: column !important
}

.mb-4 {
    margin-bottom: 2rem !important
}

.py-4 {
    padding-top   : 2rem !important;
    padding-bottom: 2rem !important
}

.text-center {
    text-align: center !important
}

:root {
    font-size                    : 16px;
    height                       : 100%;
    --mx-card-bg               : #ffffff;
    --mx-card-bg-rgb           : 255, 255, 255;
    --mx-border-color          : #e6e7e9;
    --mx-border-color-rgb      : 230, 231, 233;
    --mx-border-color-light    : #f2f3f4;
    --mx-border-color-light-rgb: 242, 243, 244
}

body {
    overflow-y             : scroll;
    letter-spacing         : 0;
    touch-action           : manipulation;
    text-rendering         : optimizeLegibility;
    font-feature-settings  : "liga"0;
    position               : relative;
    min-height             : 100%;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media print {
    body {
        background: 0 0
    }
}

::-webkit-scrollbar {
    width             : 6px;
    height            : 6px;
    -webkit-transition: background .3s;
    transition        : background .3s
}

@media (prefers-reduced-motion:reduce) {
    ::-webkit-scrollbar {
        -webkit-transition: none;
        transition        : none
    }
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background   : rgba(var(--mx-body-color-rgb), .16)
}

::-webkit-scrollbar-track {
    background: rgba(var(--mx-body-color-rgb), .06)
}

:hover::-webkit-scrollbar-thumb {
    background: rgba(var(--mx-body-color-rgb), .32)
}

::-webkit-scrollbar-corner {
    background: 0 0
}

@media not print {}

@media not print {}

.navbar-brand {
    display    : inline-flex;
    align-items: center;
    font-weight: 600;
    margin     : 0
}

.page {
    display       : flex;
    flex-direction: column;
    position      : relative;
    min-height    : 100vh
}

.page-center {
    justify-content: center
}

@media not print {
    .theme-dark .form-check-input:not(:checked) {
        background-color: #1b2434;
        color           : #fafbfc;
        border-color    : #2c3c56
    }

    .theme-dark .list-group-item:not(.disabled):not(:disabled) {
        color: #fafbfc
    }
}

@media not print {
    @media (prefers-color-scheme:dark) {
        .theme-dark-auto .form-check-input:not(:checked) {
            background-color: #1b2434;
            color           : #fafbfc;
            border-color    : #2c3c56
        }

        .theme-dark-auto .list-group-item:not(.disabled):not(:disabled) {
            color: #fafbfc
        }
    }
}

.accordion-button:focus:not(:focus-visible) {
    outline   : 0;
    box-shadow: none
}

.card {
    --mx-card-border-radius: 4px;
    box-shadow               : rgba(30, 41, 59, .04) 0 2px 4px 0;
    border                   : 1px solid rgba(98, 105, 118, .16);
    background               : var(--mx-card-bg, #fff);
    border-radius            : var(--mx-card-border-radius);
    transition               : transform .3s ease-out, opacity .3s ease-out, box-shadow .3s ease-out
}

@media (prefers-reduced-motion:reduce) {
    .card {
        transition: none
    }
}

@media print {
    .card {
        border    : none;
        box-shadow: none
    }
}

.card-title {
    display    : block;
    margin     : 0 0 1rem;
    font-size  : 1rem;
    font-weight: 500;
    line-height: 1.5rem
}

.card-body>:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    .card-md>.card-body {
        padding: 2.5rem
    }
}

@media print {
    .card-body {
        padding: 0
    }
}

.container-narrow {
    width        : 100%;
    padding-right: var(--mx-gutter-x, 1.5rem);
    padding-left : var(--mx-gutter-x, 1.5rem);
    margin-right : auto;
    margin-left  : auto;
    max-width    : 45rem
}

.form-control::file-selector-button {
    background-color: var(--mx-btn-color, #fafbfc)
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: var(--mx-btn-color, #eeeeef)
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--mx-btn-color, #eeeeef)
}

.form-check.form-check-highlight .form-check-input:not(:checked)~.form-check-label {
    opacity: .7
}

.markdown {
    font-size  : 1rem;
    line-height: 1.7142857143
}

.markdown>:first-child {
    margin-top: 0
}

.markdown>:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    .markdown>hr {
        margin-top   : 3em;
        margin-bottom: 3em
    }
}

.markdown>h3 {
    font-weight: 600
}

a {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink    : auto
}

h3 {
    line-height: 1.5
}

strong {
    font-weight: 600
}

ul {
    padding-left: 1.5rem
}

hr {
    margin: 2rem 0
}

img {
    max-width: 100%
}

::-moz-selection {
    color           : #fff;
    background-color: #307fdd
}

::selection {
    color           : #fff;
    background-color: #307fdd
}

/* -------------------------------------------------------------------------- */
/* Customization                                                              */
/* -------------------------------------------------------------------------- */
.navbar-brand {
    font-size: 1.5rem;
    font-weight: 900;
    color: #00a4ff;
    text-transform: uppercase;
}

p,
li,
span,
h3 {
    font-family: Arial !important;
}

p,
li {
    font-size: 14px !important;
}

ul>li {
    margin-bottom: 10px;
    list-style-type: square;
}

.h4 {
    font-size: 19px !important;
    color: #000000 !important;
    font-weight: bold;
}

i {
    color: grey;
}

.text-underline {
    text-decoration: underline
}

table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

table tr {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: .35em;
}

table th,
table td {
    padding: .625em;
    font-size: small;
    /* text-align: center; */
}

table th {
    font-size: .85em;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
    table {
        border: 0;
    }

    table caption {
        font-size: 1.3em;
    }

    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: small;
        text-align: left;
    }

    table td::before {
        /*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table td:last-child {
        border-bottom: 0;
    }
}