/* AXING AG - https://www.axing.com/ */
:root {
    --axing-green: hsl(178, 62%, 36%);
    --axing-green-light: hsl(178, 62%, 41%);
    --axing-green-dark: hsl(178, 62%, 31%);
    --axing-gray: #f4f7f8;
    --axing-gray-dark: #cfd8dc;
    --axing-gray-light: #e7ecef;
    --axing-text-color: rgb(27, 27, 27);
    --axing-text-muted: rgb(107, 114, 128);
    --axing-font-family: helvetica, system-ui, sans-serif;
    --axing-surface: #ffffff;
    --axing-surface-soft: #f7faf9;
    --axing-border: #d9e3e0;
    --axing-radius: 0.5rem;
    --axing-font-size: 16px;
    --axing-border-width: 0.0625rem;
    --axing-space-2xs: 0.125rem;
    --axing-space-xs: 0.5rem;
    --axing-space-sm: 0.625rem;
    --axing-space-md: 0.75rem;
    --axing-space-lg: 1rem;
    --axing-space-xl: 1.5rem;
    --axing-space-2xl: 2rem;
    --axing-logo-width: 7rem;
    --axing-logo-height: 4.5rem;
    --axing-logo-width-md: 8rem;
    --axing-logo-height-md: 5rem;
    --axing-logo-width-lg: 8.5rem;
    --axing-logo-height-lg: 5.5rem;
    --axing-control-min-height: 2.5rem;
    --axing-button-min-width: 10rem;
    --axing-content-gutter: 0.625rem;
    --axing-content-width: calc(100% - 1.25rem);
    --axing-content-gutter-md: 1rem;
    --axing-content-width-md: calc(100% - 2rem);
    --axing-left-frame-height: 31.25rem;
    --axing-main-frame-min-height: 37.5rem;
    --axing-shell-gap: var(--axing-space-md);
    --axing-shell-nav-width-md: 11rem;
    --axing-shell-nav-width-lg: 11rem;
    --axing-shell-nav-stack-width: 18rem;
    --axing-shell-max-width: 90rem;
    --axing-shell-card-padding: var(--axing-space-sm);
    --axing-shell-card-shadow: 0 1rem 2rem rgba(21, 38, 37, 0.06);
    --axing-shell-menu-radius: 0.75rem;
    --axing-shell-menu-hover: rgba(15, 135, 131, 0.1);
    --axing-shell-nav-background: #edf5f3;
    --axing-shell-main-background: #ffffff;
    --axing-shell-main-padding-top: var(--axing-space-lg);
}

html {
    font-size: var(--axing-font-size);
}

html,
body {
    min-height: 100%;
}

body,
body * {
    font-family: var(--axing-font-family) !important;
    font-size: 1rem !important;
}

body {
    margin: 0;
    background: var(--axing-gray);
    color: var(--axing-text-color);
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
}

body.axing-shell {
    padding: 0 var(--axing-space-md) var(--axing-space-md);
}

.axing-shell-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--axing-shell-gap);
    align-items: start;
    max-width: var(--axing-shell-max-width);
    margin: 0 auto;
}

.axing-shell-frame {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
}

.axing-shell-nav {
    min-height: var(--axing-left-frame-height);
    background: var(--axing-shell-nav-background);
}

.axing-shell-nav > table,
body[bgcolor="#d8d8d8"] > table {
    width: min(100%, var(--axing-shell-nav-stack-width)) !important;
    margin-left: auto;
    margin-right: auto;
}

.axing-shell-main {
    padding-top: var(--axing-shell-main-padding-top);
}

.axing-shell-nav td[style*="padding-right"],
body[bgcolor="#d8d8d8"] td[style*="padding-right"] {
    padding-right: 0 !important;
}

.axing-shell-nav td[style*="padding-right"] > table,
body[bgcolor="#d8d8d8"] td[style*="padding-right"] > table {
    width: min(100%, var(--axing-shell-nav-stack-width)) !important;
    margin-left: auto;
    margin-right: auto;
}

.axing-shell-nav > table > tbody > tr > td > table > tbody > tr:first-child > td > table,
body[bgcolor="#d8d8d8"] > table > tbody > tr > td > table > tbody > tr:first-child > td > table {
    width: min(100%, var(--axing-shell-nav-stack-width)) !important;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}

table {
    border-collapse: collapse !important;
}

.axing-shell-nav td[background="MenuBg.gif"],
.axing-shell-nav td[background="../MenuBg.gif"],
body[bgcolor="#d8d8d8"] td[background="../MenuBg.gif"] {
    background-color: transparent !important;
    background-image: url("axing-logo.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: var(--axing-logo-width) auto !important;
    height: var(--axing-logo-height);
    width: 100%;
    border: 0;
    border-radius: 0;
    text-align: left;
}

.axing-shell-nav td[bgcolor="#ffffff"],
.axing-shell-nav td[bgcolor="#f2f2f2"],
body[bgcolor="#d8d8d8"] td[bgcolor="#ffffff"],
body[bgcolor="#d8d8d8"] td[bgcolor="#f2f2f2"] {
    background: transparent !important;
}

.axing-shell-nav a,
body[bgcolor="#d8d8d8"] a {
    display: block;
    margin: var(--axing-space-2xs) 0;
    padding: var(--axing-space-xs) var(--axing-space-md);
    border-radius: var(--axing-shell-menu-radius);
    color: var(--axing-text-color) !important;
    font-weight: 600;
}

.axing-shell-nav a:hover,
body[bgcolor="#d8d8d8"] a:hover {
    background: var(--axing-shell-menu-hover);
    color: var(--axing-green-dark) !important;
}

.axing-shell-nav img[src="IMinus.gif"],
.axing-shell-nav img[src="IPlus.gif"],
.axing-shell-nav img[src="../IMinus.gif"],
.axing-shell-nav img[src="../IPlus.gif"],
body[bgcolor="#d8d8d8"] img[src="../IMinus.gif"],
body[bgcolor="#d8d8d8"] img[src="../IPlus.gif"] {
    display: none;
}

.axing-shell-frame-main {
    min-height: var(--axing-main-frame-min-height);
    background: var(--axing-shell-main-background);
    overflow: hidden;
}

body[bgcolor="#d8d8d8"] {
    background: linear-gradient(180deg, #f6fbfa 0%, #edf5f3 100%);
    padding: 0 var(--axing-space-sm) var(--axing-space-md);
}

body:not([bgcolor="#d8d8d8"]) {
    padding: 0;
}

body:not([bgcolor="#d8d8d8"]) table[border="1"] {
    background: var(--axing-surface);
    border: var(--axing-border-width) solid var(--axing-border) !important;
    border-radius: var(--axing-radius);
    width: var(--axing-content-width) !important;
    margin-left: var(--axing-content-gutter);
    margin-right: var(--axing-content-gutter);
}

body:not([bgcolor="#d8d8d8"]) td[bgcolor="#e0e0e0"],
body:not([bgcolor="#d8d8d8"]) tr[bgcolor="#e0e0e0"] td {
    background: var(--axing-surface-soft) !important;
    font-weight: 600;
}

body:not([bgcolor="#d8d8d8"]) tr[bgcolor="#c0c0c0"] td {
    background: #edf6f4 !important;
    color: var(--axing-green-dark);
    font-weight: 700;
}

td[background="../Line.gif"] {
    background: none !important;
}

td[background="../Line.gif"] img {
    display: none;
}

font[style*="#210082"] {
    color: var(--axing-green-dark) !important;
    font-weight: 700;
}

.FormText,
.FormTextArea,
.FormBtn,
.FormBtnS,
select,
input[type="text"],
input[type="password"],
input[type="file"] {
    border: var(--axing-border-width) solid var(--axing-border);
    border-radius: var(--axing-radius);
    background: #ffffff;
    color: var(--axing-text-color);
    min-height: var(--axing-control-min-height);
    padding: var(--axing-space-xs) var(--axing-space-md);
    box-shadow: none;
    width: 100%;
    max-width: 100%;
}

.FormBtn,
.FormBtnS,
input[type="button"],
input[type="submit"] {
    background: var(--axing-green);
    border-color: var(--axing-green);
    color: #ffffff;
    font-weight: 600;
}

input[type="button"],
input[type="submit"] {
    width: 100%;
}

@media (min-width: 48rem) {
    .axing-shell-layout {
        grid-template-columns: var(--axing-shell-nav-width-md) minmax(0, 1fr);
    }

    .axing-shell-nav > table,
    body[bgcolor="#d8d8d8"] > table {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .axing-shell-nav td[style*="padding-right"] > table,
    body[bgcolor="#d8d8d8"] td[style*="padding-right"] > table {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .axing-shell-nav > table > tbody > tr > td > table > tbody > tr:first-child > td > table,
    body[bgcolor="#d8d8d8"] > table > tbody > tr > td > table > tbody > tr:first-child > td > table {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .axing-shell-nav td[background="MenuBg.gif"],
    .axing-shell-nav td[background="../MenuBg.gif"],
    body[bgcolor="#d8d8d8"] td[background="../MenuBg.gif"] {
        background-size: var(--axing-logo-width-md) auto !important;
        height: var(--axing-logo-height-md);
    }

    .axing-shell-nav a,
    body[bgcolor="#d8d8d8"] a {
        padding: var(--axing-space-sm) 0.875rem;
    }

    body[bgcolor="#d8d8d8"] {
        padding: 0 var(--axing-space-md) var(--axing-space-lg);
    }

    body:not([bgcolor="#d8d8d8"]) table[border="1"] {
        width: var(--axing-content-width-md) !important;
        margin-left: var(--axing-content-gutter-md);
        margin-right: var(--axing-content-gutter-md);
    }

    input[type="button"],
    input[type="submit"] {
        width: auto;
        min-width: var(--axing-button-min-width);
    }
}

@media (min-width: 60rem) {
    .axing-shell-layout {
        grid-template-columns: var(--axing-shell-nav-width-lg) minmax(0, 1fr);
    }

    .axing-shell-nav td[background="MenuBg.gif"],
    .axing-shell-nav td[background="../MenuBg.gif"],
    body[bgcolor="#d8d8d8"] td[background="../MenuBg.gif"] {
        background-size: var(--axing-logo-width-lg) auto !important;
        height: var(--axing-logo-height-lg);
    }

    body:not([bgcolor="#d8d8d8"]) {
        padding: 0;
    }

    body:not([bgcolor="#d8d8d8"]) table[border="1"] {
        width: 90% !important;
        margin-left: auto;
        margin-right: auto;
    }
}