/* roboto-latin-ext-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-ext-300-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-ext-300-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-300-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-300-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-300-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-latin-ext-300-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-ext-300-italic.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-ext-300-italic.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-300-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-300-italic.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-300-italic.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-latin-ext-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-ext-400-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-ext-400-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-400-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-400-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-latin-ext-400-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-ext-400-italic.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-ext-400-italic.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-400-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-400-italic.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-400-italic.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-latin-ext-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-ext-700-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-ext-700-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-700-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-700-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-700-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-latin-ext-700-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-ext-700-italic.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-ext-700-italic.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-700-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-700-italic.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-700-italic.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-latin-ext-800-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-ext-800-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-ext-800-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-800-normal */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-800-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-800-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-latin-ext-800-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-ext-800-italic.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-ext-800-italic.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-800-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: url(/assets/legacy/libman/roboto/files/roboto-latin-800-italic.woff2) format('woff2'), url(/assets/legacy/libman/roboto/files/roboto-latin-800-italic.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-condensed-latin-ext-400-normal */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-ext-400-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-ext-400-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-condensed-latin-400-normal */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-400-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-400-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-condensed-latin-ext-700-normal */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-ext-700-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-ext-700-normal.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-condensed-latin-700-normal */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-700-normal.woff2) format('woff2'), url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-700-normal.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* roboto-condensed-latin-ext-700-italic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-ext-700-italic.woff2) format('woff2'), url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-ext-700-italic.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-condensed-latin-700-italic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-700-italic.woff2) format('woff2'), url(/assets/legacy/libman/roboto-condensed/files/roboto-condensed-latin-700-italic.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
    --spcol1: #262626;
    --spcol2: #777;
    --spcol3: #666;
    --spcol4: #444;
    --spcol5: #ababab;
    --spcol6: #92c0e0;
    --spcol8: rgba(255,255,255,0.85);
    --spcol9: #c6c6c6;
    --spcol10: #e1e1e1;
    --spcol11: #fdfdfd;
    --spcol12: #2a8dd4;
    --spcol15: #004D85;
}

body {
    font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
    font-size: var(--f13);
    margin: 0;
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
}

h4 {
    font-weight: normal;
    font-size: 1em;
    color: var(--spcol1);
}

h5 {
    font-weight: normal;
    font-size: 1em;
}

h6 {
    font-weight: normal;
    font-size: 1em;
}

img {
    -webkit-tap-highlight-color: transparent;
}

iframe {
    border: none;
}

hr {
    border-width: 0;
    border-top: 1px solid var(--spcol9);
}

table {
    border-width: 0;
}

input,
label,
button,
option {
    vertical-align: middle;
}

select {
    font-family: inherit;
    font-size: inherit;
    vertical-align: middle;
    border: 1px solid var(--spcol5);
    background-color: var(--spcol8);
    color: var(--spcol4);
}

textarea {
    font-family: inherit;
    font-size: inherit;
    vertical-align: middle;
    overflow: auto;
    border: 1px solid var(--spcol5);
    background-color: var(--spcol8);
    color: var(--spcol4);
    padding: 2px 5px;
}

input:where(:is([type=pasword], [type=text], [type=file]))
{
    color: var(--spcol4);
    padding: 2px 5px;
}

input:where(:is([type=password], [type=text], [type=number])):focus,
select:focus,
textarea:focus {
    border-color: var(--spcol12);
}

input:where(:is([type=password], [type=text], [type=file], [type=number])):hover,
textarea:hover {
    border-color: var(--spcol6);
}

:is(input:where([type]), button, select, textarea)[disabled]
{
    color: var(--disabled-color);
    border-color: var(--spcol10);
    background-color: var(--spcol11);
}

a:visited {
    color: var(--visited-link-color);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
    color: var(--spcol15);
}

a {
    text-decoration: none;
}

@media print {
    body {
        overflow: visible;
    }
}

li.hover {
    position: relative;
}

.ms-standardheader {
    font-size: 1em;
    margin: 0;
    text-align: left;
    font-weight: normal;
}

.ms-formlabel {
    white-space: nowrap;
    font-weight: normal;
    padding: 6px 5px 6px 0;
}

.ms-formlabel h3.ms-standardheader {
    font-weight: normal;
    color: var(--spcol1);
}

.ms-formbody {
    background: transparent;
}

.ms-gb, .ms-gb2 {
    color: var(--spcol4);
}

.ms-gb a, .ms-gb2 a {
    color: var(--spcol2);
}

.ms-gb {
    border-bottom: 1px solid var(--spcol5);
    height: 22px;
    font-weight: bold;
    padding-bottom: 3px;
}

.ms-gb .ms-vb2 {
    font-weight: normal;
}

.ms-gb2 {
    height: 22px;
    color: var(--spcol2);
    padding-bottom: 3px;
}

.ms-vb2 {
    color: var(--spcol4);
    vertical-align: top;
}

.ms-vb2 a:link {
    text-decoration: none;
}

.ms-vb2 a:hover {
    text-decoration: underline;
}

.ms-vb2 a:visited {
    color: var(--unvisited-link-color);
    text-decoration: none;
}

.ms-vb2 a:visited:hover {
    color: var(--unvisited-link-color);
    text-decoration: underline;
}

.ms-vb2 {
    padding: 4px 8px 4px 4px;
}

a:where([href]) {
    color: var(--unvisited-link-color);
}

a:where([href]:visited) {
    color: var(--visited-link-color);
}

.multiselect-option * {
    vertical-align: unset;
}

:root {
    --default-font: "Roboto Condensed", sans-serif;
    --navigation-font: "Roboto", sans-serif;
    --navigation-font-size: 16px;
    --navigation-link-text-color: #666666;
    --navigation-link-bg-color: #fcfcfc;
    --default-color: #000;
    --default-bg-color: #fff;

    --primary-color: #006eb5;
    --primary-color-100: color-mix(in srgb, var(--primary-color) 10%, var(--default-bg-color));
    --primary-color-200: color-mix(in srgb, var(--primary-color) 25%, var(--default-bg-color));
    --primary-color-300: color-mix(in srgb, var(--primary-color) 45%, var(--default-bg-color));
    --primary-color-400: color-mix(in srgb, var(--primary-color) 70%, var(--default-bg-color));
    --primary-color-500: var(--primary-color);
    --primary-color-600: color-mix(in srgb, var(--primary-color) 85%, var(--default-color));
    --primary-color-700: color-mix(in srgb, var(--primary-color) 70%, var(--default-color));
    --primary-color-800: color-mix(in srgb, var(--primary-color) 55%, var(--default-color));
    --primary-color-900: color-mix(in srgb, var(--primary-color) 40%, var(--default-color));
    --primary-hover-color: var(--primary-color-700);
    --disabled-color: #777;
    --disabled-background-color: #ebebeb;
    --secondary-text-color: #666;
    --unvisited-link-color: var(--primary-color);
    --visited-link-color: #663399;
    --dropdown-option-selected-color: #f0f0f0;
    --dropdown-option-hover-color: #e0e0e0;
    --focused-input-color: #808080;

    --top-row-bg-color: #080808;
    --top-row-border-color: #fefefe;
    --top-row-text-color: #fefefe;
    --top-row-hover-bg-color: #fefefe;
    --ribbon-bg-color: #eee;
    --gray-text-color: #777;

    --delete-button-color: red;
    --validation-error-color: #bf0000;
    --validation-error-background: #ffcdd2;
    --warning-color: #ffeeba;
    --success-text-color: #155724;

    --wf-bg-col-past: #f0f0f0;
    --wf-bg-col-current: #ffa02f;
    --wf-bg-col-future: #ffeeba;
    --wf-bg-col-nonblocking: #fcd189;

    --wf-col-past: #4e4e4e;
    --wf-col-current: #4e4e4e;
    --wf-col-future: #4e4e4e;
    --wf-col-nonblocking: #4e4e4e;

    /* We should work towards a default font size, currently 13 and 14 are used quite randomly. 1px difference is not
    worth all the inconsistency. 14 is preferred. */
    --f12: 14px;
    --f13: 14px;
    --f14: 14px;

    --tiny-border-radius: 5px;
    --small-border-radius: 10px;
    --large-border-radius: 20px;
    --left-navbar-border-radius: var(--large-border-radius);
    --small-border-radius-padding: 8px; /* without any padding, border radius looks very bad */
    --large-border-radius-padding: 14px;
    --small-gap: 4px;
    --medium-gap: 10px;
    --large-gap: 20px;
    --tab-size: 20px;
    --default-border-color: #d9d9d9;
    --default-input-vertical-padding: 3px;

    --workspace-background-color: #f6f8f9; /* color of the gaps between panels */
    --collapsible-panel-header-background-color: white;
    --collapsible-panel-header-text-color: var(--unvisited-link-color);

    --primary-button-color: white;
    --primary-button-bg-color: var(--primary-color);
    --secondary-button-color: var(--primary-color);
    --secondary-button-bg-color: white;

    --default-animation-duration: 0.3s;
    --default-animation-easing: ease;
    --large-panel-padding: 14px;
    --summary-row-color: #f0f0f0;
    --icon-size: 16px;
    --primary-icon-color: var(--primary-color);
    --large-icon-size: 24px;
    --large-font-size: 24px;
    --h2-font-size: 20px;
    --h3-font-size: 16px;

    /* Use this when width:fit-content is too small/unstable and width:100% looks too big (empty space everywhere).
       Use max-width or similar concept to apply it instead of just width, otherwise mobile users may suffer. */
    --single-column-page-width: 800px;
    --narrow-page-width: 400px;

    --input-medium-width: 200px;
    --image-preview-height: 100px;
}


.calentim-hour-selected, .calentim-minute-selected {
    text-align: center;
}

/**********************************************************/
/* HiA modifications above, unminified calentim css below */
/**********************************************************/

.calentim-container,
.calentim-container-mobile {
    font-size: 15px;
    float: left;
    font-family: var(--default-font);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 999999;
    -webkit-font-smoothing: antialiased;
    font-kerning: normal;
    -webkit-font-kerning: normal;
    -webkit-text-size-adjust: 100%;
}

.calentim-container:focus,
.calentim-container-mobile:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.calentim-container .calentim-input,
.calentim-container-mobile .calentim-input {
    margin: 5px;
    border: 1px solid var(--default-border-color);
    border-radius: 6px;
    overflow: hidden;
    top: inherit;
    background: var(--default-bg-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.calentim-container .calentim-input.calentim-input-vertical-range,
.calentim-container-mobile .calentim-input.calentim-input-vertical-range {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.calentim-container
.calentim-input.calentim-input-vertical-range
.calentim-left,
.calentim-container-mobile
.calentim-input.calentim-input-vertical-range
.calentim-left {
    border-right: 1px solid var(--default-border-color);
}

.calentim-container
.calentim-input.calentim-input-vertical-range
.calentim-right,
.calentim-container-mobile
.calentim-input.calentim-input-vertical-range
.calentim-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fdfdfd;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.calentim-container
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges,
.calentim-container-mobile
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges {
    border-top: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    padding-bottom: 24px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fdfdfd;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.calentim-container
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges
.calentim-range-header-container,
.calentim-container-mobile
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges
.calentim-range-header-container {
    padding: 8px 12px;
}

.calentim-container
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges
.calentim-range,
.calentim-container-mobile
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges
.calentim-range {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    padding: 8px 12px;
    margin: 3px 6px;
    background: #f8f8ff;
    border: 1px solid var(--default-border-color);
    color: var(--navigation-link-text-color);
    border-radius: 3px;
}

.calentim-container
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges
.calentim-range.calentim-range-selected,
.calentim-container
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges
.calentim-range.calentim-range-selected:hover,
.calentim-container-mobile
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges
.calentim-range.calentim-range-selected,
.calentim-container-mobile
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges
.calentim-range.calentim-range-selected:hover {
    background: var(--primary-button-bg-color);
    border: 1px solid var(--primary-color);
    color: var(--primary-button-color);
}

.calentim-container
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges
.calentim-range:hover,
.calentim-container-mobile
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-ranges
.calentim-range:hover {
    background: #f8f8ff;
    border: 1px solid var(--default-border-color);
    color: var(--navigation-link-text-color);
}

.calentim-container
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-footer,
.calentim-container-mobile
.calentim-input.calentim-input-vertical-range
.calentim-right
.calentim-footer {
    border-top: 1px solid var(--default-border-color);
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.calentim-container .calentim-input .calentim-header,
.calentim-container-mobile .calentim-input .calentim-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 20px 10px 20px;
    border-bottom: 1px solid var(--default-border-color);
    background: var(--default-bg-color);
}

.calentim-container .calentim-input .calentim-header .calentim-header-separator,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-separator {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: block;
    margin: 0;
    margin-top: -2px;
    padding: 0 16px;
    color: #f0f8ff;
    font-size: 32px;
}

.calentim-container .calentim-input .calentim-header .calentim-header-start,
.calentim-container .calentim-input .calentim-header .calentim-header-end,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    display: block;
    margin-right: 10px;
    text-align: left;
}

.calentim-container
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-start-day,
.calentim-container
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-end-day,
.calentim-container
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-start-day,
.calentim-container
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-end-day,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-start-day,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-end-day,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-start-day,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-end-day {
    float: left;
    font-size: 2.5em;
    color: var(--primary-color);
    margin-top: -8px;
    margin-right: 8px;
    font-weight: 100;
    text-align: left;
}

.calentim-container
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-start-date,
.calentim-container
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-end-date,
.calentim-container
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-start-date,
.calentim-container
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-end-date,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-start-date,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-end-date,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-start-date,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-end-date {
    font-size: 0.9em;
    color: #424242;
    display: inline-block;
}

.calentim-container
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-start-weekday,
.calentim-container
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-end-weekday,
.calentim-container
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-start-weekday,
.calentim-container
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-end-weekday,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-start-weekday,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-end-weekday,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-start-weekday,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-end-weekday {
    font-size: 0.7em;
    color: #424242;
}

.calentim-container .calentim-input .calentim-calendars,
.calentim-container-mobile .calentim-input .calentim-calendars {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector,
.calentim-container .calentim-input .calentim-calendars .calentim-year-selector,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector {
    position: absolute;
    display: none;
    border: 0px solid transparent;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month-disabled {
    background: #eee;
    height: 33.33%;
    width: 25%;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    outline: 1px solid var(--default-border-color);
    word-break: break-word;
    word-wrap: break-word;
    text-transform: capitalize;
    cursor: pointer;
    color: var(--default-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month.current,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month-disabled.current,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month.current,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month-disabled.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month-disabled.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month-disabled.current {
    background: var(--primary-button-bg-color);
    outline: 1px solid var(--default-border-color);
    color: var(--primary-button-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month-disabled:hover,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month-disabled:hover,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month-disabled:hover,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month-disabled:hover {
    background: #eee;
    border: 1px solid var(--default-border-color);
    color: var(--default-color);
    cursor: default;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-next,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-prev,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-next,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-prev,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-next,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-prev,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-next,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-prev {
    margin: 0px;
    background: #eee;
    height: 33.33%;
    width: 20%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid var(--default-border-color);
    text-transform: uppercase;
    word-wrap: break-word;
    word-break: break-all;
    cursor: pointer;
    color: var(--default-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year.current,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-disabled.current,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-next.current,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-prev.current,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year.current,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-disabled.current,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-next.current,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-prev.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-disabled.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-next.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-prev.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-disabled.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-next.current,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-prev.current {
    background: var(--primary-button-bg-color);
    outline: 1px solid var(--default-border-color);
    color: var(--primary-button-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-next,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-prev,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-next,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-prev,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-next,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-prev,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-next,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-prev {
    font-size: 2.65em;
    background: var(--default-bg-color);
    color: var(--primary-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-disabled:hover,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-disabled:hover,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-disabled:hover,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-disabled:hover {
    background: #eee;
    border: 1px solid var(--default-border-color);
    color: var(--default-color);
    cursor: default;
}

.calentim-container .calentim-input .calentim-calendars .calentim-calendar,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: left;
    padding-bottom: 8px;
    border-right: 1px solid var(--default-border-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar.no-border-right,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar.no-border-right {
    border-right: none;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar.calentim-calendar-weeknumbers
.calentim-days-container
.calentim-dayofweek,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar.calentim-calendar-weeknumbers
.calentim-days-container
.calentim-day,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar.calentim-calendar-weeknumbers
.calentim-days-container
.calentim-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar.calentim-calendar-weeknumbers
.calentim-days-container
.calentim-weeknumber,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar.calentim-calendar-weeknumbers
.calentim-days-container
.calentim-dayofweek,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar.calentim-calendar-weeknumbers
.calentim-days-container
.calentim-day,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar.calentim-calendar-weeknumbers
.calentim-days-container
.calentim-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar.calentim-calendar-weeknumbers
.calentim-days-container
.calentim-weeknumber {
    width: calc(100% / 8);
}

@media all and (-ms-high-contrast: none) {
    .calentim-container
    .calentim-input
    .calentim-calendars
    .calentim-calendar.calentim-calendar-weeknumbers
    .calentim-days-container
    .calentim-dayofweek,
    .calentim-container
    .calentim-input
    .calentim-calendars
    .calentim-calendar.calentim-calendar-weeknumbers
    .calentim-days-container
    .calentim-day,
    .calentim-container
    .calentim-input
    .calentim-calendars
    .calentim-calendar.calentim-calendar-weeknumbers
    .calentim-days-container
    .calentim-disabled,
    .calentim-container
    .calentim-input
    .calentim-calendars
    .calentim-calendar.calentim-calendar-weeknumbers
    .calentim-days-container
    .calentim-weeknumber,
    .calentim-container-mobile
    .calentim-input
    .calentim-calendars
    .calentim-calendar.calentim-calendar-weeknumbers
    .calentim-days-container
    .calentim-dayofweek,
    .calentim-container-mobile
    .calentim-input
    .calentim-calendars
    .calentim-calendar.calentim-calendar-weeknumbers
    .calentim-days-container
    .calentim-day,
    .calentim-container-mobile
    .calentim-input
    .calentim-calendars
    .calentim-calendar.calentim-calendar-weeknumbers
    .calentim-days-container
    .calentim-disabled,
    .calentim-container-mobile
    .calentim-input
    .calentim-calendars
    .calentim-calendar.calentim-calendar-weeknumbers
    .calentim-days-container
    .calentim-weeknumber {
        width: calc((100% / 8) - 1px);
    }
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title {
    text-align: center;
    font-weight: 300;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    color: #424242;
    text-transform: capitalize;
    border-bottom: 1px solid var(--default-border-color);
    background: var(--default-bg-color);
    padding: 6px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.2em;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-prev,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-next,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-prev,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-next {
    font-size: 1em;
    cursor: hand;
    cursor: pointer;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-prev
i,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-next
i,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-prev
i,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-next
i {
    color: #424242;
    cursor: pointer;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-prev,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-prev {
    float: left;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-next,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-next {
    float: right;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-dayofweek,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-weeknumber,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-dayofweek,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-weeknumber {
    width: calc(100% / 7);
    text-align: center;
    padding: 3px;
    font-size: 0.76em;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 1px;
}

@media all and (-ms-high-contrast: none) {
    .calentim-container
    .calentim-input
    .calentim-calendars
    .calentim-calendar
    .calentim-days-container
    .calentim-dayofweek,
    .calentim-container
    .calentim-input
    .calentim-calendars
    .calentim-calendar
    .calentim-days-container
    .calentim-day,
    .calentim-container
    .calentim-input
    .calentim-calendars
    .calentim-calendar
    .calentim-days-container
    .calentim-disabled,
    .calentim-container
    .calentim-input
    .calentim-calendars
    .calentim-calendar
    .calentim-days-container
    .calentim-weeknumber,
    .calentim-container-mobile
    .calentim-input
    .calentim-calendars
    .calentim-calendar
    .calentim-days-container
    .calentim-dayofweek,
    .calentim-container-mobile
    .calentim-input
    .calentim-calendars
    .calentim-calendar
    .calentim-days-container
    .calentim-day,
    .calentim-container-mobile
    .calentim-input
    .calentim-calendars
    .calentim-calendar
    .calentim-days-container
    .calentim-disabled,
    .calentim-container-mobile
    .calentim-input
    .calentim-calendars
    .calentim-calendar
    .calentim-days-container
    .calentim-weeknumber {
        width: calc((100% / 7) - 1px);
    }
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-dayofweek
span,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day
span,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled
span,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-weeknumber
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-dayofweek
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-weeknumber
span {
    pointer-events: none;
    display: block;
    padding: 3px 3px 3px 4px;
    border-radius: 4px;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-dayofweek,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-dayofweek {
    text-transform: uppercase;
    font-size: 0.6em;
    font-weight: 600;
    color: #5b5b5b;
    background: var(--default-bg-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-weeknumber,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-weeknumber {
    background-color: #f8f8ff;
    color: #568ea3;
    border: 1px solid var(--default-border-color);
    border-width: 0 1px 0 0;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day {
    cursor: pointer;
    overflow: hidden;
    color: var(--default-color);
    background: var(--default-bg-color);
    outline: 0px solid transparent;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-start,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-end,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-start,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-end {
    background: var(--primary-color-300);
    color: var(--primary-button-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-start.calentim-disabled,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-end.calentim-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-start.calentim-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-end.calentim-disabled {
    background: #c6dbf0;
    color: var(--primary-button-color);
    opacity: 0.5;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-disabled
span,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-start.calentim-disabled
span,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-end.calentim-disabled
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-disabled
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-start.calentim-disabled
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-end.calentim-disabled
span {
    background: transparent !important;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-start,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-start {
    border-radius: 6px 0 0 6px;
    color: var(--primary-button-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-start
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-start
span {
    background: var(--primary-button-bg-color);
    border-radius: 4px;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-end,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-end {
    border-radius: 0 6px 6px 0;
    color: var(--primary-button-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-end
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-end
span {
    background: var(--primary-button-bg-color);
    border-radius: 4px;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-start.calentim-end,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-selected.calentim-start.calentim-end {
    border-radius: 6px !important;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-hovered:not(.calentim-selected),
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-hovered:not(.calentim-selected) {
    background-color: var(--primary-color-200);
    color: #000;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-hovered:not(.calentim-selected)
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-hovered:not(.calentim-selected)
span {
    background-color: var(--primary-color-200);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-hovered:not(.calentim-selected).calentim-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-hovered:not(.calentim-selected).calentim-disabled {
    opacity: 0.66;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-first,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-hovered:not(
    .calentim-selected
  ).calentim-hovered-first {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-last,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-last {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-today,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-today {
    color: var(--secondary-button-color);
    font-weight: bold;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-today.calentim-hovered,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-today.calentim-hovered {
    color: #000;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-today.calentim-selected,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-today.calentim-selected {
    color: var(--primary-button-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-today.calentim-selected.calentim-start,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-today.calentim-selected.calentim-end,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-today.calentim-selected.calentim-start,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day.calentim-today.calentim-selected.calentim-end {
    color: var(--primary-button-color) !important;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range {
    color: var(--disabled-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-selected,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-start,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-end,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-selected,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-start,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-end {
    background: #c6dbf0;
    border-radius: 0;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-selected.calentim-today,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-start.calentim-today,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-end.calentim-today,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-selected.calentim-today,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-start.calentim-today,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-end.calentim-today {
    color: var(--primary-button-color) !important;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-start,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-start {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-start
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-start
span {
    background: var(--default-bg-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-end,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-end {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-end
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-disabled-range.calentim-end
span {
    background: var(--primary-button-bg-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled {
    background: var(--disabled-background-color);
    color: var(--disabled-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-selected,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-start,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-end,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-selected,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-start,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-end {
    background: #c6dbf0;
    color: var(--primary-button-color);
    border-radius: 0;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-selected.calentim-today,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-start.calentim-today,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-end.calentim-today,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-selected.calentim-today,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-start.calentim-today,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-end.calentim-today {
    color: var(--primary-button-color) !important;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-start,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-start {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-start
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-start
span {
    background: var(--primary-button-bg-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-end,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-end {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-end
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-end
span {
    background: var(--primary-button-bg-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-weekend,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled.calentim-weekend {
    background: var(--disabled-background-color);
    color: var(--disabled-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-weekend,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-weekend {
    background: var(--default-bg-color);
    color: #568ea3;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-weekend.calentim-selected,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-weekend.calentim-selected {
    background: var(--primary-color-300);
    color: var(--primary-button-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-not-in-month,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-not-in-month {
    background: var(--default-bg-color);
    color: var(--default-color);
    opacity: 0.65;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-not-in-month.calentim-disabled,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-not-in-month.calentim-disabled {
    background: var(--disabled-background-color);
    color: var(--disabled-color);
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-next,
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-prev,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-next,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-prev {
    cursor: pointer;
    font-size: 1.25em;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-next,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-next {
    float: right;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-prev,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-prev {
    float: left;
}

.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar:last-child,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar:last-child {
    border-right: none;
}

.calentim-container .calentim-input .calentim-timepickers,
.calentim-container-mobile .calentim-input .calentim-timepickers {
    border-top: 1px solid var(--default-border-color);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #f8f8ff;
}

.calentim-container .calentim-input .calentim-timepickers .calentim-timepicker,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-right: 1px solid var(--default-border-color);
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker:last-child,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker:last-child {
    border-right: none;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-hour-minute-seperator,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-hour-minute-seperator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--default-color);
    font-size: 1.8em;
    font-weight: bold;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0.1em;
    margin-top: -2px;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 5px;
    font-size: 0.7em;
    font-weight: bold;
    color: var(--default-color);
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm
.calentim-timepicker-ampm-am,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm
.calentim-timepicker-ampm-am {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid var(--default-border-color);
    border-radius: 4px 4px 0 0;
    background: var(--default-bg-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px;
    cursor: pointer;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm
.calentim-timepicker-ampm-pm,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm
.calentim-timepicker-ampm-pm {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid var(--default-border-color);
    border-radius: 0 0 4px 4px;
    background: var(--default-bg-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px;
    cursor: pointer;
    margin-top: -1px;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm
.calentim-ampm-selected,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm
.calentim-ampm-selected {
    background: var(--primary-button-bg-color);
    border: 1px solid var(--default-border-color);
    color: var(--primary-button-color);
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper
.calentim-timepicker-hours,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper
.calentim-timepicker-hours {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 0;
    margin: 0;
    line-height: 1.4em;
    height: 4.2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #424242;
    border-radius: 6px 0 0 6px;
    border: 1px solid var(--default-border-color);
    border-right: none;
    text-align: center;
    background: var(--default-bg-color);
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper
.calentim-timepicker-hours
.calentim-hour-selected-prev,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper
.calentim-timepicker-hours
.calentim-hour-selected-prev {
    -webkit-transform: perspective(4em) rotateX(30deg);
    transform: perspective(4em) rotateX(30deg);
    color: #424242;
    opacity: 0.5;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper
.calentim-timepicker-hours
.calentim-hour-selected,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper
.calentim-timepicker-hours
.calentim-hour-selected {
    color: #424242;
    min-width: 64px;
    font-size: 1.5em;
    font-weight: bold;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper
.calentim-timepicker-hours
.calentim-hour-selected-next,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper
.calentim-timepicker-hours
.calentim-hour-selected-next {
    -webkit-transform: perspective(4em) rotateX(-30deg);
    transform: perspective(4em) rotateX(-30deg);
    color: #424242;
    opacity: 0.5;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper
.calentim-timepicker-minutes,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper
.calentim-timepicker-minutes {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    line-height: 1.4em;
    height: 4.2em;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #424242;
    background: var(--default-bg-color);
    border-radius: 6px 0 0 6px;
    border: 1px solid var(--default-border-color);
    border-right: none;
    text-align: center;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper
.calentim-timepicker-minutes
.calentim-minute-selected-prev,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper
.calentim-timepicker-minutes
.calentim-minute-selected-prev {
    -webkit-transform: perspective(4em) rotateX(30deg);
    transform: perspective(4em) rotateX(30deg);
    color: #424242;
    opacity: 0.5;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper
.calentim-timepicker-minutes
.calentim-minute-selected,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper
.calentim-timepicker-minutes
.calentim-minute-selected {
    color: #424242;
    font-size: 1.5em;
    min-width: 64px;
    font-weight: bold;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper
.calentim-timepicker-minutes
.calentim-minute-selected-next,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper
.calentim-timepicker-minutes
.calentim-minute-selected-next {
    -webkit-transform: perspective(4em) rotateX(-30deg);
    transform: perspective(4em) rotateX(-30deg);
    color: #424242;
    opacity: 0.5;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows,
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows
.calentim-timepicker-hours-up,
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows
.calentim-timepicker-minutes-up,
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows
.calentim-timepicker-hours-up,
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows
.calentim-timepicker-minutes-up,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows
.calentim-timepicker-hours-up,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows
.calentim-timepicker-minutes-up,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows
.calentim-timepicker-hours-up,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows
.calentim-timepicker-minutes-up {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    background: var(--default-bg-color);
    border: 1px solid var(--default-border-color);
    cursor: pointer;
    border-top-right-radius: 6px;
}

.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows
.calentim-timepicker-hours-down,
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows
.calentim-timepicker-minutes-down,
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows
.calentim-timepicker-hours-down,
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows
.calentim-timepicker-minutes-down,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows
.calentim-timepicker-hours-down,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows
.calentim-timepicker-minutes-down,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows
.calentim-timepicker-hours-down,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows
.calentim-timepicker-minutes-down {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    background: var(--default-bg-color);
    border: 1px solid var(--default-border-color);
    border-top: none;
    cursor: pointer;
    border-bottom-right-radius: 6px;
}

.calentim-container .calentim-input .calentim-ranges,
.calentim-container-mobile .calentim-input .calentim-ranges {
    border-top: 1px solid var(--default-border-color);
    clear: both;
    padding: 10px;
    text-align: left;
    background: #fdfdfd;
}

.calentim-container .calentim-input .calentim-ranges i,
.calentim-container-mobile .calentim-input .calentim-ranges i {
    float: left;
    color: var(--default-color);
    font-size: 14px;
    margin-right: 5px;
    margin-top: 1px;
}

.calentim-container .calentim-input .calentim-ranges .calentim-range-header,
.calentim-container-mobile
.calentim-input
.calentim-ranges
.calentim-range-header {
    font-size: 0.8em;
    color: var(--default-color);
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
}

.calentim-container .calentim-input .calentim-ranges .calentim-range,
.calentim-container-mobile .calentim-input .calentim-ranges .calentim-range {
    display: inline-block;
    color: var(--navigation-link-text-color);
    margin: 3px;
    font-size: 0.7em;
    cursor: pointer;
    font-weight: bold;
}

.calentim-container
.calentim-input
.calentim-ranges
.calentim-range.calentim-range-selected,
.calentim-container-mobile
.calentim-input
.calentim-ranges
.calentim-range.calentim-range-selected {
    color: var(--primary-color);
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-end,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-end {
    background-image: -o-linear-gradient(
            45deg,
            #f4f4fa 49%,
            transparent 50%
    ) !important;
    background-image: linear-gradient(
            45deg,
            #f4f4fa 49%,
            transparent 50%
    ) !important;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-end.calentim-selected,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-end.calentim-selected {
    background-image: none !important;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start {
    background-image: -o-linear-gradient(
            225deg,
            #f4f4fa 49%,
            transparent 50%
    ) !important;
    background-image: linear-gradient(
            225deg,
            #f4f4fa 49%,
            transparent 50%
    ) !important;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start.calentim-selected,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start.calentim-selected {
    background-image: none !important;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start.calentim-disabled-range-end,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start.calentim-disabled-range-end {
    background-image: -o-linear-gradient(
            45deg,
            #f4f4fa 49%,
            transparent 50%
    ) !important;
    background-image: linear-gradient(
            45deg,
            #f4f4fa 49%,
            transparent 50%
    ) !important;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start.calentim-disabled-range-end.calentim-selected,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start.calentim-disabled-range-end.calentim-selected {
    background-image: none !important;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start.calentim-disabled-range-end.calentim-selected,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start.calentim-disabled-range-end.calentim-selected {
    background-image: none !important;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range {
    color: var(--disabled-color);
    background: var(--disabled-background-color);
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-selected,
.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-start,
.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-end,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-selected,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-start,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-end {
    background: var(--primary-color-300) !important;
    color: var(--primary-button-color) !important;
    border-radius: 0;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-selected.calentim-today,
.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-start.calentim-today,
.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-end.calentim-today,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-selected.calentim-today,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-start.calentim-today,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-end.calentim-today {
    color: var(--primary-button-color) !important;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-start,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-start {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-start
span,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-start
span {
    background: var(--primary-button-bg-color);
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-end,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-end {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-end
span,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled.calentim-disabled-range.calentim-end
span {
    background: var(--primary-button-bg-color);
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start.calentim-hovered,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-start.calentim-hovered {
    background: -o-linear-gradient(45deg, var(--primary-color-200) 49%, #f4f4fa 50%) !important;
    background: linear-gradient(45deg, var(--primary-color-200) 49%, #f4f4fa 50%) !important;
    border-radius: 0 !important;
}

.calentim-container.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-end.calentim-hovered,
.calentim-container-mobile.calentim-hotel-style
.calentim-calendar
.calentim-disabled-range-end.calentim-hovered {
    background: -o-linear-gradient(225deg, var(--primary-color-200) 49%, #f4f4fa 50%) !important;
    background: linear-gradient(225deg, var(--primary-color-200) 49%, #f4f4fa 50%) !important;
    border-radius: 0 !important;
}

.calentim-container.calentim-hidden-calendar
.calentim-input
.calentim-timepickers {
    border-top: none;
}

.calentim-container.calentim-hidden-calendar .calentim-box-arrow-top:after {
    border-bottom: 1px solid var(--default-border-color);
}

.calentim-container .calentim-input .calentim-footer {
    text-align: right;
    background: var(--default-bg-color);
}

.calentim-container .calentim-input .calentim-footer .calentim-apply {
    background: var(--primary-color-300);
    border: none;
    padding: 6px 18px;
    color: var(--primary-button-color);
    font-family: var(--default-font);
    font-size: 12px;
    margin: 6px;
    border-radius: 3px;
    cursor: pointer;
    cursor: hand;
}

.calentim-container .calentim-input .calentim-footer .calentim-apply:disabled {
    background: #c9c9d1;
    color: gray;
}

.calentim-container .calentim-input .calentim-footer .calentim-cancel {
    background: #c9c9d1;
    border: 1px solid transparent;
    color: gray;
    padding: 6px 18px;
    margin: 6px;
    font-family: var(--default-font);
    font-size: 12px;
    margin-right: 0px;
    border-radius: 3px;
    cursor: pointer;
    cursor: hand;
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month:hover,
.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month:hover {
    background: var(--primary-color-300);
    cursor: pointer;
    color: var(--primary-button-color);
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year:hover,
.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-next:hover,
.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-prev:hover,
.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year:hover,
.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-next:hover,
.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-prev:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-next:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year-prev:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-next:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year-prev:hover {
    background: var(--primary-color-300);
    cursor: pointer;
    color: var(--primary-button-color);
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-prev
i:hover,
.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-next
i:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-prev
i:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
.calentim-next
i:hover {
    text-shadow: 1px 2px 3px var(--default-border-color);
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
span
.calentim-month-switch:hover,
.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
span
.calentim-year-switch:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
span
.calentim-month-switch:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title
span
.calentim-year-switch:hover {
    color: #424242;
    cursor: hand;
    cursor: pointer;
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day:hover:not(.calentim-hovered):not(.calentim-selected),
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day:hover:not(.calentim-hovered):not(.calentim-selected) {
    background: var(--primary-color-200);
    border-radius: 3px;
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-next:hover,
.calentim-notouch
.calentim-container
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-prev:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-next:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-prev:hover {
    text-shadow: 1px 2px 3px var(--default-border-color);
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm
.calentim-timepicker-ampm-am:not(.calentim-ampm-selected):hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm
.calentim-timepicker-ampm-am:not(.calentim-ampm-selected):hover {
    cursor: pointer;
    cursor: hand;
    background: #eee;
    border: 1px solid var(--default-border-color);
    color: #424242;
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm
.calentim-timepicker-ampm-pm:not(.calentim-ampm-selected):hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-ampm
.calentim-timepicker-ampm-pm:not(.calentim-ampm-selected):hover {
    cursor: pointer;
    cursor: hand;
    background: #eee;
    border: 1px solid var(--default-border-color);
    color: #424242;
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows
> div:hover,
.calentim-notouch
.calentim-container
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows
> div:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows
> div:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows
> div:hover {
    background: #eee;
    color: #424242;
    cursor: pointer;
    cursor: hand;
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-ranges
.calentim-range:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-ranges
.calentim-range:hover {
    background: var(--dropdown-option-hover-color);
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-ranges
.calentim-range.calentim-range-selected:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-ranges
.calentim-range.calentim-range-selected:hover {
    text-decoration: none;
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-footer
.calentim-apply:not(:disabled):hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-footer
.calentim-apply:not(:disabled):hover {
    background: var(--primary-hover-color);
    color: var(--primary-button-color);
    border: none;
}

.calentim-notouch
.calentim-container
.calentim-input
.calentim-footer
.calentim-cancel:hover,
.calentim-notouch
.calentim-container-mobile
.calentim-input
.calentim-footer
.calentim-cancel:hover {
    background: #c9c9d1;
    color: gray;
    border: 1px solid transparent;
}

.calentim-container-mobile.calentim-hidden-calendar
.calentim-input
.calentim-timepickers {
    max-width: 100%;
    border-bottom: none;
    border-top: none;
}

.calentim-container-mobile.calentim-hidden-calendar
.calentim-input
.calentim-footer {
    width: 100%;
    background: var(--default-bg-color);
}

.calentim-container-mobile .calentim-input {
    margin: 0;
    border: 0;
    border-radius: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 999999;
    margin: 6px;
    border-radius: 6px;
    border: 1px solid var(--default-border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    overflow-y: hidden;
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile .calentim-input {
        bottom: 0;
        overflow-y: hidden;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.calentim-container-mobile .calentim-input .calentim-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    background: var(--default-bg-color);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1em;
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile .calentim-input .calentim-header {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        border-left: 1px solid var(--default-border-color);
        font-size: 0.857em;
    }
}

.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-separator {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #f0f8ff;
    margin-top: 2px;
}

.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end {
    margin: 0;
}

.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-start-day,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-end-day,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-start-day,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-end-day {
    font-size: 2.8em;
    margin: -10px;
    font-weight: 400;
}

.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-start-date,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-end-date,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-start-date,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-end-date {
    font-size: 1em;
    font-weight: 500;
}

.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-start-weekday,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-end-weekday,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-start-weekday,
.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-end-weekday {
    font-size: 0.8em;
    font-weight: 400;
    line-height: 10px;
}

.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-start
.calentim-header-start-day {
    margin-right: 8px;
    margin-left: 0;
    float: left;
}

.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end {
    text-align: right;
}

.calentim-container-mobile
.calentim-input
.calentim-header
.calentim-header-end
.calentim-header-end-day {
    float: right;
    margin-left: 8px;
    margin-right: 0;
}

.calentim-container-mobile .calentim-input .calentim-calendars {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: scroll;
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile .calentim-input .calentim-calendars {
        width: 50%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}

.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector {
    border-bottom: 1px solid var(--default-border-color);
}

.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ms-month,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ms-month {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    height: 25%;
}

.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-month-selector
.calentim-ys-year,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-year-selector
.calentim-ys-year {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    height: 33.33%;
}

.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar {
    border-right: none;
    display: block;
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile
    .calentim-input
    .calentim-calendars
    .calentim-calendar {
        border: none;
    }
}

.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar:first-child
.calentim-title {
    border-top: none;
}

.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-title {
    background: var(--default-bg-color);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid var(--default-border-color);
    color: #424242;
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile
    .calentim-input
    .calentim-calendars
    .calentim-calendar
    .calentim-title {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 8px;
    }
}

.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container {
    padding: 10px 4px;
}

.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-dayofweek,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled {
    min-height: calc((100% - 48px) / 8);
    font-size: 0.8572em;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-dayofweek
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-day
span,
.calentim-container-mobile
.calentim-input
.calentim-calendars
.calentim-calendar
.calentim-days-container
.calentim-disabled
span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.calentim-container-mobile .calentim-input .calentim-ranges {
    background: #fdfdfd;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 0px;
    padding: 4px;
    border: none;
    text-align: center;
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile .calentim-input .calentim-ranges {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        border-left: 1px solid var(--default-border-color);
        overflow-y: scroll;
        min-height: 50px;
    }
}

.calentim-container-mobile .calentim-input .calentim-ranges i {
    font-size: 20px;
    display: none;
}

.calentim-container-mobile
.calentim-input
.calentim-ranges
.calentim-range-header {
    font-size: 0.9em;
    display: none;
}

.calentim-container-mobile .calentim-input .calentim-ranges .calentim-range {
    font-size: 0.85em;
    padding: 4px 8px;
    background: #f8f8ff;
    font-weight: 400;
    color: var(--default-color);
    border: 1px solid var(--default-border-color);
    border-radius: 21px;
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range {
        border-radius: 6px;
        display: block;
        margin: 4px;
    }
}

.calentim-container-mobile
.calentim-input
.calentim-ranges
.calentim-range.calentim-range-selected {
    color: var(--primary-button-color);
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
}

.calentim-container-mobile .calentim-input .calentim-filler {
    display: none;
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile .calentim-input .calentim-filler {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: auto;
        border-left: 1px solid var(--default-border-color);
        min-height: 100px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

.calentim-container-mobile .calentim-input .calentim-ranges + .calentim-filler {
    display: none;
}

.calentim-container-mobile .calentim-input .calentim-footer {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    padding: 6px 6px 7px 6px;
    background: var(--default-bg-color);
    border-top: 1px solid var(--default-border-color);
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile .calentim-input .calentim-footer {
        width: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-left: 1px solid var(--default-border-color);
        margin-top: auto;
    }
}

.calentim-container-mobile .calentim-input .calentim-footer button {
    font-size: 15px;
    font-family: var(--default-font);
    padding: 4px;
    font-weight: 400;
    outline: none;
    border: none;
    border-radius: 4px;
    width: calc((100% - 10px) / 2);
}

.calentim-container-mobile
.calentim-input
.calentim-footer
button.calentim-apply {
    background: var(--primary-color-300);
    color: var(--primary-button-color);
    margin-left: 7px;
    font-weight: 500;
    border: none;
}

.calentim-container-mobile
.calentim-input
.calentim-footer
button.calentim-apply[disabled="disabled"],
.calentim-container-mobile
.calentim-input
.calentim-footer
button.calentim-apply:disabled {
    background: #c9c9d1;
    color: gray;
    border: none;
}

.calentim-container-mobile
.calentim-input
.calentim-footer
button.calentim-apply:hover {
    background: var(--primary-hover-color);
    color: var(--primary-button-color);
    border: none;
}

.calentim-container-mobile
.calentim-input
.calentim-footer
button.calentim-cancel {
    background: #c9c9d1;
    color: gray;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.calentim-container-mobile .calentim-input .calentim-timepickers {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: #f8f8ff;
    font-size: 1em;
    border-top: 1px solid var(--default-border-color);
    border-bottom: 1px solid var(--default-border-color);
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile .calentim-input .calentim-timepickers {
        border-top: none;
        border-bottom: 1px solid var(--default-border-color);
        border-left: 1px solid var(--default-border-color);
        font-size: 1.125em;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-hour-minute-seperator {
    margin-top: 0px;
    color: var(--default-color);
    font-size: 1.8em;
    font-weight: bold;
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile
    .calentim-input
    .calentim-timepickers
    .calentim-timepicker
    .calentim-hour-minute-seperator {
        margin-top: 0px;
        font-size: 1.4em;
    }
}

.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper
.calentim-timepicker-hours {
    font-size: 21px;
    border: 1px solid var(--default-border-color);
    border-radius: 3px;
}

.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hours-wrapper
.calentim-timepicker-hours
.calentim-hour-selected {
    background: var(--default-bg-color);
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper
.calentim-timepicker-minutes {
    font-size: 21px;
    border: 1px solid var(--default-border-color);
    border-radius: 3px;
}

.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minutes-wrapper
.calentim-timepicker-minutes
.calentim-minute-selected {
    background: var(--default-bg-color);
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-hour-arrows,
.calentim-container-mobile
.calentim-input
.calentim-timepickers
.calentim-timepicker
.calentim-timepicker-minute-arrows {
    display: none;
}

.calentim-container-mobile.calentim-inline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.calentim-container-mobile.calentim-inline .calentim-input {
    position: static;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.calentim-container-mobile.calentim-inline .calentim-input .calentim-footer {
    display: none !important;
}

.calentim-container-mobile.calentim-inline
.calentim-input.calentim-hidden-calendar
.calentim-timepickers {
    max-width: 100%;
    border-top-width: 0 !important;
}

@media screen and (orientation: landscape) {
    .calentim-container-mobile.calentim-inline .calentim-input {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .calentim-container-mobile.calentim-inline
    .calentim-input
    .calentim-calendars {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: calc(50% - 1px);
        border-left: none;
        border-right: 1px solid var(--default-border-color);
    }

    .calentim-container-mobile.calentim-inline .calentim-input .calentim-header {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: calc(50% - 1px);
        border-left: none;
        border-right: 1px solid var(--default-border-color);
        border-bottom: none;
    }

    .calentim-container-mobile.calentim-inline
    .calentim-input
    .calentim-timepickers {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 50%;
        border-left: none;
    }

    .calentim-container-mobile.calentim-inline
    .calentim-input
    .calentim-timepickers
    .calentim-timepicker-ampm {
        width: 7vmin;
    }

    .calentim-container-mobile.calentim-inline .calentim-input .calentim-ranges {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 50%;
        border-left: none;
    }
}

.calentim-open {
    overflow: hidden;
}

.calentim-overlay {
    z-index: 9998;
    display: none;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
}

.calentim-no-anim {
    -webkit-transition: all 0s ease !important;
    -o-transition: all 0s ease !important;
    transition: all 0s ease !important;
}

.calentim-popup {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
}

.calentim-box-arrow-top {
    width: 22px;
    height: 22px;
    z-index: 12;
    margin-left: 0;
    position: absolute;
    top: 0px;
}

.calentim-box-arrow-top:after,
.calentim-box-arrow-top:before {
    bottom: calc(100% - 6px);
    left: 27px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.calentim-box-arrow-top:after {
    border-color: transparent;
    border-bottom-color: var(--primary-button-color);
    border-width: 10px;
    margin-left: -10px;
}

.calentim-box-arrow-top:before {
    border-color: transparent;
    border-bottom-color: var(--default-border-color);
    border-width: 11px;
    margin-left: -11px;
}

.calentim-box-arrow-bottom {
    width: 22px;
    height: 22px;
    z-index: 12;
    margin-left: 0;
    position: absolute;
    bottom: 0px;
}

.calentim-box-arrow-bottom:after,
.calentim-box-arrow-bottom:before {
    bottom: -15px;
    left: 27px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.calentim-box-arrow-bottom:after {
    border-color: transparent;
    border-top-color: var(--primary-button-color);
    border-width: 11px;
    margin-left: -11px;
}

.calentim-box-arrow-bottom:before {
    border-color: transparent;
    border-top-color: var(--default-border-color);
    border-width: 10px;
    margin-left: -10px;
}

.calentim-box-arrow-left {
    width: 21px;
    height: 21px;
    z-index: 12;
    margin-top: -10px;
    position: absolute;
    left: 0px;
}

.calentim-box-arrow-left:after,
.calentim-box-arrow-left:before {
    border: 0px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.calentim-box-arrow-left:after {
    border-color: transparent;
    border-right-color: var(--primary-button-color);
    border-width: 12px;
    left: -18px;
    top: 29px;
}

.calentim-box-arrow-left:before {
    border-color: transparent;
    border-right-color: var(--default-border-color);
    border-width: 14px;
    left: -22px;
    top: 27px;
}

.calentim-box-arrow-right {
    width: 22px;
    height: 22px;
    z-index: 12;
    margin-top: -11px;
    position: absolute;
    right: 0px;
}

.calentim-box-arrow-right:after,
.calentim-box-arrow-right:before {
    right: -15px;
    top: 27px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.calentim-box-arrow-right:after {
    border-color: transparent;
    border-left-color: var(--primary-button-color);
    border-width: 12px;
    margin-left: -12px;
    right: -17px;
    top: 30px;
}

.calentim-box-arrow-right:before {
    border-color: transparent;
    border-left-color: var(--default-border-color);
    border-width: 12px;
    margin-left: -10px;
    right: -19px;
    top: 30px;
}

.calentim-no-scroll::-webkit-scrollbar {
    display: none;
}

.calentim-no-scroll::-moz-scrollbar {
    display: none;
}

.calentim-no-scroll::-o-scrollbar {
    display: none;
}

.calentim-no-scroll::-google-ms-scrollbar {
    display: none;
}

.calentim-no-scroll::-khtml-scrollbar {
    display: none;
}

.calentim-container.calentim-rtl .calentim-prev,
.calentim-container.calentim-rtl .calentim-next,
.calentim-container.calentim-rtl .calentim-header-separator {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.calentim-container.calentim-rtl .calentim-header-start,
.calentim-container.calentim-rtl .calentim-header-end {
    margin-right: 0;
    margin-left: 10px;
}

.calentim-container.calentim-rtl
.calentim-header-start
.calentim-header-start-day,
.calentim-container.calentim-rtl
.calentim-header-start
.calentim-header-end-day,
.calentim-container.calentim-rtl
.calentim-header-end
.calentim-header-start-day,
.calentim-container.calentim-rtl .calentim-header-end .calentim-header-end-day {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 10px;
}

.calentim-container.calentim-rtl
.calentim-header-start
.calentim-header-start-date,
.calentim-container.calentim-rtl
.calentim-header-start
.calentim-header-end-date,
.calentim-container.calentim-rtl
.calentim-header-end
.calentim-header-start-date,
.calentim-container.calentim-rtl
.calentim-header-end
.calentim-header-end-date {
    display: block !important;
}

.calentim-container.calentim-rtl
.calentim-header-start
.calentim-header-start-date,
.calentim-container.calentim-rtl
.calentim-header-start
.calentim-header-start-weekday,
.calentim-container.calentim-rtl
.calentim-header-start
.calentim-header-end-date,
.calentim-container.calentim-rtl
.calentim-header-start
.calentim-header-end-weekday,
.calentim-container.calentim-rtl
.calentim-header-end
.calentim-header-start-date,
.calentim-container.calentim-rtl
.calentim-header-end
.calentim-header-start-weekday,
.calentim-container.calentim-rtl .calentim-header-end .calentim-header-end-date,
.calentim-container.calentim-rtl
.calentim-header-end
.calentim-header-end-weekday {
    text-align: right !important;
}

.calentim-container.calentim-rtl .calentim-calendar {
    border-left: 1px solid var(--default-border-color);
    border-right: 0px solid transparent !important;
}

.calentim-container.calentim-rtl .calentim-calendar:last-child {
    border-left: 0px solid transparent;
}

.calentim-container.calentim-rtl .calentim-timepicker-start {
    border-left: 1px solid var(--default-border-color);
    border-right: 0px solid transparent !important;
}

.calentim-container.calentim-rtl .calentim-timepicker {
    direction: ltr;
}

.calentim-container.calentim-rtl .calentim-day.calentim-hovered-last,
.calentim-container.calentim-rtl .calentim-day.calentim-selected.calentim-end {
    border-radius: 6px 0 0 6px !important;
}

.calentim-container.calentim-rtl .calentim-day.calentim-hovered-first,
.calentim-container.calentim-rtl
.calentim-day.calentim-selected.calentim-start {
    border-radius: 0 6px 6px 0 !important;
}

@media screen\0 {
    .calentim-dayofweek,
    .calentim-day,
    .calentim-disabled {
        width: calc((100% / 7) ÔÇô 2px) !important;
        padding: 2px !important;
    }

    .calentim-input-vertical-range .calentim-left {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .calentim-input-vertical-range .calentim-ranges {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .calentim-input-vertical-range .calentim-range {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
        line-height: 1em !important;
    }
}




/* HiA additions to the calentim date picker, see calentim.hia.js */

/* The range list belongs between the header and the calendars. A negative order keeps every other part
   in the order it was drawn in without having to name them all, .calentim-input is a flex column.
   The selectors carry the same weight as the ones in calentim.css, which orders the parts explicitly for
   the mobile layout and puts a border above the list. This file is loaded right after it. */
.calentim-hia-ranges .calentim-input .calentim-header {
    order: -2;
}

.calentim-hia-ranges .calentim-input .calentim-ranges {
    order: -1;
    border-top: none;
    border-bottom: 1px solid var(--default-border-color); /* the separator moved along with the list */
    display: block;
    column-count: 2; /* columns, not a grid: the list fills the first one before it starts the second */
    padding: var(--medium-gap) 0; /* the ranges carry it themselves, so that hovering one fills the whole width */
}

.calentim-hia-ranges .calentim-input .calentim-ranges .calentim-range-header-container {
    display: block;
    column-span: all;
    padding: var(--small-gap) var(--medium-gap);
}

.calentim-hia-ranges .calentim-input .calentim-ranges .calentim-range {
    display: block;
    break-inside: avoid; /* a long range title stays in one piece */
    padding: var(--small-gap) var(--medium-gap);
    margin: 0; /* the ranges tile the whole list, nothing between their hover backgrounds */
}

/* Ranges only mode: the dropdown shows the header and the range list until the custom range is clicked.
   The parts are only hidden, not left undrawn, so that expanding needs nothing but removing the class. */
.adok-hierarchy-calendar .calentim-input .calentim-timepickers {
    flex-wrap: wrap;
}

.adok-hierarchy-calendar .calentim-input .calentim-timepickers .calentim-timepicker {
    flex: 1 0 240px;
    min-width: 0;
}

.adok-hierarchy-calendar .calentim-input input.calentim-hour-selected,
.adok-hierarchy-calendar .calentim-input input.calentim-minute-selected {
    /* These are editable spinner rows, not ordinary form textboxes. */
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    line-height: inherit;
    text-align: center;
}

.adok-hierarchy-calendar .calentim-input .calentim-timepicker-hours,
.adok-hierarchy-calendar .calentim-input .calentim-timepicker-minutes {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    overflow: hidden;
}

.calentim-ranges-only .calentim-calendars,
.calentim-ranges-only .calentim-timepickers {
    display: none !important;
}

/* collapsed the list is the last one, its separator would double up with the border of the dropdown */
.calentim-ranges-only .calentim-input .calentim-ranges {
    border-bottom: none;
}

/* collapsed the header is a second way into the calendars, see headerClicked in calentim.hia.js */
.calentim-ranges-only .calentim-input .calentim-header {
    cursor: pointer;
}

/* Collapsed and with nothing picked yet the header would be a blank strip, which does not look like
   anything to click on. A calendar in the place of the day gives it the shape of a date that is waiting to
   be picked, in the size the day is written in. Only next to a range list: without one the header is not
   what a collapsed dropdown is waiting on, and there is nothing to reveal by clicking it. */
.calentim-input:has(.calentim-ranges) .calentim-header-start-day:empty::before {
    content: "calendar_today"; /* the name of an icon is its ligature in the icon font, see icons.css */
    font-family: "Material Icons Outlined";
    font-feature-settings: "liga";
    color: var(--gray-text-color);
    vertical-align: middle;
    font-size: 14px;
}




/*
* iziModal | v1.6.1
* https://izimodal.marcelodolza.com
* by Marcelo Dolza.
*/
.iziModal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #FFF;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    transition: margin-top 0.3s ease, height 0.3s ease;
    transform: translateZ(0);
    box-sizing: border-box;
}
.iziModal *{
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
.iziModal::after{
    content: '';
    width: 100%;
    height: 0px;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.35)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#59000000',GradientType=0 );
    transition: height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    pointer-events: none;
}
.iziModal.hasShadow::after{
    height: 30px;
    opacity: 1;
}
.iziModal .iziModal-progressbar{
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 1;
}
.iziModal .iziModal-progressbar > div{
    height: 2px;
    width: 100%;
}


.iziModal .iziModal-header {
    background: #88A0B9;
    padding: 14px 18px 15px 18px;
    box-shadow: inset 0 -10px 15px -12px rgba(0, 0, 0, 0.3), 0 0 0px #555;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.iziModal .iziModal-header-icon{
    font-size: 40px;
    color: rgba(255, 255, 255, 0.5);
    padding: 0 15px 0 0;
    margin: 0;
    float: left;
}
.iziModal .iziModal-header-title {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}
.iziModal .iziModal-header-subtitle {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    line-height: 1.45;
}
.iziModal .iziModal-header-title, .iziModal .iziModal-header-subtitle{
    display: block;
    margin: 0;
    padding: 0;
    font-family: 'Lato', Arial;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.iziModal .iziModal-header-buttons {
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -17px 0 0 0;
}

.iziModal .iziModal-button{
    display: block;
    float: right;
    z-index: 2;
    outline: none;
    height: 34px;
    width: 34px;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0.3;
    border-radius: 50%;
    transition: transform 0.3s cubic-bezier(.16,.81,.32,1), opacity 0.3s ease;
    background-size: 67% !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}
.iziModal .iziModal-button-close{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODZCQkIzQ0I0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODZCQkIzQ0M0RTg0MTFFNjlBODI4QTFBRTRBMkFCMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NkJCQjNDOTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NkJCQjNDQTRFODQxMUU2OUE4MjhBMUFFNEEyQUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsgTJLcAAALJSURBVHja3JnLS1VBHMfvQ7g9dBXRRrwEFRciAhMi1JRW1aIHVEIYEkW0iVpUhOD/ICK6cFMgSbUpC6VFkQa9NtpjkauriRY9Noa3pHT8/mIODMM5Or85o87pC5/NPf5mvmc8M7+Z36SFEKkY2gj2gUawF2wHW8A6+fwv+A6KYAQMg+dg2rbDtKXhGnAaHJIms4zYz9J4HxgAf1g9k2EGteAhWBBuNApaQNrUg6nRTaAbzIuV0RCocWW4DoyJlVcJXI5ruFk2tJqi/2TWxvA5sXbqA2Ucw01i7dVjargazAo/dE33p6/DlAheg50pP0SJpwG8CH7IaH/Q5pFZUhnoArkwwwVwJeWfdoMLYYZvqG+yTGo9CerAoIWBT+A4qAdPDWOugwo1NVcxJtpFZRLkwH3GJCqCghJfxVjnz1JMMMKnwAbGRAg0B5rAA4O4CblZ+qj8tkBjZthvSzDCtFIMM0ZpQhslk5Eej4jpZ/T7G+ygwG1ghrk+jjNMFy1eMPJzpOAzlou6iWmXZkm91EBHjEwUZXoQTDk2SxqhRh7HTJ9hpstB3rFZ0ldq6J2DnB9m2rXZfxOPlrX1DrJRXiaBXSHPaMHvB0cd9JPLpBImMvzLQTuUFA6A9yHPfoIjhsllOc1l5N4grtmDWgYrl5+JTUZcSjNkeMyxWdpA3ZN72IJj01OJTByJS82J2/wQVxmB5y1HK8x0JWMf/kzdD98FJcY5S51gdwyTQl6eUAraspo27PeWXgy8afim0+CELAwOWHyH9EkdkyWwJ4Yxk6BCP+bTm48anutWW5dAp34IpbW03UOzb0FPVEHbx0LKfvAyqpAyKw97JU8Mt6pml6rAJ6oY6Eu5NfvfF7QTeWWQyEsZr6694lwsNoPD8mKRo29gCNwGj7gXi7aGA1EBcY+8vq0GW8FmJb3Pgx9gEnwAr8Ab8MW2w0UBBgAVyyyaohV7ewAAAABJRU5ErkJggg==') no-repeat 50% 50%;
}
.iziModal .iziModal-button-fullscreen{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTBBOUI4RUM0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTBBOUI4RUQ0RTg0MTFFNjk0NTY4NUNFRkZFNEFEQzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMEE5QjhFQTRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMEE5QjhFQjRFODQxMUU2OTQ1Njg1Q0VGRkU0QURDMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrQO6gAAAANmSURBVHjazJlbSBRRGMd3x92i0ForRRMiKiUoX4ouiFlJkRVBDxW9GJERwUasvdRT9FD00osRQtAFqegGBUHRBY0uaCVKEkSRpVR0tSwrQtp1+p/4Bk7D7M45M/Ot/uGHu+Psmf+c+eY753wnbJpmyIfGgvmgiv6WgkKQBwzwE3wBr0AnuAta6ZgnhT0aFuY2ghoyGdH4bS+4Dc6CZjCkdWVhWIPF4JoZnB6CDToeVE8sBidNPt0E5UEZrgG9Jr8GwHa/huMgaWZXDSDsxfBuc/jUBAwdw3Fz+NWoang5SJkjQwm7P3seLqQEX2LLfgfBdZcMORMcBqNDwekPqASP0uXhpjR3Ok0x/fUw9HIHGGVdw5DuRtzJpgxDsJui2qOWmuaAOuuLbHivz4YLwLgQj/aAXNmwuItlHhtbA7pAG5jEZHgKWCcbrhUTIY+NPQVjqFFObbYMi/hc6aOhl2AJ9TKnFoIyYXgemKEzJQXVVkyR3oFVzKZFuqw2qHdyFPKhrHPgMoWC3fRjRtNVVg+7SR5IiqmXxUt60cG0CK/vTIZniZVCmcKJF0C3ZNjKBqvJ9Hrwm46tsN1EkCoRQ/M3fBjvs6GrYAvdwHEfGcd1qBaGkwoxrKI+xjz83yJ0iLFHApd46X4xX+M+WECh4lepCNUIcpnMijrEWtAvTRHrbOd8FZNG8uA2Nf0hpmwtjBPwpQ5T0GPS/+tBAZhIq+b3Lu09EyHRwRgO+0C+7dhWcII+PwCf6Sk/Aa9d2vtn+A7nyASugJiD6YSDQcOlvVbxiCaAN8xrs3sgprBiac/QhlhnzjUo6JuZM0UlDS5FPtoQIdNlPYJTWUihFaDex+9Pg6T1KHJAJ2NI7ASllA28hEQ/KJIXoSlwgKlnh+jFe+GjLtwIPtjfyktUt+UaUZWqvw7H3oJD1peI7eQdoF1xWa+zQikHH13OmwqmOxxP0EiZtgK/DRwNuIcHwSeXc2K01WAPhbhKBb5hBNTVbskVH7fqpZGhbJUNtYF83fqwQSXPbOsGjb6etwx2gcEsmT3iFAZeNmUqaMeHSz2qu0k6W15Rqsx3B2i0D+xXGAHTFrRVlEeFuVoqH+ku6VNUbDkPzlAtg30nVK66i8rRIjAbTKaSQVQyN0DD6nOqcLZQld9TLfmvAAMAeMcvp3eCFqQAAAAASUVORK5CYII=') no-repeat 50% 50%;
}
.iziModal.isFullscreen .iziModal-button-fullscreen{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkFFRTU5NDA0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkFFRTU5NDE0RTg1MTFFNjk0NEZFQzBGMkVBMDYyRDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQUVFNTkzRTRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQUVFNTkzRjRFODUxMUU2OTQ0RkVDMEYyRUEwNjJEOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuDFfX8AAANASURBVHjazJlZSBVRGMfHcWlB0xZM68GKukQLYaGkmEUR2EsvRfQS+BSJPUQE+lTR8hqIZY8hFS0ERVCRoW3gpUApghYpszLTVnCB3O70/+K7MAwzc78Z58z4hx8XzpzvzJ+Zc+d85ztphmFoU9BsUAoq+XcFyAc5QAfD4BfoBp3gCWjnNl9K82mYzO0FVWwyw0NsD3gIroBWkPB0ZzLsgc3grhGcnoE9XjxIOxaCC4Y6tYC1QRmuAj2Geg2CA1M1XAsmjHDVANL8GK4zolMz0L0YrjWiV5PU8HYw6TBIf8imD6UynA96HYKPg3mgMUTDY6DUzXCzQ+AxSz+r6QEQZz4HbLoDZNkZrnAIoOlRZjN1Gk3XS0zty/gTFaRq7Ay3uAR8BcU2ps/z9QJTWw74HrDhTyDbbHg9SKQI+sb9rKa3mV8ZmAt+KJjP1TS+zinFPkqEUqQdBeAOKLa0UwIzpqlXtcYpIKWIO4RBZPoRKNfC10YQI8MlYLkwaAB8ABsiMDwDbKU8dgtIFwRMgJ3guRadKpNPWBMa7tOi1WoyHJPuTsC4oN+IQsOLM3gPJlEWqOE/neMGBqwDeYoMz6G8c0I4h6eFyHBC8A2eVoaH8JutaPwuUA/+uvSht1sHKgTjTWZwjUCVYdrK3xT0iwkND+lc5FClUQ9fINHCRYY7FBrWPSz5Er2lAR9H9P+hpfYGl64OCmPadQ7ojcDwOJetysBMQX/6mrWS4d+cIoYtMnAEnBT2fwVeJufYxZBMFoKFlrajQtOX/uczvEtIB50Kdgn1lt3JGdANltjsXE64jPMnuQ1LPuFJcFrBE11gzQXAUnAPFNk86esO4zSBfmu5lVa9toCf8DC4Ba6C22DEdO01KDLdP5fLr1Z94X2ibV1ilWVQ1XrDpvPAU4c+u1KVqvaHXI7q43ltp3PSYmDDNCgGPrCUD1wN6y5lqzAUN89baX1Y55Jn2LrPRUffRwaHwWhIZs/aTQM/hzLlDp+coPRReprk5cgrkyvz7wM0+hOcAvOlPvwcLNIp526ux1H5aJbHeFpVX4Br4LLXWoffk9CkVnLlaBNYAxaBXJBpMjfIy+o7EAdtfIyb8HPDfwIMAM1WPs8F9tcxAAAAAElFTkSuQmCC') no-repeat 50% 50%;
}
.iziModal .iziModal-button-close:hover{
    transform: rotate(180deg);
}
.iziModal .iziModal-button:hover{
    opacity: 0.8;
}


    .iziModal .iziModal-header.iziModal-noSubtitle{
        height: auto;
        padding: 10px 15px 12px 15px;
    }
    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-icon{
        font-size: 23px;
        padding-right: 13px;
    }
    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title{
        font-size: 15px;
        margin: 3px 0 0 0;
        font-weight: 400;
    }
    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons{
        right: 6px;
        margin: -16px 0 0 0;
    }
    .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button{
        height: 30px;
        width: 30px;
    }


    /* RTL */

    .iziModal-rtl {
        direction: rtl;
    }
    .iziModal-rtl .iziModal-header {
        padding: 14px 18px 15px 40px;
    }
    .iziModal-rtl .iziModal-header-icon {
        float: right;
        padding: 0 0 0 15px;
    }
    .iziModal-rtl .iziModal-header-buttons{
        right: initial !important;
        left: 10px;
    }
    .iziModal-rtl .iziModal-button{
        float: left;
    }
    .iziModal-rtl .iziModal-header-title, .iziModal-rtl .iziModal-header-subtitle{
        text-align: right;
        font-family: Tahoma, 'Lato', Arial;
        font-weight: 500;
    }
    .iziModal-rtl .iziModal-header.iziModal-noSubtitle {
        padding: 10px 15px 12px 40px;
    }    
    .iziModal-rtl .iziModal-header.iziModal-noSubtitle .iziModal-header-icon {
        padding: 0 0 0 13px;
    }

    /* LIGHT THEME */

    .iziModal.iziModal-light .iziModal-header-icon{
        color: rgba(0, 0, 0, 0.5);
    }
    .iziModal.iziModal-light .iziModal-header-title{
        color: #000;
    }
    .iziModal.iziModal-light .iziModal-header-subtitle{
        color: rgba(0, 0, 0, 0.6);
    }
    .iziModal.iziModal-light .iziModal-button-close{
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyQTU1RUZDNzRFODQxMUU2ODAxOEUwQzg0QjBDQjI3OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NEM4MTU1MEI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENDMkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZjYzMwMmE1LWFlMjEtNDI3ZS1hMmE4LTJlYjhlMmZlY2E3NSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdmYmU3NGE3LTAxMDUtMTE3YS1hYmM3LWEzNWNkOWU1Yzc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po24QssAAANtSURBVHja3JlJaBRBFIa7ZxyTSXADHUkikuAawZNLEOOGGrwJQYko8R4RBQ+OICoqghJQUVwPYjzFY0QUBQU1kogoKO6CG0pcIwbiNibj/8JraNvu6Xo9NTOtP3xzSKe6/65+Ve9VlWlkp2IwGUwFE0E5GA4G8/U+0APegWfgHrgPuq0bpNNp0QPNgEYngHlgGpuMCNp2s+kr4BYM/8ql4WqwHEzP4mXteg7awOW0YlerPnQIaARLNBl1ikLlBDw/1WF4ClgHKozc6idogekz2RheANbaBlE+dB4chfF+qeHF3LOF0FWwF6b7nBe8RvecApolzQVr3C64GR4H1huFV51pmvV+hikRbABFRji0GqarMxluAGON8CgKmmA65mZ4DFhqhE9VPP//ZXgZiCmm1t1gI6XWAAY+gF0gCe4qtqlHL8fthkeBWsXGreA6eMgPviEw+x5sBZ3gAdjPCcNPI8Fsu+FawUCzz40psEfRNJndBl7b/pZmVLTQMkzJo0bQSys43iWm3cxS+DUJOmoSwqKCRmEZWKkYv6RSMBPc5lqXRGm0A1Q6XiaT2aSwo8jrK/qZwZlFIlXTusxa6iXDddTdARpnMj2ek9AWjWYH7h/lubcs4A28THdyAdOl0ezAmKNBNyLLiT0Btjti9zuHg06zpJKIprohwXNypcu1OIdGjYbnxCLGPyYy/EPDfejzbwYvXK59AzuFGdFLKTL8WYNZ59RVzGESJCNm0teI40E6zNIA2wSaA2REP32iaW0omKXRbJKTUVyYEVV0J8oxvEiQmiUZrFSz6XNkuJe3nBKCelaSbjOZrhLsd1BInYxweSeJq9YA6dYtuZCBI4JZ6jGW/W+sebhd0DAaMIO5mTYFW1+X6GeQ7TO3W0WyQj3cw0ulBg4nSUbcAY7zPVYp7ip95FXOH29Hb35AOPjypWMIh7PORSjFZVsIzdKW7AWvfYnTVNWHyCytHw+jd1Nehqks3KepvtChUzD7yGvE2/cduqxldQF1EWZb/PbWLF3jAVgo0WrlkN+c6hSd+rzlaSuaR7O0oX0wyIa2pVAdGaj0HCUVOqIq4dVwrg5lmmG2w+8f/9tjL6foYHE+Gy8Xtv3CPUpf7WauDxadKuIwoeNbOmoYDYbZ0ns/1wxUC7ykigs8sS/LpEe3vwUYALiKDDDSgEiSAAAAAElFTkSuQmCC') no-repeat 50% 50%;
    }
    .iziModal.iziModal-light .iziModal-button-fullscreen{
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpEQTg1NTA2NTRFODQxMUU2OTQ0N0VERjY2Q0M5ODYwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTNFNENCQkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENCQUI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFlNTQwYzczLTVhZmEtNDJlYi04YzJlLWMwMzFlYmFiYmIyNiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmVkYmRiMzM1LTAxMDUtMTE3YS1hYmM3LWEzNWNkOWU1Yzc4NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvIicdUAAAOvSURBVHjaxJlZbA1hFMe/qaItUUsspakg1laJ7UUisQuRvvTFA15sQSRCLBFrQryhHqxNHxEPtaQ8CCUkIrVVRbVBJdZYSrXVonr9/3pGxnTunZk78/X+k1+aO+1899/vnnvO+c4YKpi6ghEgW34OBD1BKjBAM6gH78Fz8BhUyrW/ikQivt7QiNMozU0DE8RkJx/3fgCPwA1QHvHp2K/hHJAPJqpwVA2K4flW2IZ7gyVgptKjh6AQxl+GYZi7uRr0U3rVBIpg+nIQwwvACpCkOk4XwYlosR3LMGN1qUqMroGDTqaNGDu7SiVWl+D3iP2i00c9HqxUidd8wzDy3HY4HRwCfWzXz4L7Lm+QKfHeOUTTLWAzdro6muH1YIbDjculWrmpUEM2YYXcCNMt9pAYE8WsWYLdlAxaNYTGMDDHKYYXBVy4B0jTFM/5iOcUc1fM/2JcnItNAYtBNzGtQ33BVHDV3OHpARqhV6CLLKpTs8yQYHxOCrDQO7AV1Gg2PBJhMYiGh4MMnx1eLkixXKsFuzSbZrrMpeGxHnqFFtvrTWCbhILd9AuNpnPMHXaTtZD0kl1mRdwSxXSjJsNZfONjcmqIJR5p3lp6Y+sXrAzsBz/lNXvmtZYMFKbqafi0pKQgKpOSPhmsC5BxXEs1Fz4fUr/7TWMe/q9bC2s3tJs1Df/Q/B5PwAZwJYS1WpPlo0zRZJZziL2gQU7I1GyHL7QSD26taVOytI26DpinxKypApvpk+C6dHlMnXskbUbT1yTpN3WJHWB327UCS3hUoc+tA/VyxP/ost5rGq7QWZnAdoe0eZgnYweDbgmgkoafgk8aTfNgsMNmmqfhC+Czj3V4T3mSBH255kxB0ztd4tNNDJkas2CUdkAKHQ3yAtxfijj/bdb7Cumyhmoyexzcs6Qwv2qUbPKvJDOtnNFklrF3R5qneA2XYHe/2A+ht1Xb3FZXRY1XTAjFTgtxJ45qKtWDpZK1g6dhIQuvBzjcy8FgQ6y8Nw+sCdnwL1Dn8jdMe6m2a+3ma9ESNUdOC1VixSH3bnPiYyraswnO0fqDIQkyW8WmCWab7b+I9TCF3+x0j2e+MPUA7LPGrVfD1F3VNsrPVR0zhS8BB5x21muzYa1Sy1Tb4y4d4qOwIi9Pk/wcj1gV50p5zQjJKAsJH8KcY4vpdYrjV0w9HMxxHjfKNpfwdMyRNuAmyy2M1vq5OegBNFMmR9lSHDizSLPMJGjuO2BZfSOtLKvpMylUvh/d/hFgAOH4+ibxGTZuAAAAAElFTkSuQmCC') no-repeat 50% 50%;
    }
    .iziModal.iziModal-light.isFullscreen .iziModal-button-fullscreen{
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxODRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTNFNENCRkI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTNFNENCRUI4QUExMUU2QjNGOEVBMjg4OTRBRTg2NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgzM2MwOWZiLWJjOTEtNGVlZS05MDM1LTRkMmU2ZmE1ZjBmMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRUUxMkYxODRFODUxMUU2Qjc3RDk0MUUzMzJDRjBEOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv1Q9Z8AAAOXSURBVHjaxJlLbA1RGMfPjIs+EvoIRYt4FVUl2EkkRTxKUqQbG0SEho2FjUQ8YtEICbEgTdFYeK1KaGvVeoUltyStt0UlNE17aWhV2+v/9X5XJpMzc8/0zpn5kl+aO3Nm7r/fnPu9xhDp2URQDJbw3xkgB2QCAwyAPvANfARvQDsfG7V4PO7pC40xCiVxa8AKFjnOw7VdoA08BtG4R8VeBZeCKrBS+GPvQAM0P/NbcB7YBdYJPfYKXIXwL34IJm8eBFOFXusH9RDdnI7gLWA/MEVwdh/UOe1tN8G0V3eLcKwFXJCJNl08G5ZYsrWgWnZCJng5OOBwo1iAoisMw6hMJXgyOOywVW7xj+9BgKL3QHSxm+C9IF9y4U2GMlStRPQP8Jbp9lFwhJwE0RHrgaSV8N6xG238l7Zjtfx3K58/Bd7zsWngIqdnP2we2ACa7B7e6RL6joK5EtHNfL7b5u1Bn7dGFbycYRVM/8WyFJnuJK+z2iVwzFrMcF1h+Cx4ClhtFVyu8CW54ITE01EwFMAPcH1SMJWIqxQvItE1YHEIsXkhtkUhCV4ApiteFOPadn4IgseDMooSSxVrhWFwmkvCsKw06WGhKLhHhGuzSHChh9pZ5cc1oFFwfoTTsWrWqQCvXdZQEpkDsjUJziSv3Qu43k3LTA1BXqvRY/4DMjTd/yu4niJVm9wslCjcb4QE/9Qo+Al44baAmgpKCIqC+01OBLrsr8/de8zkiYwuUxWSq7iuM8JhantIqfYItkOepKBysnbycIfPXYKqURL6DhaBCQrrKcZHTa5loyEIJgHXwG3F9TQV+pxMGK0BiaTHn2OLEjcURbdi7XBSMO3jTxoEjtg+7wDnhG3spSD6F3hk7Tjoxnc0CJ5k+5wFCrhplYl2mmI24nyvvWumAE9z2zIfBW8WifnxIHc2yb6xiHtEoms0/hlGtpAPHCkgNDjFyZngPN88COvkPpEe+XGHbFcD7z53C+ybwKEAo0UPZ8QCybkmiL3sNvkheygSI08RYOSQiaUhd52sUpIZLWwJsYqkkdcZeHfIS66nc9XcZQRpNBY7C7F9Yy1OtonErDgSgNhGcEXmWa/VFA1O9onE6y4dRqGtXuVtkpf2iDy8EVR6GLykMnrsNFC867QF0hH8v3MVicFcuYdKy56uqQx4SukWQj3NOtJtQIt4ckSvbmdziMqy7HcS9xv0cn/Xwdn0A1drnl/d/hNgAGQa6Lgarp6BAAAAAElFTkSuQmCC') no-repeat 50% 50%;
    }


.iziModal .iziModal-loader{
    background: #FFF url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}

.iziModal .iziModal-content-loader{
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiM5OTkiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS13aWR0aD0iMiI+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iMHMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgICAgICA8Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSIxIj4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiAgICAgICAgICAgICAgICBiZWdpbj0iLTAuOXMiIGR1cj0iMS40cyIgICAgICAgICAgICAgICAgdmFsdWVzPSIxOyAyMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMTY1LCAwLjg0LCAwLjQ0LCAxIiAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4gICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgICAgICAgICAgICAgICAgYmVnaW49Ii0wLjlzIiBkdXI9IjEuNHMiICAgICAgICAgICAgICAgIHZhbHVlcz0iMTsgMCIgICAgICAgICAgICAgICAgY2FsY01vZGU9InNwbGluZSIgICAgICAgICAgICAgICAga2V5VGltZXM9IjA7IDEiICAgICAgICAgICAgICAgIGtleVNwbGluZXM9IjAuMywgMC42MSwgMC4zNTUsIDEiICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPiAgICAgICAgPC9jaXJjbGU+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
}

.iziModal .iziModal-content:before,
.iziModal .iziModal-content:after { content:''; display:table }
.iziModal .iziModal-content:after { clear:both }
.iziModal .iziModal-content{
    zoom:1;
    width: 100%;
}
.iziModal .iziModal-wrap{
    width: 100%;
    position: relative;
}
.iziModal .iziModal-iframe{
    border: 0;
    margin: 0 0 -6px 0;
    width: 100%;
    transition: height 0.3s ease;
}
.iziModal-overlay{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.iziModal-navigate{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}
.iziModal-navigate-caption{
    position: absolute;
    left: 10px;
    top: 10px;
    color: white;
    line-height: 16px;
    font-size: 9px;
    font-family: 'Lato', Arial;
    letter-spacing: 0.1em;
    text-indent: 0;
    text-align: center;
    width: 70px;
    padding: 5px 0;
    text-transform: uppercase;
    display: none;
}
.iziModal-navigate-caption::before, .iziModal-navigate-caption::after {
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    content: '';
    background-size: 100% !important;
}
.iziModal-navigate-caption:before{
    left: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNmFjNjAyMy04OWU0LWE0NDAtYmMxMy1kOTA5MTQ3MmYzYjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDREQ0YwRjA1MzQzMTFFNkE5NUNDRDkyQzEwMzM5RTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDREQ0YwRUY1MzQzMTFFNkE5NUNDRDkyQzEwMzM5RTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmNmM0Nzk3Ni1mNzE3LTk5NDAtYTgyYS1mNTdjNmNiYmU0NWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowZGVmYTEyZC01MzM0LTExZTYtYWRkYi04Y2NmYjI5ZTAxNjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7oo0ptAAACWklEQVR42uyZTWsTYRSFZybxo4kWk5g2NC5qTAU3Kq30A9udi1oXolV/hWuhv6R/Q6utioi4LbbVFHemamlRU0OCEk0wZjwXzwtDoBDopHMHcuFJMplZnLm5ue+589qu61qeOApyYAjEgG0FEyLqN/gKiqBuTtgewWlwCZw056xgwwirgU3wxSv4NJgCUV5YBRXQDEhsBJwCSSauBVZFdJRlIJk9Av7wbj577jDIOENtRmPVwcsw6KfAAvikRKzEDlhnhuU/lRPBWaa9wsxqC6ndPX7OiOA4D8qW3vjO9z7H0w3+KhZstNmOFbLoCQ6DYGmL+bAInmGfLFC4asFXwRJIgB+goVmw+I7HXO+/gevGnGgUPEGxktkSmAMbWmt4HDwBKS6XN1jDKrvEFYoVK7oLroE3h93Woh1eNwqWafJ/gQV65vM+ail34mc6EZwBK2CAx8fAIjjeBYMzDT4cVHCEXtRbRvEu/Nr9HCIOnGGp15vgEec9KYn74B0nAT/CZnv86FcNvwK3wENwAjwAs2Bbs5d4CW5zir0AXvv8p+tKH34B5lkW4h2egRHtbu05uMMHHWfB0zC4NRF5l09kzvE4rd2tyUJyjy4tz7akZqXbL8QETbJ/FsMgWOJtb6brCQ5YsBsC8Uab63DVkkgqFpzie93h8OhScFah2LTHi5ccWroaLd5l6//+hpYQoWP05LKqFs2WQYbTsNxAi+5fxpWmdfh7HS7XhwSzG+H3a2JnvZsyktmLbdOFhpDMvrf4sN1u2/aK0cwMcmYLcturweceW+CnOfFPgAEA8uWFFylBJYoAAAAASUVORK5CYII=') no-repeat 50% 50%;
}
.iziModal-navigate-caption:after{
    right: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAoCAYAAACFFRgXAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjI2YWM2MDIzLTg5ZTQtYTQ0MC1iYzEzLWQ5MDkxNDcyZjNiMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NERDRjBGMDUzNDMxMUU2QTk1Q0NEOTJDMTAzMzlFMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NERDRjBFRjUzNDMxMUU2QTk1Q0NEOTJDMTAzMzlFMyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmY2YzQ3OTc2LWY3MTctOTk0MC1hODJhLWY1N2M2Y2JiZTQ1YyIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBkZWZhMTJkLTUzMzQtMTFlNi1hZGRiLThjY2ZiMjllMDE2NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuijSm0AAAKbSURBVFhH7ZnJj0xRGEerzFoIMTaCZmOIedhaiJj55yz8DaYdNhIJEUMQbCTG3rQ02hDSiEY553XdTpHS3nv96taV9ElO6lVt6peb7933fffVG41GrYW5uBaX4EysYzcw1Fd8hc/wM2a0Bl6Nm3BW9i0dDPsQX/olBF6FO72AH/gG3+N3jL3KBpqGC3ERTsGfeAsHDTyHi71oCXzBe/gaU2A5bscZOIxXTb8OLQNX9i6mElYsg/voqruwfQb2BhODWgqpMYDv0NLsNXC4yd42P1PEwNJj4HBTWdipErLVDfxfMRm408QMvBu3jV6WJ1Zg9/rbeBOP+UNZYgX+iE/Rp+lpPIKliBXYB9IhtPNy3z/T/F6YmDXsChvyBc7Gs3gACxEzsDzBg9iPPXgO92NuYgeWx2h3+AhtaM7jPsyF7aV37XR8gNZYO/pwKY51+xPkG27Fk2joT3gCr2A7NuJ6HMkTeAPadlp3VeMChF7G0P6X3dmfjAXOUxIj6LZkv1ylNuStDZejkL+PS96ScFzRqnDAtI5PoTefvbg7iNNOOwqVRCfYghdxBbpHH8Y7+DcKlUTV7MLLaNghPIrjhf2N2IF34AVcjE44hrXHyE3MwE6/loEzpEcIlqKjeyFiBe7FS+he/gENewMLEyuwXdo8dGWP43UsRazA9g7uDNbwNX8oS8watlsz+ISIGbgSJgN3GgOHlnFq8zNFQraGgT1iFc9iUyU0XsMGHhy9zh6XbvCp4ZuBBWglDBj4OdqLeu0+uRJTwMZ+Dbp/e21P3m97yWe2snsw1LTHmz5C/9lQdwhfGbiq89GwvrrwUT4UAouhN6MzloTRpVuEYI5O9urZYXtrYPGQw2OlZegM163QhrJMfWVgyTq0Qq32C/N7uPz9OknWAAAAAElFTkSuQmCC') no-repeat 50% 50%;
}
    .iziModal-navigate > button{
        position: fixed;
        bottom: 0;
        top: 0;
        border:0;
        height: 100%;
        width: 84px;
        background-size: 100% !important;
        cursor: pointer;
        padding: 0;
        opacity: 0.2;
        transition: opacity 0.3s ease;
        pointer-events: all;
        margin: 0;
        outline: none;
    }
    .iziModal-navigate > button:hover{
        opacity: 1;
    }
    .iziModal-navigate-prev{
        left: 50%;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAC8CAYAAADCScSrAAAACXBIWXMAAAsTAAALEwEAmpwYAAA5sGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDo2NDkyYzcxMy05ZDM0LTZlNGQtYmUwNi1hMDMyY2Q4NDVjNGU8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDo1QjIzMUMxODU3RjcxMUU2ODUzRkRBRjE5RDhDQjZBRDwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDpjZmMwNzVmNC1kODA3LWI0NDMtYWIwYS02YWVhZjRjMDgxZWE8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEZXJpdmVkRnJvbSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgIDxzdFJlZjppbnN0YW5jZUlEPnhtcC5paWQ6NjQ5MmM3MTMtOWQzNC02ZTRkLWJlMDYtYTAzMmNkODQ1YzRlPC9zdFJlZjppbnN0YW5jZUlEPgogICAgICAgICAgICA8c3RSZWY6ZG9jdW1lbnRJRD54bXAuZGlkOjY0OTJjNzEzLTlkMzQtNmU0ZC1iZTA2LWEwMzJjZDg0NWM0ZTwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmNmYzA3NWY0LWQ4MDctYjQ0My1hYjBhLTZhZWFmNGMwODFlYTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQxMTo1ODowNC0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNi0wOC0wMVQwOTo0MDo1Ni0wMzowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTA4LTAxVDExOjU4OjA0LTAzOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxNi0wOC0wMVQxMTo1ODowNC0wMzowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjE4ODwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xODg8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PvAvv7QAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAmdJREFUeNrs1LsJQkEQhtH/mtmBgQ8QA7tQK1e7MBBBMbADwzUZEyuQveeDCXbD4TBDay3SWJpYgYCXgJeAl4CXgJeAl4CXgJeAl4CXgJeAF/AS8BLwEvAS8BLwEvAS8BLwEvAS8BLwAl4CXgJeAl4CXv/WJskpyQJ4jQH7Mcmu0C+BV+/Y5/VeF/oV8Ood+7dpDfDqHvsrySHJBXjBDrxgB16wAy/YgRfswAt24AU78IIdeMEOPOywAw+7gIcdeMEOvGAHXrADL9iBF+zAC3bgBTvwsMMOPOwCHnYBD7uAhx14wQ68YAdesAMv2IEX7MDDDjvwsAt42AU87AIedgEPu4CHXcDDDrxgB16wAw877MDDDjvwsAt42AU87AIedgEPu4CHXcDDLuBhB16wAw877MDDLuBhF/CwC3jYBTzsAh52AQ+7gIddwEtjB3+tS/78+Z/V5d9iATz0Ah56AQ+9gIdewEMv4KEX8NALeOgFPPQCHnoBDz3wgh54QQ889NADDz30wEMv4KEX8NALeOgFPPQCHnoBD72Ahx54QQ+8oAde0AMv6IEX9MBDDz3w0EMPPPQCHnoBD72Ah17AQw+8FUAPvKAHXtADL+iBF/TAC3rgBT3wgh546KEHHnrogYdewEMv4KEHXtADL+iBF/TAC3rgBT3wgh54QQ+8oAde0AMv6IGHHnrgoU/yrgFe3aO/JdknuQOv3tGfC/tjjEsYWmsoyIWXgJeAl4CXgJeAl4CXgJeAl4CXgJeAF/AS8BLwEvAS8BLwEvAS8BLwEvAS8BLwAl4CXgJeAl4CXvqnPgAAAP//AwCEcoCBRabYzAAAAABJRU5ErkJggg==') no-repeat 50% 50%;
    }
    .iziModal-navigate-next{
        right: 50%;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALwAAAC8CAYAAADCScSrAAAACXBIWXMAAB3SAAAd0gEUasEwAAA7pGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNi0wOC0wMVQwOTo0MDoxNC0wMzowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE2LTA4LTAxVDExOjU4OjEyLTAzOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxNi0wOC0wMVQxMTo1ODoxMi0wMzowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDphZjljN2Q2MC00MTg2LWE3NGQtYTBiMS1mMGU5ODUwYzg2ZGY8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPnhtcC5kaWQ6NjQ5MmM3MTMtOWQzNC02ZTRkLWJlMDYtYTAzMmNkODQ1YzRlPC94bXBNTTpEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06T3JpZ2luYWxEb2N1bWVudElEPnhtcC5kaWQ6NjQ5MmM3MTMtOWQzNC02ZTRkLWJlMDYtYTAzMmNkODQ1YzRlPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjY0OTJjNzEzLTlkMzQtNmU0ZC1iZTA2LWEwMzJjZDg0NWM0ZTwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQwOTo0MDoxNC0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOjAxNjJjMmE3LWZmMjYtYzE0ZC05Yjg4LTc2MGM2NzAxYjYzNzwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQxMTo1MTowNy0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5zYXZlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6aW5zdGFuY2VJRD54bXAuaWlkOmFmOWM3ZDYwLTQxODYtYTc0ZC1hMGIxLWYwZTk4NTBjODZkZjwvc3RFdnQ6aW5zdGFuY2VJRD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wOC0wMVQxMTo1ODoxMi0wMzowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OnNvZnR3YXJlQWdlbnQ+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+MTkzOTAzNi8xMDAwMDwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6WVJlc29sdXRpb24+MTkzOTAzNi8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MTg4PC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE4ODwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+nbt1mgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACQklEQVR42uzSsQ3CQAAEQTdiOyGg/wrciJ0QUMYSECEKAP3PSdvAaZZqkWbJCQJeAl4CXgJeAl4CXgJeAl4CXgJeAl4CXsBLwEvAS8BLwEvAS8BLwEvAS8BLwEvAC3gJeAl4CXgJ+D9vrY7qBgLwo7dVZ+89oAd+5Pbq6nPQAz9s9+rZ96AHHnoBD72Ah17AQy/goRfw0At46AU89AIeegEPvYCHHnhBD7ygBx566IGHHnrgoRfw0At46AU89AIeegEPvYCHXsBDL+ChB17QAy/ogRf0wAt64KGHHnjooQceegEPvYCHXsBDL+ChF/DQAy/ogRf0wAt64AU98IIeeEEPvKAHXtADDz30wEPvI+ChF/DQAy/ogRf0wAt64AU98IIeeEEPvKAHXtADL+iBF/TAC3rgoZ8ePRDAAy/YgRfswAt24AU78IIdeMEOvGAHXrADL9iBhx124GEX8LADL9iBF+zAC3bgBTvwgh14wQ68YAcedtiBh13Awy7gYRfwsAMv2IEX7MALduAFO/CCHXjYYQcedgEPu4CHXcDDLuBhF/CwA+8E2IEX7MALduAFO/Cwww487AIedgEPu4CHXcDDLuBhF/CwC3jYgRfswMMOO/CwC3jYBTzsAh52AQ+7gIddwMMu4GEX8LBravB7dcEO/Ext1Qk78DO1VgfswEvAS8BLwEvAS8BLwEvAS8BLwEvAS8ALeAl4CXgJeAl4CXgJeAl4CXgJeAl4CXgBLwEvAS8BLwEvAS/9shcAAAD//wMAtAygvJrkwJUAAAAASUVORK5CYII=') no-repeat 50% 50%;
    }

.iziModal.isAttachedTop .iziModal-header{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.iziModal.isAttachedTop{
    margin-top: 0 !important;
    margin-bottom: auto !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.iziModal.isAttachedBottom{
    margin-top: auto !important;
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.iziModal.isFullscreen{
    max-width: 100% !important;
    margin: 0 !important;
    height: 100% !important;
    border-radius: 0 !important;
}
.iziModal.isAttached{
    border-radius: 0 !important;
}
.iziModal.hasScroll .iziModal-wrap{
    overflow-y: auto;
    overflow-x: hidden;
}

html.iziModal-isOverflow{
    overflow: hidden;
}
html.iziModal-isOverflow body, html.iziModal-isAttached body{
    overflow-y: scroll;
    position: relative;
}
html.iziModal-isAttached{
    overflow: hidden;
}

/* SCROLL */

.iziModal ::-webkit-scrollbar {
    overflow: visible;
    height: 7px;
    width: 7px;
}
.iziModal ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0px;
    min-height: 28px;
    padding: 100px 0 0;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}
.iziModal ::-webkit-scrollbar-thumb:active {
    background-color: rgba(0,0,0,.4);
}
.iziModal ::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}
.iziModal ::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 2px;
}

/* MODAL ANIMATIONS */

.iziModal.transitionIn .iziModal-header{
    -webkit-animation: iziM-slideDown 0.7s cubic-bezier(0.7,0,0.3,1);
    -moz-animation: iziM-slideDown 0.7s cubic-bezier(0.7,0,0.3,1);
    animation: iziM-slideDown 0.7s cubic-bezier(0.7,0,0.3,1);
}
    .iziModal.transitionIn .iziModal-header .iziModal-header-icon {
        -webkit-animation: iziM-revealIn 1s cubic-bezier(.16,.81,.32,1) both;
        -moz-animation: iziM-revealIn 1s cubic-bezier(.16,.81,.32,1) both;
        animation: iziM-revealIn 1s cubic-bezier(.16,.81,.32,1) both;
    }
    .iziModal.transitionIn .iziModal-header .iziModal-header-title, .iziModal.transitionIn .iziModal-header .iziModal-header-subtitle {
        -webkit-animation: iziM-slideIn 1s cubic-bezier(.16,.81,.32,1) both;
        -moz-animation: iziM-slideIn 1s cubic-bezier(.16,.81,.32,1) both;
        animation: iziM-slideIn 1s cubic-bezier(.16,.81,.32,1) both;
    }

    .iziModal.transitionIn .iziModal-header .iziModal-button{
        -webkit-animation: iziM-revealIn 1.2s cubic-bezier(0.7,0,0.3,1);
        -moz-animation: iziM-revealIn 1.2s cubic-bezier(0.7,0,0.3,1);
        animation: iziM-revealIn 1.2s cubic-bezier(0.7,0,0.3,1);
    }

.iziModal.transitionIn .iziModal-iframe, .iziModal.transitionIn .iziModal-wrap{
    -webkit-animation: iziM-fadeIn 1.3s;
    -moz-animation: iziM-fadeIn 1.3s;
    animation: iziM-fadeIn 1.3s;
}
.iziModal.transitionIn .iziModal-header {
    -webkit-animation-delay: 0.0s;
    -moz-animation: 0.0s;
    animation-delay: 0.0s;
}
.iziModal.transitionIn .iziModal-header .iziModal-header-icon,
.iziModal.transitionIn .iziModal-header .iziModal-header-title {
    -webkit-animation-delay: 0.4s;
    -moz-animation: 0.4s;
    animation-delay: 0.4s;
}
.iziModal.transitionIn .iziModal-header .iziModal-header-subtitle {
    -webkit-animation-delay: 0.5s;
    -moz-animation: 0.5s;
    animation-delay: 0.5s;
}

    .iziModal.transitionOut .iziModal-header, .iziModal.transitionOut .iziModal-header *{
        transition: none !important;
    }

/* ANIMATIONS */

.iziModal.fadeOut, .iziModal-overlay.fadeOut, .iziModal-navigate.fadeOut, .iziModal .fadeOut{
    -webkit-animation: iziM-fadeOut 0.5s;
    -moz-animation: iziM-fadeOut 0.5s;
    animation: iziM-fadeOut 0.5s;
    animation-fill-mode: forwards;
}
.iziModal.fadeIn, .iziModal-overlay.fadeIn, .iziModal-navigate.fadeIn, .iziModal .fadeIn {
    -webkit-animation: iziM-fadeIn 0.5s;
    -moz-animation: iziM-fadeIn 0.5s;
    animation: iziM-fadeIn 0.5s;
}
.iziModal.comingIn, .iziModal-overlay.comingIn {
    -webkit-animation: iziM-comingIn 0.5s ease;
    -moz-animation: iziM-comingIn 0.5s ease;
    animation: iziM-comingIn 0.5s ease;
}
.iziModal.comingOut, .iziModal-overlay.comingOut {
    -webkit-animation: iziM-comingOut 0.5s cubic-bezier(.16,.81,.32,1);
    -moz-animation: iziM-comingOut 0.5s cubic-bezier(.16,.81,.32,1);
    animation: iziM-comingOut 0.5s cubic-bezier(.16,.81,.32,1);
    animation-fill-mode: forwards;
}
.iziModal.bounceInDown, .iziModal-overlay.bounceInDown {
    -webkit-animation: iziM-bounceInDown 0.7s ease;
    animation: iziM-bounceInDown 0.7s ease;
}
.iziModal.bounceOutDown, .iziModal-overlay.bounceOutDown {
    -webkit-animation: iziM-bounceOutDown 0.7s ease;
    animation: iziM-bounceOutDown 0.7s ease;
}
.iziModal.bounceInUp, .iziModal-overlay.bounceInUp {
    -webkit-animation: iziM-bounceInUp 0.7s ease;
    animation: iziM-bounceInUp 0.7s ease;
}
.iziModal.bounceOutUp, .iziModal-overlay.bounceOutUp {
    -webkit-animation: iziM-bounceOutUp 0.7s ease;
    animation: iziM-bounceOutUp 0.7s ease;
}
.iziModal.bounceInLeft, .iziModal-overlay.bounceInLeft {
    -webkit-animation: iziM-bounceInLeft 0.7s ease;
    animation: iziM-bounceInLeft 0.7s ease;
}
.iziModal.bounceOutLeft, .iziModal-overlay.bounceOutLeft {
    -webkit-animation: iziM-bounceOutLeft 0.7s ease;
    animation: iziM-bounceOutLeft 0.7s ease;
}
.iziModal.bounceInRight, .iziModal-overlay.bounceInRight {
    -webkit-animation: iziM-bounceInRight 0.7s ease;
    animation: iziM-bounceInRight 0.7s ease;
}
.iziModal.bounceOutRight, .iziModal-overlay.bounceOutRight {
    -webkit-animation: iziM-bounceOutRight 0.7s ease;
    animation: iziM-bounceOutRight 0.7s ease;
}
.iziModal.fadeInDown, .iziModal-overlay.fadeInDown {
    -webkit-animation: iziM-fadeInDown 0.7s cubic-bezier(.16,.81,.32,1);
    animation: iziM-fadeInDown 0.7s cubic-bezier(.16,.81,.32,1);
}
.iziModal.fadeOutDown, .iziModal-overlay.fadeOutDown {
    -webkit-animation: iziM-fadeOutDown 0.5s ease;
    animation: iziM-fadeOutDown 0.5s ease;
}
.iziModal.fadeInUp, .iziModal-overlay.fadeInUp {
    -webkit-animation: iziM-fadeInUp 0.7s cubic-bezier(.16,.81,.32,1);
    animation: iziM-fadeInUp 0.7s cubic-bezier(.16,.81,.32,1);
}
.iziModal.fadeOutUp, .iziModal-overlay.fadeOutUp {
    -webkit-animation: iziM-fadeOutUp 0.5s ease;
    animation: iziM-fadeOutUp 0.5s ease;
}
.iziModal.fadeInLeft, .iziModal-overlay.fadeInLeft {
    -webkit-animation: iziM-fadeInLeft 0.7s cubic-bezier(.16,.81,.32,1);
    animation: iziM-fadeInLeft 0.7s cubic-bezier(.16,.81,.32,1);
}
.iziModal.fadeOutLeft, .iziModal-overlay.fadeOutLeft {
    -webkit-animation: iziM-fadeOutLeft 0.5s ease;
    animation: iziM-fadeOutLeft 0.5s ease;
}
.iziModal.fadeInRight, .iziModal-overlay.fadeInRight {
    -webkit-animation: iziM-fadeInRight 0.7s cubic-bezier(.16,.81,.32,1);
    animation: iziM-fadeInRight 0.7s cubic-bezier(.16,.81,.32,1);
}
.iziModal.fadeOutRight, .iziModal-overlay.fadeOutRight {
    -webkit-animation: iziM-fadeOutRight 0.5s ease;
    animation: iziM-fadeOutRight 0.5s ease;
}
.iziModal.flipInX, .iziModal-overlay.flipInX {
    -webkit-animation: iziM-flipInX 0.7s ease;
    animation: iziM-flipInX 0.7s ease;
}
.iziModal.flipOutX, .iziModal-overlay.flipOutX {
    -webkit-animation: iziM-flipOutX 0.7s ease;
    animation: iziM-flipOutX 0.7s ease;
}

@-webkit-keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(0.9) translateY(-20px) perspective( 600px ) rotateX( 10deg );
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); 
    }
}
@-moz-keyframes iziM-comingIn {
    0% {
        opacity: 0;
        transform: scale(0.9) translateY(-20px) perspective( 600px ) rotateX( 10deg );
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); 
    }
}
@keyframes iziM-comingIn {
    0% {
        opacity: 0;
        /*transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );*/
        transform: scale(0.9) translateY(-20px) perspective( 600px ) rotateX( 10deg );
    }
    100% {
        opacity: 1;
        /*transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); */
        transform: scale(1) translateY(0) perspective( 600px ) rotateX( 0 ); 
    }
}

@-webkit-keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1); 
    }
    100% {
        opacity: 0;
        transform: scale(0.9); 
    }
}
@-moz-keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1); 
    }
    100% {
        opacity: 0;
        transform: scale(0.9); 
    }
}
@keyframes iziM-comingOut {
    0% {
        opacity: 1;
        transform: scale(1); 
    }
    100% {
        opacity: 0;
        transform: scale(0.9); 
    }
}
@-webkit-keyframes iziM-fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@-moz-keyframes iziM-fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes iziM-fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@-webkit-keyframes iziM-fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes iziM-fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes iziM-fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes iziM-slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes iziM-slideIn {
    0% {
        opacity: 0;
        -moz-transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}
@keyframes iziM-slideIn {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes iziM-slideDown {
    0% { opacity: 0; -webkit-transform: scale(1,0) translateY(-40px); -webkit-transform-origin: center top; }
}
@-moz-keyframes iziM-slideDown {
    0% { opacity: 0; -moz-transform: scale(1,0) translateY(-40px); -moz-transform-origin: center top; }
}
@keyframes iziM-slideDown {
    0% { opacity: 0; transform: scale(1,0) translateY(-40px); transform-origin: center top; }
}

@-webkit-keyframes iziM-revealIn {
    0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,1); }
}
@-moz-keyframes iziM-revealIn {
    0% { opacity: 0; -moz-transform: scale3d(0.3,0.3,1); }
}
@keyframes iziM-revealIn {
    0% { opacity: 0; transform: scale3d(0.3,0.3,1); }
}

@-webkit-keyframes iziM-bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}
@keyframes iziM-bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}

@-webkit-keyframes iziM-bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes iziM-bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes iziM-bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}
@keyframes iziM-bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -1000px, 0);
        transform: translate3d(0, -1000px, 0);
    }
}

@-webkit-keyframes iziM-bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1000px, 0, 0);
        transform: translate3d(-1000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-1000px, 0, 0);
        transform: translate3d(-1000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-bounceOutLeft {
    20% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}
@keyframes iziM-bounceOutLeft {
    20% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-1000px, 0, 0);
        transform: translate3d(-1000px, 0, 0);
    }
}

@-webkit-keyframes iziM-bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(1000px, 0, 0);
        transform: translate3d(1000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes iziM-bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(1000px, 0, 0);
        transform: translate3d(1000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes iziM-bounceOutRight {
    20% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(1000px, 0, 0);
        transform: translate3d(1000px, 0, 0);
    }
}
@keyframes iziM-bounceOutRight {
    20% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(1000px, 0, 0);
        transform: translate3d(1000px, 0, 0);
    }
}

@-webkit-keyframes iziM-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}
@keyframes iziM-fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}

@-webkit-keyframes iziM-fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}
@keyframes iziM-fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}

@-webkit-keyframes iziM-fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
}
@keyframes iziM-fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-200px, 0, 0);
        transform: translate3d(-200px, 0, 0);
    }
}

@-webkit-keyframes iziM-fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes iziM-fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes iziM-fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
}
@keyframes iziM-fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(200px, 0, 0);
        transform: translate3d(200px, 0, 0);
    }
}

@-webkit-keyframes iziM-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(60deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes iziM-flipInX {
    0% {
        transform: perspective(400px) rotateX(60deg); 
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes iziM-flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        opacity: 0;
    }
}
@keyframes iziM-flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 40deg);
        opacity: 0;
    }
}




.ms2side__div {
	clear: left;
	width: 100%;
    min-width:400px;
	padding: 1px;
	float: left;
	background : url('') repeat-x; /* HACK FOR CHROME */
}
.ms2side__header { 
	float: left;
    width: 56%;
    margin-top: 10px;
}
.ms2side__header2 {    
	float: right;
    width: 44%;    
    margin-top: 10px;
}

.ms2side__select {
	float: left;
    width: 42%;
}

.ms2side__options, .ms2side__updown {
	float: left;
	font-size: 10pt;
	margin: 0;
	padding: 0 8px;
	width: 10%;
	color: black;
	text-align: center;
	overflow: hidden;
}

.ms2side__updown {
	font-size: 9pt;
}

.ms2side__options p, .ms2side__updown p {
	margin: 2px 0;
	padding: 0;
	cursor: pointer;
	border: 1px solid black;
}

.ms2side__options p.ms2side_hover, .ms2side__updown p.ms2side_hover {
	background-color: #F0F0FF;
	border-color: #0000FF;
	cursor: pointer;
}

.ms2side__options p.ms2side__hide, .ms2side__updown p.ms2side__hide {
	cursor: default;
	color: gray;
	border: 1px solid gray;
	background-color: #F0F0F0;
}

.ms2side__div select {
	width: 100%;
	float: left;
}


ol {
    margin: 0;
    padding: 0;
    padding-left: 30px;
}

ol.sortable, ol.sortable ol {
    margin: 0 0 0 25px;
    padding: 0;
    list-style-type: none;
}

.sortable li {
    margin: 5px 0 0 0;
    padding: 0;
}

.sortable li div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 6px;
    margin: 0;
    cursor: move;
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

.sortable li.mjs-nestedSortable-branch div {
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f0ece9 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f0ece9 100%);
}

.sortable li.mjs-nestedSortable-leaf div {
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #bcccbc 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #bcccbc 100%);
}

li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
    border-color: #999;
    background: #fafafa;
}

.disclose {
    cursor: pointer;
    width: 10px;
    display: none;
}

.sortable li.mjs-nestedSortable-collapsed > ol { display: none; }

.sortable li.mjs-nestedSortable-branch > div > .disclose { display: inline-block; }

.sortable li.mjs-nestedSortable-collapsed > div > .disclose > span:before { content: '+ '; }

.sortable li.mjs-nestedSortable-expanded > div > .disclose > span:before { content: '- '; }


.collapsible {
    padding: 6px;
    cursor: pointer;
}

.collapsible-container {
    border: 1px solid var(--default-border-color);
}



.ui-autocomplete-loading {
    background: white url('/assets/legacy/images/inprogress_16x16.gif') right center no-repeat;
}

.ui-autocomplete-error {
    color: #ff0000;
    font-weight: bold;
}

.ui-autocomplete-highlighting {
    color: #1e90ff;
    font-weight: bold;
}


/**
 * selectize.default.css (v0.12.6) - Default Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}
.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #fff;
  border: 1px solid #0073bb;
}
.selectize-control.multi .selectize-input > div.active {
  background: #92c836;
  color: #fff;
  border: 1px solid #00578d;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 1px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown .option,
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}
.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
  box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
}
.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}
.selectize-control.single .selectize-input {
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
  box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
}
.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}
.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}


body {
    overflow: auto;
}

img {
    border: none;
}

h1 {
    font-weight: bold;
    font-size: var(--large-font-size);
}

h2 {
    font-weight: bold;
    font-size: var(--h2-font-size);
}

h3 {
    font-weight: bold;
    font-size: var(--h3-font-size);
}

i, em {
    font-style: oblique; /* for some reason, italic looks very bold */
}

input, textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Verdana, Arial, sans-serif;
}

input[type=text], input[type=number], textarea, select, div.pickerBox {
    border: 1px solid var(--default-border-color);
    padding-top: var(--default-input-vertical-padding);
    padding-bottom: var(--default-input-vertical-padding);
}

:is(input, textarea, keygen, select):focus, .pickerBox:focus {
    outline: 1px solid var(--focused-input-color);
}

:where(input[type=number]) {
    appearance: textfield; /* Hide the increment/decrement arrows for numeric input. */
}

.calentim-container .calentim-input .calentim-header,
.calentim-container-mobile .calentim-input .calentim-header {
    /* prevent layout change when selecting the first date in a range */
    min-height: 2.5em;
    /* use a bit less padding */
    padding: 15px 10px 5px 15px;
}

.nowrap {
    white-space: nowrap;
}

.error {
    color: red;
}

.disabledText {
    color: #808080;
}

a.disabledText, a.disabledText:hover {
    color: #808080 !important;
    text-decoration: none !important;
}

/* MessagePanel */

.keep-whitespace {
    white-space: pre-wrap;
}

.hia-message-panel-box, .colored-box {
    border: 1px solid;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: var(--large-border-radius);
    position: relative;
}

.hia-message-panel {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.hia-message-panel:not(:has(.hia-message-panel-box:not(.hidden))) { /* empty message panel */
    display: none;
}

.hia-message-panel-box a {
    text-decoration: underline;
}

.hia-message-panel-box:is(.debug, .info), .debug-box, .info-box {
    color: #00529B;
    background-color: #BDE5F8;
}

.hia-message-panel-box.success, .success-box {
    color: var(--success-text-color);
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.hia-message-panel-box.warning, .warning-box {
    color: #856404;
    background-color: #fff3cd;
    border-color: var(--warning-color);
}

.hia-message-panel-box.confirmation {
    color: #856404;
    background-color: #fff3cd;
    border-color: var(--warning-color);
}

.hia-message-panel-box.error, .error-box {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.view-changed-info-box {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    color: #9F6000;
    background-color: #FEEFB3;
}

.treeIcon input[type=submit] {
    margin: 0px;
    padding: 0px 2px;
    border-width: 1px;
    border-style: solid;
    font-size: 10px;
    font-weight: bolder;
    min-width: 0px;
    border-radius: 3px;
}

/* Pickers */

.picker-table {
    display: flex;
    align-items: center;
    min-width: 100px;
    min-height: 1.7em;
    gap: var(--small-gap);
}

.picker-table:not(.selectize-dropdown) {
    position: relative; /* selectize-dropdown is already position:absolute */
}

div.picker-table > div.picker, .selectize-input, .selectize-input-lookalike {
    width: 100%;
}

div.picker-table.selectize-control.single {
    height: 1em;
}

.selectize-input {
    padding-top: var(--default-input-vertical-padding);
    padding-bottom: var(--default-input-vertical-padding);
    border-radius: var(--small-border-radius) !important;
    padding-left: var(--small-border-radius-padding) !important;
    padding-right: var(--small-border-radius-padding) !important;
}

.selectize-input [data-value] {
    border-radius: var(--small-border-radius) !important; /* selectize.css has very specific rules */
}

.selectize-input input {
    border-radius: 0 !important;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 3px 4px 1px;
}

.selectize-control.multi .selectize-input > div {
    color: black;
    padding: 0 4px;
    font-weight: normal;
    border-color: #678;
}

.selectize-control.multi .selectize-input [data-value] {
    text-shadow: none;
    background: #eee;
}

.selectize-control.multi .selectize-input [data-value].active {
    background: #ddd;
}

.selectize-control .selectize-input .unresolved[data-value] {
    background: #f00;
}

.selectize-control.multi .selectize-input .unresolved[data-value].active {
    background: #fbb;
}

.selectize-control.single .selectize-input::after {
    border-style: none;
}

.selectize-control .selectize-input.disabled {
    opacity: 0.8;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
    color: #444;
}

.picker.multi, div.picker-table {
    width: auto;
}

div.picker {
    vertical-align: middle;
    padding-right: 2px;
    overflow: hidden;
    float: left;
}

.picker .pickerBox {
    background-color: white;
    color: black;
    padding: 2px;
    font-family: Verdana, sans-serif;
    font-size: 8pt;
    width: calc(100% - 5px);
}

.button-cell input {
    margin-left: 0;
    height: var(--icon-size);
    width: var(--icon-size);
}

.button-cell.disabled input {
    visibility: hidden;
}

.button-cell {
    display: flex;
    align-items: center;
    gap: var(--small-gap);
}

.picker.single .pickerBox {
    min-height: 1.1em;
    height: auto;
    max-height: 3.75em;
    padding-bottom: 2px;
}

.picker.multi .pickerBox {
    height: 3.75em;
    padding-bottom: 2px;
    overflow: auto;
}

.picker.multi {
    margin-top: 2px;
}

.picker .pickerBox.disabled {
    color: #808080;
}

.picker .picker-cell {
    width: 100%;
}

.picker .resolved {
    text-decoration: underline;
    display: inline-block;
}

.picker .unresolved {
    background-image: url("/assets/legacy/images/squiggle.gif");
    background-repeat: repeat-x;
    background-position: left bottom;
    font-style: italic;
}

span.picker,
span.resolved,
span.unresolved {
    max-width: 100%;
}

/*Datetime picker*/

input.datePicker {
    min-width: 70px;
}

input.datetimePicker {
    min-width: 110px;
}

/*Placeholder*/

.placeholder {
    color: #aaa;
}

.hidden, [hidden] {
    display: none !important; /* !important is justified here, because styling like display:flex might override visibility logic otherwise */
}

.hidden-permanently { /* Don't remove this class from html elements */
    display: none;
}

/*Virtual folder field filter*/

.virtualFolderFilter .fieldContainer {
    margin-top: 5px;
}

    .virtualFolderFilter .fieldContainer:last-child {
        margin-bottom: 10px;
    }

    .virtualFolderFilter .fieldContainer span {
        float: left;
        width: 100px;
    }

    .virtualFolderFilter .fieldContainer input {
        background-color: #F7F7F7 !important;
        color: #666;
        border: 1px solid #bbb;
    }

.close-message-panel {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    margin: var(--small-border-radius-padding);
    background-image: url('/assets/legacy/images/closePanel.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: var(--icon-size);
    height: var(--icon-size);
}

.checkbox-wrapper,
.document-file-control-main-panel {
    display: flex;
    align-items: center;
}

.checkbox-wrapper input,
.document-file-control-main-panel > * {
    margin: 2px;
}

.input-with-text {
    display: flex;
    gap: var(--small-gap);
    align-items: center;
}

span.loading {
    background: white url('/assets/legacy/images/inprogress_16x16.gif') right center no-repeat;
    min-width: 16px;
    min-height: 16px;
    display: inline-block;
    margin-right: 3px;
}

.hia-site-logo-div {
    line-height: 16px;
}

.menu-item-text {
    word-wrap: normal;
    hyphens: auto;
}

.menu-item-empty {
    display: none;
}

.uppercase-text-box {
    text-transform: uppercase;
}

.dropdown .dropdown-content {
    margin: 0;
    padding: 0;
}

.dropdown .dropdown-content div {
    padding: 0;
    margin: 0;
    border: none;
}

.paddedWizardStep {
    padding: 5px;
}

.inputWithLabel label {
    padding-right: 3px;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.align-center{
    align-items: center;
}

.align-descendant-top * {
    vertical-align: top !important;
}

.horizontal-align-center {
    text-align: center;
}

.toggler-icon-on-nav-bar {
    margin: 0 var(--small-gap);
    display: flex;
    align-items: center;
}

[data-target-is-collapsed=true] .rotating-icon, [data-target-is-collapsed=true].rotating-icon {
    transform: rotate(-90deg);
}

.toggler-icon-on-web-part {
    margin: auto 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    user-select: none;
}

.align-middle {
    vertical-align: middle;
}

.hia-description {
    clear: both;
}

.mfl-additional-filter-span {
    margin: 0 10px;
    border: solid 1px orange;
    display: inline-flex;
    overflow: hidden;
    align-items: center;
}

.mfl-additional-filter-label {
    margin: 0 10px;
}

input.mfl-remove-additional-filter-button {
    padding: 15px;
    margin: -5px -5px -5px 0;
    border: none;
    align-self: stretch;
}

.view-selector-row {
    display: flex;
    align-items: center;
    gap: var(--small-gap);
    margin-bottom: var(--small-gap); /* so the buttons' hover edge is not covered by the list below */
}

.custom-select.mfl-filter-multi-choice {
    height: unset;
    padding-top: var(--default-input-vertical-padding);
    padding-bottom: var(--default-input-vertical-padding);
    border: 1px solid var(--default-border-color);
}

span[disabled] a {
    pointer-events: none;
    filter: grayscale(1) opacity(0.5);
}

.warning-popover {
    position: absolute;
    border: 1px solid black;
    padding: 10px;
    background: #fff3cd;
    opacity: 80%;
    border-radius: 0 10px 10px 10px;
}

.float-right {
    float: right;
}

.view-checkbox {
    padding: 5px;
}

.validate-on-input:invalid {
    border: 2px dashed red;
}

.ref-category {
    border: 1px dotted black;
    padding: 5px;
    margin: 5px;
}

.ref-category-header {
    font-weight: bold;
}

.group-found-ref {
    margin-left: 20px;
}

.toolbar-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: var(--small-gap);
    align-items: center;
}

:is(.workflow-toolbars, .display-form-toolbars) .toolbar-wrap {
    border-radius: var(--small-border-radius);
    padding: var(--small-border-radius-padding);
}

.new-task-icon {
    white-space: nowrap; /* Don't split icon from text */
    color: green;
}

.new-task-icon .material-icons-outlined{
    display: inline-block;
}

.new-task-icon > span {
    font-size: unset; /* google material icons are 24px by default, that's too large */
    vertical-align: middle; /* align icon with text */
}

.hidden-download-as-zip-button {
    display: none;
}

pre.copy-on-dblclick {
    margin-block: unset; /* undo user agent ugly default  */
}

.api-links-block {
    position: relative;
    margin: 10px;
}

.api-links-block + .api-links-block {
    margin-top: 50px;
}

.clipboard-btn {
    position: absolute;
    top: 0;
    right: 0;
}

/* the button row under a location tree: inside the tree on a record's page, below it on a folder's */
.tree-buttons-panel {
    display: flex;
    justify-content: left; /* moved from right to left, to fit download menu dropdown */
    /* not the default stretch, which grows every button to the tallest item in the row */
    align-items: center;
}

/* undoing what .document-tree div gives every div in the tree */
.document-tree .tree-buttons-panel {
    margin: 0;
    border-bottom: none;
    overflow: visible; /* the download menu's dropdown hangs below the row */
}

/* the hint is a <p>, and nothing here resets its margins - they would double the box's height */
.tree-buttons-panel .hia-custom-file-input > p {
    margin: 0;
}

/* the row is right aligned, so the box would otherwise sit against the edge of the panel */
.tree-buttons-panel .hia-custom-file-input {
    margin-right: var(--medium-gap);
}

.zip-download-menu-container {
    padding-right: 40px; /* Bit of a hack: ToolbarMenu can contain items that are wider than itself, which could then overflow parent container if not enough spacing. */
}

button:enabled:hover,
input[type="button"]:enabled:hover,
input[type="submit"]:enabled:hover
{
    /* It has been discussed that we should generally have links and buttons have the same cursor, because we've been
    using buttons and links quite interchangeably and clients are used to seeing the fingers everywhere. */
    cursor: pointer;
}

.is-required-text {
    color: var(--validation-error-color);
}

.send-document-sharing-table .sharing-row:has(.sharing-with-everyone input:checked) .send-document-sharing-id-cell input,
.send-document-sharing-table .sharing-row:not(:has(.sharing-with-everyone input:checked)) .send-document-sharing-id-cell .send-document-sharing-everyone-label {
    display: none;
}

.culture-picker, .culture-picker a, .culture-picker a:link {
    color: var(--top-row-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}

.hia-collapsible-panel-title {
    display: flex;
    align-items: center;
    gap: 5px;
    user-select: none;
}

.toggler-collapsible-content, [data-collapsible] {
    padding: var(--large-panel-padding);
    box-sizing: border-box; /* otherwise animations calculate incorrect height, accidentally adding padding */
}

.collapsible-content-with-top-border {
    border-top: 1px solid var(--default-border-color);
}

[data-collapse-animation-clip] {
    min-height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

[data-this-is-collapsed=true] {
    height: 0;
    border: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

.hia-large-panel {
    padding: var(--large-panel-padding);
    border-radius: var(--large-border-radius);
    background-color: white;
}

.hia-main-content > .hia-large-panel {
    border: 1px solid var(--default-border-color); /* This can't be a property of .hia-large-panel, because it's also used inside e.g. collapsible panels which have their own border currently. Only the "outer" elements should have these borders. */
}

.link-with-rectangle-icon {
    display: flex;
    align-items: center;
    gap: var(--small-gap);
}

:where(table:is(.hia-table, .table-with-inputs) :is(td, th) > input:is([type=text], [type=number], [type=email]):not([size])) {
    /* Input elements have an insane default size of 20, which causes tables to be extra large, because they are
    effectively trying to respect a ~200px min width. The goal of this is to actually make the table itself not expand
    beyond necessity, not to actually change the input widths. The table will then pretty much ignore the size attribute. */
    width: 100%;
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
    border-color: var(--default-border-color);
}

.only-if-debug {
    display: none;
}

.show-debug .only-if-debug {
    display: revert;
}


/*
 * Optional visual effects for collapse-animation.js.
 *
 * This stylesheet contains transitions only. Permanent open/closed layout and
 * component appearance belong elsewhere, so deleting this file merely removes
 * animation. Selectors use only the generic animation/collapse data contract.
 */

[data-collapse-animation-active] {
    overflow: clip !important;
}

[data-collapse-animation-container]:has([data-collapse-animation-active]) {
    overflow: clip;
}

[data-collapse-animation-enabled][data-collapse-animation-header] {
    transition-property: border-radius;
    transition-duration: var(--default-animation-duration);
    transition-timing-function: var(--default-animation-easing);
}

[data-collapse-animation-enabled][data-target-is-collapsed].rotating-icon,
[data-collapse-animation-enabled][data-target-is-collapsed] .rotating-icon {
    transition-property: transform;
    transition-duration: var(--default-animation-duration);
    transition-timing-function: var(--default-animation-easing);
}





@charset "UTF-8";

#onetIDListForm {
    width: 100%;
}

.menu ul {
    margin-bottom: 10px !important;
}
/*usual display-form (copied from forms.css - for some kind of reason this css is not used)*/

.ms-formbody {
    vertical-align: middle;
    border-bottom: 1px solid var(--default-border-color);
    font-family: var(--default-font), sans-serif;
    padding: 6px;
}

.ms-formlabel {
    TEXT-ALIGN: left;
    border-top: 1px solid var(--default-border-color);
    padding: 6px;
}

.ms-formlabel .ms-standardheader {
    text-align: right !important;
    font-family: var(--default-font), sans-serif;
}

/* sharepoint 2010 has this removed from their core.css*/

.ms-formbody div {
    text-align: left;
    font-size: var(--f14);
    font-weight: 400;
}

#onetIDListForm td {
    vertical-align: top;
}

#onetIDListForm table td {
    vertical-align: unset;
}

.column-header th {
    color: #000;
    font-family: var(--default-font), sans-serif;
    font-size: var(--f14);
}

.filtered-list-web-part thead tr td > select,
.flwp-range-wrap {
    width: 100%;
    min-width: 55px;
}

.filtered-list-web-part thead tr td > input {
    min-width: 55px;
}

.flwp-text-range {
    display: flex;
    gap: var(--small-gap);
}

.flwp-text-range input,
.flwp-text-range select {
    flex: auto 1 0;
}

.flwp-text-range input[type]:first-child,
.combined-date-range input[type] {
    border-radius: var(--small-border-radius) 0 0 var(--small-border-radius);
}

.flwp-text-range input[type]:last-child,
.combined-date-range button {
    border-radius: 0 var(--small-border-radius) var(--small-border-radius) 0;
}

.flwp-button-container {
    gap: var(--small-gap);
    display: flex;
    justify-content: right;
}

.filtered-list-web-part .paging {
    border-collapse: collapse;
}

.summary-row-paging-wrapper {
    border: 1px solid var(--default-border-color);
    border-radius: var(--small-border-radius);
    padding: 0 var(--small-border-radius-padding);
    width: fit-content;
    margin: auto;
    background: white;
}

.filtered-list-web-part .paging td {
    padding: 0;
    overflow: hidden;
}
.filtered-list-web-part .paging td a{
    display: flex;
    justify-content: center;
    height: 100%;
    color: var(--primary-color);
    font-weight: normal !important;
    padding: 2px 4px;
}


.filtered-list-web-part .paging td:hover a.disabled {
    color: gray;
    border: 0;
    background-color: white;
}

.filtered-list-web-part .paging td.disabled a,
.filtered-list-web-part .paging td.disabled {
    color: lightgray;
    border: 0;
    background-color: white;
    cursor: default;
}

.combined-date-range {
    display: flex;
}

.combined-date-range input[type=text] {
    flex: auto 1 0;
}

.combined-date-range button {
    padding: 1px;
    margin: 0;
    min-width: unset;
    font-family: monospace;
    text-wrap: nowrap;
    border: none;
}

.view-top-row {
    margin-bottom: var(--large-gap);
    display: flex;
    gap: var(--small-gap);
}

.view-btn-group, .links-with-rectangle-icon-group {
    background-color: white;
    width: max-content;
    display: flex;
    gap: var(--small-gap);
}

.view-btn-group {
    margin-top: 3px;
    margin-bottom: 3px;
}

/*printing*/
@media print {
    BODY {
        font-size: 17px !important
    }

    td, th {
        font-size: 17px !important;
        color: black !important;
    }
}

/* general */
.noBorder {
    border: none;
}

/* wizard */

.wizard {
    width: 100%;
    height: 100%;
    font-family: Roboto, sans-serif;
    border-collapse: separate;
}

.wizard td {
    font-size: 1em;
    text-align: left;
    vertical-align: top;
    color: black;
}

.wizard .stepsPane {
    background-color: #f8f9fa;
    width: 200px;
    color: #000;
    padding: 12px;
}

.wizard .stepsTable {
    width: 100%;
}

.wizard .stepsTable td {
    vertical-align: middle;
    padding: 0.5em 0.33em;
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    margin: .25rem 1rem;
}

.wizard .stepsTable td.complete {
    background-color: #ccebff;
}

.wizard .stepsTable td.current {
    background-color: var(--primary-color);
    color: #fff;
}

.wizard .ms-WPBody.top-part td {
    padding: 8px;
    border-bottom: 1px solid var(--default-border-color);
    background-color: #f8f8f8;
    vertical-align: middle
}

.wizard .stepsTable td.disabled {
    color: #808080;
}

.wizard .title-pane {
    height: 1em;
    padding: 14px;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
}

.wizard .title-pane.hia-large-panel {
    border-radius: var(--large-border-radius) var(--large-border-radius) 0 0;
}

.hierarchy-viewer-content-wrapper {
    width: fit-content;
    max-width: 100%;
    border: 1px solid var(--default-border-color); /* was added as replacement for title-pane and info-pane borders, which were removed */
    display: flex;
    flex-wrap: nowrap;
}

.wizard .stepTitle {
    font-size: 14pt;
}

.wizard .stepHelp {
    font-size: 0.8em;
    margin-top: 0.33em;
}

.bottom-buttons-pane {
    background-color: #f8f9fa;
    border-top: 1px solid rgba(0, 0, 0, .125);
    height: 48px;
    max-height: 48px;
    text-align: right;
    padding-right: 30px;
    padding-top: 10px;
    width: 100%;
    box-sizing: border-box;
}

.gray-when-disabled:disabled, .gray-when-disabled :disabled {
    color: var(--disabled-color);
}

.wizard-capture-table {
    margin: 5px 0 5px 25px;
}

.section-name-with-radio-button {
    display: flex;
    gap: var(--small-gap);
}

.wizard-section-container {
    padding: 20px;
    background-color: #fff;
}

.wizardLabel {
    font-size: var(--f14);
}

/* "Take from a document library" etc */

.wizardTitleCell {
    width: 105px;
}

.wizard-content-cell {
    width: var(--single-column-page-width);
}

.wizard .hierarchyStep input.nodeNr {
    width: 100px;
}

.wizard .hierarchyStep span.organization {
    background: url(/assets/legacy/images/org.svg) no-repeat left center;
    background-size: contain;
    padding-left: 18px;
}

.wizard .hierarchyStep span.function, .wizard .hierarchyStep a.btn.function {
    background: url(/assets/legacy/images/function.svg) no-repeat left center;
    background-size: contain;
    padding-left: 18px;
}

.wizard .hierarchyStep span.series, .wizard .hierarchyStep a.btn.series {
    background: url(/assets/legacy/images/series.svg) no-repeat left center;
    background-size: contain;
    padding-left: 18px;
}

.wizard .hierarchyStep a.btn.delete {
    background: url(/assets/legacy/images/delitem.svg) no-repeat left center;
    background-size: contain;
    padding-left: 18px;
}

.wizard .hierarchyStep ul.nodeTree {
    margin-top: 0;
    padding-left: 0;
}

.wizard .hierarchyStep ul.nodeTree ul {
    padding-left: 20px;
}

.wizard .hierarchyStep ul.nodeTree a.btn {
    margin-left: 15px;
    color: #156570;
    cursor: pointer;
}

.wizard .hierarchyStep ul.nodeTree a.btn:hover {
    text-decoration: underline;
}

.wizard .hierarchyStep ul.nodeTree, .wizard .hierarchyStep ul.nodeTree ul {
    list-style-type: none;
}

.wizard .hierarchyStep ul.nodeTree li {
    padding-top: 12px;
}

.wizard .hierarchyStep ul.nodeTree input.invalid {
    border-color: #D8000C;
    background-color: #FFBABA;
}

.hierarchy-step-nodes-btn {
    text-wrap: nowrap;
}

.wizard .resultsStep ul.resultItems li {
    margin-bottom: 15px;
}

.wizard .resultsStep span.resultItemTitle {
    font-weight: bold;
}

div.moveArchiveboxWizard .picker-table {
    width: 360px;
}

.field-table input[type=text], .field-table textarea {
    width: 100%;
}

.field-table :is(input.datetimePicker, input.datePicker, input.integer, input.float, select) {
    width: var(--input-medium-width);
}

table.inheritance-table {
    width: 100%;
}

table.inheritance-table > tbody > tr > td:first-child {
    width: 15px;
    max-width: 15px;
}

.inheritance-table input.datetimePicker, .inheritance-table input.datePicker, .inheritance-table input.integer, .inheritance-table input.float, .inheritance-table select {
    width: 189px;
}

.field-table tr:first-child td {
    border-top: none;
}

.field-table tr:last-child td {
    border-bottom: none;
}

.field-table {
    border-top: none;
    border-bottom: none;
}

.field-table table {
    border-spacing: 0;
    font-weight: normal;
}

.field-table table td {
    padding-left: 0;
}


.field-table tr:first-child td {
    word-wrap: normal;
    word-break: normal;
}

.field-table .picker div.picker-cell {
    width: auto;
}

.field-table div.picker-table {
    margin-left: 0;
    padding-left: 0;
}

.field-table div.picker-table .picker.multi {
    margin-left: 0;
    padding-left: 0;
}

.field-table .access-restriction-reason-picker input[type=text], div.ms2side__select select {
    width: 100%;
}

.button-cell {
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
    padding-right: 0;
    position: absolute;
    right: var(--small-border-radius-padding);
    z-index: 1;
}

/*multivalue fields (editform)*/

.visibility-controller {
    display: flex;
    gap: var(--small-gap);
    align-items: center;
}

/*multivalue fields (views)*/

.multivalue:nth-child(even) {
    font-style: italic;
}

.multifield-addbutton {
    margin: 5px 0;
}

.multifield-alternate {
    background-color: #f2f9fc;
}

tr.collapsible-field-hidden {
    display: none;
}

tr.groupfield.field-hidden {
    display: table-row;
}

.groupSpacer {
    min-width: 20px;
    border-color: var(--default-border-color);
    border-right-width: 1px;
    border-right-style: solid;
}

.groupfield .groupSpacer {
    border-top-width: 1px;
    border-top-style: solid;
}

tr.multifield-hidden.groupfield.field-hidden,
tr.multifield-hidden {
    display: none;
}

.field-table tr.collapsible-open > td.ms-formlabel,
.field-table tr.collapsible-open td.ms-formbody,
.field-table tr.collapsible-close > td.ms-formlabel,
.field-table tr.collapsible-close td.ms-formbody {
    font-size: var(--f14);
    background-color: #f0f0f0 !important;
}

.field-table tr.collapsible-open > td.ms-formlabel:first-child, .field-table tr.collapsible-close > td.ms-formlabel:first-child {
    padding-left: 20px;
}

.field-table tr.collapsible-open > td.ms-formlabel {
    background-image: url(/assets/legacy/images/arrow_down_dark.svg);
    background-repeat: no-repeat !important;
    background-size: 16px;
    background-position: left center;
}

.field-table tr.collapsible-close > td.ms-formlabel {
    background-image: url(/assets/legacy/images/arrow_right_dark.svg);
    background-repeat: no-repeat !important;
    background-size: 16px;
    background-position: left center;
}

.hia-separationLine {
    height: 15px;
}

.hia-separationLine > td {
    background-color: #ffffff;
}

.hia-separationLine.multifield-alternate > td {
    background-color: #f2f9fc;
}

/* item location control */

.document-tree, .document-tree ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.document-tree ul:not(.locTreeNodeUl) {
    padding-left: 20px;
}

.document-tree li:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.document-tree .item-link a {
    color: black !important;
}

.document-tree div.edit-tree-buttons,
.document-tree div.left-and-right-container,
.document-tree div.loc-tree-node-table-row {
    border-bottom: 1px solid var(--default-border-color);
}

.document-tree div:where(:not(.hia-toolbar-menu, .hia-toolbar-menu *)) {
    background-color: #FFF;
    margin: 3px 0;
    padding: 5px;
    color: black !important;
    font-weight: normal !important;
    overflow: hidden; /* this is important in navigation links page */
}

.document-tree .left-and-right-container {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.document-tree .ms-tvselected > div {
    background-color: gainsboro;
    border-radius: var(--small-border-radius);
}

.document-tree .right-panel {
    width: 400px;
    min-width: 400px;
    border-radius: 5px;
    cursor: default;
}

.document-tree .collapsed ul {
    display: none;
}

.nodeHandle {
    margin-left: -15px;
    cursor: pointer;
    margin-top: 7px;
    float: left;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid black;
    border-radius: 3px;
    background: linear-gradient(black, black);
    background-position: center;
    background-size: 60% 2px;
    background-repeat: no-repeat;
}

li.collapsed span.nodeHandle {
    background: linear-gradient(black, black), linear-gradient(black, black);
    background-position: center;
    background-size: 60% 2px, 2px 60%;
    background-repeat: no-repeat;
}

.document-tree .current-tree-node {
    font-weight: bold;
}

.document-tree .current-tree-node ul {
    font-weight: normal;
}

.document-tree .btn-edit-tree:not(.dropdown-item), .document-tree .btn-save-tree, .document-tree .btn-cancel-tree {
    margin: 0;
    border: 1px solid gainsboro;
    border-radius: var(--small-border-radius);
    background-color: white;
    padding: 0 8px;
    float: right;
}

/* a cancel button, in a row or a toolbar above the tree, only has a job once the reorder has started */
.document-tree li:not(.reordering) > div .btn-cancel-tree,
.toolbar-wrap:not(.reordering) .hia-button:has(.btn-cancel-tree) {
    display: none;
}

/* a subtree being reordered gets a grip in the gutter left of each draggable row, where the collapse handle sat */
.document-tree .reordering ul:not(.locTreeNodeUl) > li[data-document]::before,
.document-tree .reordering .locTreeNodeUl > li[data-document] > .loc-tree-node-table-row > div:first-child::before {
    content: "drag_indicator";
    font-family: 'Material Icons Outlined';
    font-feature-settings: 'liga';
    font-size: 20px;
    line-height: 0.65;
    float: left;
    width: 20px;
    margin: 8px 0 0 -20px;
    text-align: center;
    color: var(--primary-color);
}

/* the table rows indent with their first cell's padding, so the grip sits in that, on the row's own line */
.document-tree .reordering .locTreeNodeUl > li[data-document] > .loc-tree-node-table-row > div:first-child::before {
    margin-top: 3px;
}

.document-tree .reordering li[data-document] {
    cursor: grab;
}

.document-tree .sortable-chosen {
    cursor: grabbing;
}

.document-tree .sortable-ghost {
    opacity: 0.5;
}

.document-tree .btn-open-procurement-folder {
    margin: 0;
    border: 1px solid gainsboro;
    border-radius: var(--small-border-radius);
    background-color: white;
    padding: 0 8px;
}

/* general tree viewers (hierarchy viewer and people viewer) */

.tree-viewer {
    width: fit-content;
    max-width: 100%;
    display: flex;
}

.tree-viewer > table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    height: 100%;
    display: flex;
}

.tree-viewer, .tree-viewer td {
    font-size: var(--f13);
    font-family: var(--default-font), sans-serif;
    color: #000;
}

.tree-viewer .info-pane {
    vertical-align: top;
    display: inline-block;
    overflow: auto; /* moved from first child to .info-pane itself */
}

.tree-viewer .tree-pane {
    vertical-align: top;
    border-right: 1px solid var(--default-border-color);
    border-left: 1px solid var(--default-border-color);
    display: flex;
}

.tree-viewer .tree-picker {
    height: 100%;
}

.tree-viewer .tree-picker td {
    vertical-align: top;
}

.tree-viewer .tree-filter td {
    border-bottom: 1px solid var(--default-border-color);
    padding: 2px;
}

.tree-viewer .tree-filter TABLE td {
    border: none;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.hierarchy-viewer.tree-viewer div {
    white-space: normal;
}

.tree-viewer .tree-filter .treeInput input {
    width: 100%;
}

.tree-viewer .tree-filter .treeInput input, .tree-viewer .tree-filter .treeSearch input {
    border: 1px solid #718DB5;
    height: 18px;
}

.tree-viewer .tree-filter .treeLabel {
    padding-left: 4px;
    text-align: right;
}

.tree-viewer .tree-filter .treeInput {
    padding-left: 2px;
    padding-right: 4px;
    width: 100%;
}

.tree-viewer .tree-filter .treeIcon {
    padding-right: 4px;
}

.tree-viewer .tree-filter .treeSearch {
    padding: 0 2px;
    text-align: left;
}

.tree-viewer .tree-filter .treeSearchHeader {
    padding: 2px 0 1px;
}

.tree-viewer .tree-view {
    padding: 3px;
}

.tree-viewer .boxTitle {
    padding: 2px 3px;
    margin: 2rem 0 .5rem 0;
    font-weight: 800;
    font-size: 21px;
    font-family: var(--default-font), sans-serif;
}

.tree-viewer :is(.box-body, .info-pane) {
    padding: var(--small-gap);
}

.tree-viewer .ms-standardheader {
    font-size: 1em;
}

/* hierarchy viewer */

.hierarchy-viewer .tree-view {
    width: 330px;
}

/* hierarchy viewer splitter */

.hierarchy-splitter {
    width: 9px;
    height: 100%;
    min-height: 80px;
    display: inline-block;
    background-color: #ddd;
}

.hierarchy-splitter-button {
    display: inline-block;
    position: relative;
    margin-top: 40px;
    top: calc(50% - 40px);
}

.hierarchy-splitter-button span {
    padding-top: 40px;
    padding-bottom: 40px;
    cursor: pointer;
    background-color: #bbb;
}

.hierarchy-splitter-button span:hover {
    background-color: #FFCC66;
}

.hierarchy-min .tree-view {
    width: 900px !important;
}

.dialog-body-main .hierarchy-min .tree-view {
    width: 550px !important;
}

.hiddenElement {
    display: none !important;
}

.dialog-body-with-scrollbars#bodyMain {
    overflow: auto;
}

.nooverflow {
    overflow: hidden !important;
}

/* Workflows */

.ms-WPBody .task-important a:link {
    font-weight: bold;
    color: red;
}

.ms-WPBody .task-important a:visited {
    color: purple;
}

.my-tasks-web-part .task-highlight {
    background-color: #AFDCEC;
}

.workflow-status td, .workflow-status .column-header td, .task-empty td, .my-tasks-web-part :is(.task-highlight td, .task-normal td, .task-lowlight td),
.tr-column-header th /* prefer kebab-case version for new code, camelCase has 400-ish usages and can't really be searched */
{
    padding: 4px 8px 4px 8px;
}

.my-tasks-web-part :is(.task-highlight td, .task-normal td, .task-lowlight td) {
    border-bottom: 0;
    border-top: 0;
}

.my-tasks-web-part .task-lowlight, .wf-step-toolbar-past {
    --row-bg-color: var(--wf-bg-col-past);
    background-color: var(--wf-bg-col-past);
    --row-color: var(--wf-col-past);
    color: var(--wf-col-past);
}

.my-tasks-web-part .task-highlight, .wf-step-toolbar-current {
    --row-bg-color: var(--wf-bg-col-current);
    background-color: var(--wf-bg-col-current);
    --row-color: var(--wf-col-current);
    color: var(--wf-col-current);
}

.wf-step-toolbar-nonblocking {
    --row-bg-color: var(--wf-bg-col-nonblocking);
    background-color: var(--wf-bg-col-nonblocking);
    --row-color: var(--wf-col-nonblocking);
    color: var(--wf-col-nonblocking);
}

.my-tasks-web-part .task-normal, .wf-step-toolbar-future {
    --row-bg-color: var(--wf-bg-col-future);
    background-color: var(--wf-bg-col-future);
    --row-color: var(--wf-col-future);
    color: var(--wf-col-future);
}

td.lastAction {
    border-bottom: 1px solid var(--default-border-color);
    max-width: 70em;
    overflow-wrap: break-word;
}

td.column-header {
    font-weight: bold;
    color: #4C4C4C;
    text-align: center;
    padding: 1px;
    vertical-align: middle;
    line-height: 13px;
}

.sticky-table-header-row {
    position: sticky;
    top: 0px;
    z-index: 2;
}

.sticky-table-header-row > :is(th,td) {
    /* Add white background to th/td instead of the whole tr so we could keep the border untouched. It seems adding bg
    to <tr> will cause it to partially overlap e.g. bottom border and then the border looks thin and weird. */
    background: white;
}

table.table tbody tr.column-header.sticky-table-header-row {
    background-color: var(--default-border-color);
}

.header-text {
    font-family: var(--default-font), sans-serif;
    font-size: var(--f14);
    font-weight: bold;
}

.no-margin {
    margin: 0;
}

.wf-step-toolbar-past, .wf-step-toolbar-current, .wf-step-toolbar-future, .wf-step-toolbar-nonblocking {
    border: 1px solid var(--default-border-color);
}

.wf-step-toolbar-past > div, .wf-step-toolbar-current > div, .wf-step-toolbar-future > div, .wf-step-toolbar-nonblocking > div {
    display: inline-block;
    vertical-align: middle;
}

.deadline-picker {
    display: flex;
    gap: var(--small-gap);
}

.hia-activityToggler {
    margin-right: 5px;
}

/* WorkflowEditForm */

.noborder {
    border: 0;
}

.wf-header-table.field-table select {
    width: 100%;
}

.field-hidden {
    display: none;
}

.wfFieldChangeLabel {
    font-weight: bold;
    padding-top: 0.6em;
}

#Buttons input[type="button"][disabled] {
    border-color: var(--spcol10);
    background-color: var(--spcol11);
    color: var(--disabled-color);
}

[disabled]:not([disabled=false]) {
    color: var(--disabled-color);
}

.hia-buttons-container-right.wf-button-panel {
    margin-left: 0;
}

.wf-button-panel {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: var(--small-gap);
    background: white;
    border-radius: var(--large-border-radius);
    padding: var(--small-border-radius-padding); /* intentionally vertical too - just not sure what vertical padding should be */
    border: 1px solid var(--default-border-color);
}

.wf-button-panel > *, .wf-button-panel > .toolbar-span-a, .wf-button-panel > input[type] { /* todo: kill input[type=button] super specific rules from corev15 and elsewhere */
    margin: 0;
}

[v-cloak] {
    display: none;
}

.inheritance-table input[type='checkbox'], .inheritance-table input[type='checkbox'], .inheritance-table input[type='radio'], .inheritance-table input[type='radio'],
.field-table input:is([type='checkbox'], [type='radio']) {
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.inheritance-table input[type='checkbox'], .inheritance-table input[type='checkbox'], .inheritance-table input[type='radio'], .inheritance-table input[type='radio'],
.field-table input:is([type='checkbox'], [type='radio']) {
    margin-left: 0;
}

/*TaskForm*/

.task-notes-panel {
    box-sizing: border-box;
    display: table;
    width: 100%;
}

.task-notes-panel label, .task-notes-panel .commentBox {
    vertical-align: middle;
}

.task-notes-panel label {
    white-space: nowrap;
    width: 1px;
}

.task-notes-panel .task-notes-comment-box {
    width: 100%;
}

.workflow-info-panel > div {
    margin-bottom: 10px;
}

/*SettingsPages*/

.single-column-settings-edit-panel > div {
    margin-top: unset;
}

.settings-edit-panel label {
    margin: 2px;
}

.collapsible-setting-with-header {
    display: flex;
    flex-direction: column;
    position: relative;
}

.settings-content-panel {
    display: flex;
    gap: var(--small-gap);
}

.settings-header-panel > * {
    display: flex;
    align-items: center;
}

.settings-header-panel img {
    height: 48px;
}

.settings-header-collapse-toggler {
    display: flex;
    align-items: center;
    gap: var(--small-gap);
}

.settings-edit-panel {
    width: 60%;
    display: inline;
    min-height: 18px;
}

.admin-details-delete-button {
    margin-left: 20px;
}

.single-column-settings-edit-panel {
    width: 100%;
}

.settings-edit-panel .settings-order-label {
    width: 30%;
}

.settings-description-panel {
    text-align: left;
    width: 40%;
    min-height: 18px;
}

.settingsInlineDiv {
    display: inline;
    float: left;
    vertical-align: middle;
}

.settingsOrderEditShowHeader {
    width: 10%;
    display: inline-block;
    vertical-align: middle;
}

.settingsOrderEditShowBox {
    width: 7%;
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    margin-left: 11px;
}

.settings-order-label {
    display: inline-block;
    vertical-align: middle;
}

.settings-order-dropdown {
    display: inline-block;
    vertical-align: middle;
}

.settingsImageWithTextCss {
    border: 0;
    width: 30px;
    height: 32px;
    padding: 3px;
}

.settings-controls-basic-css {
    margin: 5px;
    vertical-align: middle;
}

.settings-controls-error {
    color: red;
}

.settingsControlsBasicText{
    margin: 0 0 5px 0;
    vertical-align: middle;
}

.settingsControlsBasicText input,
.settingsControlsBasicText textarea {
    width: 100%;
}

.settingsControlsChildCss {
    margin: 5px;
    margin-left: 30px;
    vertical-align: middle;
}

.dateTimeFieldControlStyle {
    display: inline;
    vertical-align: middle;
}

.settingsControlsFieldsCss {
    margin: 5px;
    margin-left: 30px;
    width: 300px;
    vertical-align: middle;
}

.dottedLine {
    margin-top: 5px;
    border-top: 1px dotted #7575A3;
    color: #fff;
    height: 1px;
    width: 50%;
}

.column-selector-row {
    display: flex;
    align-items: center;
}

.settingsRegistersEdit {
    width: 10%;
}

.fieldPermissionTable {
    width: 100%;
    table-layout: fixed;
}

.fieldPermissionTable tr th {
    text-align: left;
    vertical-align: top;
}

.fieldPermissionTable tr td {
    padding-bottom: 10px;
    vertical-align: top;
}

.fieldPermissionTable tr td select {
    width: 100%;
}

.lvf-filter-field-select {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lvf-filter-field-select .substring-searchable-select-wrapper {
    width: 30%
}

.lvf-filter-operator-select select {
    width: 10rem;
}

.lvf-filter-condition input[type=text],
.lvf-filter-condition select,
.lvf-filter-condition .selectize-input {
    width: 30%;
}

.settings-edit-panel .dateTimeFieldControlStyle {
    display: inline;
}

.settings-edit-panel .dateTimeFieldControlStyle input[type=text] {
    margin-left: 2px;
}

.date-time-field-control-option {
    margin-right: 5px;
}

.search-overlay .solr-only {
    background-color: lightyellow;
}

/*Delete form pages*/

.deleteFormPadding {
    padding: 5px;
}

/*Add new button*/

td.associated-documents-add-new-link, .change-view-link {
    border: solid 1px var(--primary-color);
    color: var(--primary-color) !important;
    font-size: var(--f13);
    line-height: 24px;
    width: auto;
    font-family: var(--default-font), sans-serif;
    float: left;
    padding: 0 8px;
    background-color: #fff;
}

.ms-WPBody td.associated-documents-add-new-link, .change-view-link {
    border: none;
}

.ms-WPBody .change-view-link a {
    border: solid 1px var(--primary-color);
    padding: 3px;
    font-family: var(--default-font), sans-serif;
    color: var(--primary-color) !important;
    font-size: 11px;
    text-decoration: none;
}

.associated-documents-add-new-link a {
    color: var(--primary-color);
}

.associated-documents-add-new-link img {
    visibility: hidden;
    width: 0px;
}

td.hia-addNewItem {
    padding: 3px;
    display: inline-block;
}

a.hia-addNewItem {
    padding: 0 3px;
}

img.rmadmin-add {
    border-width: 0;
    height: 16px;
    width: 16px;
    padding-right: 2px;
    vertical-align: middle;
}

.version-history-padding {
    padding-left: 10px;
}

.version-history-differ {
    display: flex;
    gap: var(--small-gap);
    align-items: center;
}

.sendWizardDocumentsListPanel {
    padding-top: 20px;
}

.document-family-viewer {
    width: 100%;
    border: 1px solid #B4AF9D;
    border-collapse: collapse;
}

.document-family-viewer tr {
    padding: 3px;
    text-align: left;
}

.document-family-viewer tr:first-child {
    color: #636363;
    text-align: left;
}

.document-family-viewer th.first {
    background: transparent url(/assets/legacy/images/attachment.svg) no-repeat;
    background-size: contain;
    padding-left: 20px;
    text-align: left;
}

.document-family-viewer img {
    vertical-align: middle;
}

.document-family-viewer div {
    margin-right: 5px;
}

.recipientsViewer {
    width: 100%;
    border: 1px solid #B4AF9D;
    border-collapse: collapse;
    margin-top: 1em;
}

.recipientsViewer tr {
    border-bottom: 1px solid #B4AF9D;
    padding: 3px;
    text-align: left;
}

.recipientsViewer th.first {
    background-color: #d6d3c8;
    color: #636363;
    text-align: left;
}

.recipientsViewer tr:last-child, .recipientsViewer tr:first-child {
    border-bottom: 0;
}

.rightButton {
    float: right;
    margin-right: 3px;
    margin-top: 10px;
}

.generic-header {
    padding: var(--small-gap);
    font-weight: bold;
}

input.document-family-viewer-show-more-button, input.document-family-viewer-show-more-button:focus, input.document-family-viewer-show-more-button:active,
.document-family-viewer-show-more-button, .document-family-viewer-show-more-button:focus, .document-family-viewer-show-more-button:active {
    /* Remove all decorations to look like normal text */
    background: none;
    border: none;
    display: inline;
    font: inherit;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    /* Additional styles to look like a link */
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

/* Remove extra space inside buttons in Firefox */

input.document-family-viewer-show-more-button::-moz-focus-inner,
.document-family-viewer-show-more-button::-moz-focus-inner {
    border: none;
    padding: 0;
}

.field-table {
    width: 100%;
    background-color: #fff;
    margin-top: 0;
}

table.field-table td.ms-formlabel {
    min-width: 150px;
    vertical-align: middle;
}

.field-table td.ms-formbody {
    max-width: 507px;
    min-width: 300px;
    font-weight: 400;
    word-wrap: break-word;
}

.wf-header-table td.ms-formbody {
    font-weight: 700;
}

:is(.wf-header-table, .field-table) tr:last-child td {
    border-bottom: none;
}

:is(.wf-header-table, .field-table) tr:first-child td {
    border-top: none;
}

.workflow-header-label {
    white-space: normal;
}

.field-table .sub-label {
    min-width: 10px;
}

.task-header td {
    vertical-align: top;
}

.associated-documents-add-new-link {
    border: solid 1px var(--primary-color);
    padding: 0 var(--small-border-radius-padding);
    border-radius: var(--small-border-radius);
    background-color: #fff;
    font-family: var(--default-font), sans-serif;
    line-height: 24px;
}

.toolbar-btn {
    display: inline-block;
    padding: 0 var(--small-border-radius-padding);
    font-size: var(--f14);
    line-height: 24px;
}

.toolbar-span-a {
    padding: 0;
    font-size: var(--f14);
    line-height: 24px;
    display: flex;
    align-items: center;
}

.toolbar-span-a :is(a, button) {
    display: inline-flex;
    align-items: center;
    gap: var(--small-gap);
}

.hia-toolbar-menu {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.hia-toolbar-menu:not([disabled]):hover .dropdown-content {
    visibility: visible;
}

.hia-toolbar-menu .toolbar-span-a {
    margin: 0;
}

.workflow-toolbar-label {
    display: inline-block;
}

.toolbar-btn, .toolbar-span-a {
    border: solid 1px var(--primary-color);
    color: var(--primary-color);
    background-color: #fff;
    white-space: nowrap;
    font-family: var(--default-font), sans-serif;
    font-weight: 400 !important;
}

.toolbar-btn > a,
.toolbar-span-a > a {
    text-decoration: none;
}

.toolbar-btn.focused,
.toolbar-span-a.focused {
    background-color: #ccc;
}

.toolbar-btn-ico {
    vertical-align: text-bottom;
    margin-right: 2px;
    border-width: 0px;
    height: 16px;
    width: 16px;
}

.hierarchy-item-location {
    max-height: 500px;
    overflow-y: auto;
}

.marginControls {
    margin: 2px
}

.selectable-components .ms-tvselected {
    background-color: #ccc;
}

.document-tree .button {
    float: left;
}

.virtualFolderDialog {
    font-family: verdana, Arial, helvetica, sans-serif;
    font-size: 8pt;
    height: 100%;
    overflow: auto;
    flex: 1 1 0;
}

.virtualFolderDialog table {
    font-size: 1em;
}

.cancelled td {
    font-style: italic;
    text-decoration: line-through;
}

.revoked td {
    text-decoration: line-through;
}

.deleteInfoTable, .deleteInfoTable td, .deleteInfoTable th {
    border: 1px solid var(--default-border-color);
}

.deleteInfoTable {
    margin-bottom: 20px;
    margin-top: 20px;
    border-collapse: collapse;
}

.deleteInfoTable ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.deleteInfoTable td, .deleteInfoTable th {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.deleteInfoTable li + li {
    margin-top: 8px;
}

div.label {
    display: block;
    font-weight: bold;
    width: 100px;
    position: relative;
    margin-top: 0;
    height: 100%;
    vertical-align: middle;
}

div.txtBodyPanel {
    float: left;
}

div.fileSelector div {
    margin-left: 100px;
    margin-top: 0;
    vertical-align: middle;
}

input.fileSelector {
    display: inline-block;
}

div.fileSelector > div:first-child {
    font-weight: bold;
    margin-left: 0;
}

div.attachmentsHeader {
    font-weight: normal;
}

/* Primary recipient selection panel */

.primaryRecipientSelection {
    margin-top: 20px;
}

.primaryRecipientAddresses {
    padding-left: 30px;
}

.selectAddressesDescription, .responseDeadlineLabel {
    font-weight: bold;
}

/* END Primary recipient selection panel */

.locationDescendantsTreeView {
    max-height: 500px;
    overflow-y: auto;
    width: 800px;
}

table.tableTextField, .tableTextField td {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
}

.tableTextField td {
    white-space: pre-wrap;
}

.table-text-field-container {
    /* I'm basically just trying to set overflow-x: auto, but without adding an unnecessary vertical scrollbar. */
    /* https://stackoverflow.com/questions/6179831/setting-overflow-x-hidden-adds-a-vertical-scrollbar */
    /* This combination of 3 things seems to work, even though the last 2 seem unnecessary */
    overflow-x: auto;
    overflow-y: hidden;
    height: auto;
}

div.non-removable-principals {
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: gray;
    padding-top: 10px;
    margin-top: 15px;
}

div.non-removable-principals.ms-WPBody {
    padding-bottom: 10px;
}

span.inheritedNonRemovables {
    display: block;
    margin-left: 4px;
}

span.inheritedNonRemovables a {
    display: inline-block;
    margin-top: 3px;
}

.future-permissions {
    display: block;
    margin: 4px;
}

.future-permissions a {
    display: inline-block;
    margin-top: 3px;
}

.future-permissions-heading {
    display: inline-block;
    font-weight: bold;
}

div.searchResult {
    padding-bottom: 15px;
}

td.rightContentPlaceholder {
    padding-left: 10px;
}

.document-tasks-viewer table {
    width: 100%;
}

/*panels*/

.collapsible-container table {
    width: 100%;
}

.collapsible-container input[type="submit"] {
    border: solid 1px var(--primary-color);
    border-radius: var(--small-border-radius);
    color: var(--primary-color);
    padding: 0 8px !important;
    font-size: var(--f13);
    line-height: 24px;
    background-color: #fff;
    font-family: var(--default-font), sans-serif;
}

.collapsible-container input[type="form"] {
    border-color: var(--primary-color);
    border-radius: var(--small-border-radius);
    color: var(--primary-color);
    padding: 0 8px !important;
    font-size: var(--f13);
    line-height: 24px;
    background-color: #fff;
    font-family: var(--default-font), sans-serif;
}

.collapsible-container, .hia-collapsible-panel {
    background-color: #fff;
    border: 1px solid var(--default-border-color);
    border-radius: var(--large-border-radius);
    position: relative;
}

.collapsible, .hia-collapsible-panel-title {
    font-weight: 500;
    font-size: 18px;
    color: var(--collapsible-panel-header-text-color);
    background-color: var(--collapsible-panel-header-background-color);
    font-family: var(--default-font), sans-serif;
    line-height: 1.1;
    cursor: pointer;
    padding: 10px;
    border-radius: inherit; /* it should match parent borders, otherwise it partially overlaps in the corners and parent border has weird corners */
}

.hia-collapsible-panel-title[data-target-is-collapsed=false], .hia-collapsible-panel-title:has([data-target-is-collapsed=false]) { /* remove radius from bottom if it's open */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.documentsForSigning th {
    color: #212529 !important;
    font-size: var(--f14);
    line-height: 16px;
    text-decoration: none;
    font-weight: 700;
    border-bottom: 1px solid var(--default-border-color);
    padding: 8px;
    font-family: var(--default-font), sans-serif;
    text-align: left;
}

.hia-collapsible-panel-title {
    padding: 10px;
}

.hia-content-panel, [data-collapsible] {
    font-family: var(--default-font), sans-serif;
    border-bottom-left-radius: var(--small-border-radius);
    border-bottom-right-radius: var(--small-border-radius);
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

div.permissions.ms-WPBody {
    overflow: visible;
    padding-bottom: 40px;
}

.permissions-section {
    margin-top: 1em;
}

div.permissions-section {
    clear: both;
}

span.hiaPermissionsPickerHeading {
    font-weight: bold;
    margin-left: 4px;
    display: inline-block;
    clear: both;
    padding-top: 1em;
    padding-bottom: 1px;
}

span.hiaPermissionsPickerDescription {
    color: red;
    font-weight: bold;
}

/*file upload/version panel*/

div.fileUpload,
.filePanelEmpty a.replaceFileLink,
.uploadable a.replaceFileLink,
.filePanelEmpty .extensionLabel,
.filePanelEmpty input[type=text],
.filePanelEmpty .checkbox-wrapper,
span.warningLabel,
.pending a.fileLink,
.chooseExistingDocumentFileButton,
.chooseTemplateFileButton {
    display: none;
}

span.warningLabel {
    margin-top: 13px !important;
}

.filePanelEmpty .fileUpload {
    display: block;
}

.uploadable input, .uploadable span.warningLabel, .pending span.warningLabel, .uploadable .chooseExistingDocumentFileButton, .filePanelEmpty .chooseExistingDocumentFileButton, .uploadable .chooseTemplateFileButton, .filePanelEmpty .chooseTemplateFileButton {
    display: inline-block;
}

.custom-file-input-wrapper,
.wizard-capture-table td > .custom-file-input-wrapper {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: var(--medium-gap);
}

.uploadable > .custom-file-input-wrapper {
    display: block;
}

.uploadable img:first-child {
    vertical-align: middle;
    padding-right: 0;
}

.item-file-control div.hia-content-panel > a {
    font-weight: bold;
}

.chooseExistingDocumentFileButton,
.chooseTemplateFileButton {
    margin-left: 10px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.chooseExistingDocumentFileButton > a > span,
.chooseTemplateFileButton > a > span {
    margin-left: 5px;
}

.indicator {
    background: linear-gradient(to bottom, #D0C555 0, #D6E364 50%, #D6E364 51%, #D0C555 100%);
    font-size: 1.2em;
    font-weight: bold;
    width: 0;
    height: 20px;
    border-radius: 4px;
}

.indicatorContainer {
    width: 400px;
    padding: 3px;
    border-radius: 4px;
    background-color: lightgrey;
    margin-bottom: 4px;
}

.multi-file-upload-control {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--medium-gap);
}

.drop-zone {
    border: 5px lightgray dashed;
    box-sizing: border-box;
    padding: var(--medium-gap);
    flex-grow: 1;
}

.fileSelectorPane, .drop-zone-info-pane {
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
}

.fileSelectorPane input[type=file] {
    border: lightgray solid 1px;
    margin-left: 5px;
}

div.fileSelectorPane.fallback {
    top: 0;
}

.fileSelectorPane.fallback input[type=file] {
    border: lightgray solid 1px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.fallback a {
    font-size: larger;
    color: green;
    font-weight: bolder;
}

.content-type-pane.singleItem {
    display: none;
}

.drop-zone-info-pane {
    font-size: large;
    margin-bottom: 10px;
    width: 100%;
    color: lightgray;
}

.drop-zone-info-pane.back {
    color: #666666;
    opacity: 0.2;
}

.drop-zone-info-pane img {
    width: 26px;
    height: 26px;
}

span.delete-button {
    color: #666666 !important;
    font-weight: bold;
    margin-left: 10px;
    cursor: pointer;
    font-size: 11px;
}

.drop-zone p {
    font-size: larger;
    z-index: 100;
    position: relative;
    margin-bottom: 5px;
    margin-top: 0;
}

.drop-zone p:hover .delete-button {
    display: inline-block;
}

.drop-zone p img, .drop-zone p span {
    vertical-align: middle;
}

/* the "add attachments" dialog: the type of what is being added, then the files it is made of */

.multi-file-upload-control .content-type-pane {
    display: flex;
    align-items: center;
    gap: var(--small-gap);
    align-self: flex-start;
    max-width: 100%;
}

.multi-file-upload-control .content-type-pane select.contentType {
    min-width: 0; /* so a long type name shrinks the selector instead of the dialog */
}

.multi-file-upload-control .drop-zone {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--small-gap);
    padding: var(--large-gap);
    border: 2px dashed var(--default-border-color);
    border-radius: var(--small-border-radius);
}

.multi-file-upload-control .drop-zone.hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color-100);
}

/* the files are appended after the panes, but belong below the invitation to add them */
.multi-file-upload-control .drop-zone-info-pane {
    order: -2;
    margin-bottom: 0;
    color: var(--secondary-text-color);
}

.multi-file-upload-control .fileSelectorPane {
    order: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--small-gap);
    margin-bottom: 0;
}

.multi-file-upload-control .drop-zone-info-pane span {
    display: inline-flex;
    align-items: center;
    gap: var(--small-gap);
}

.multi-file-upload-control .drop-zone-info-pane.back {
    opacity: 0.5;
}

.multi-file-upload-control .drop-zone p {
    display: flex;
    align-items: center;
    gap: var(--small-gap);
    margin: 0;
    padding: var(--default-input-vertical-padding) var(--small-border-radius-padding);
    border-radius: var(--tiny-border-radius);
    background-color: var(--workspace-background-color);
    font-size: var(--f14);
}

/* the browse controls sit in a paragraph of their own, which is not one of the added files */
.multi-file-upload-control .fileSelectorPane p {
    display: block;
    margin: 0;
    padding: 0;
    background: none;
}

.multi-file-upload-control .fileSelectorPane input[type=file] {
    margin-left: 0;
    border-radius: var(--tiny-border-radius);
}

.multi-file-upload-control .drop-zone p .delete-button {
    margin-left: auto;
}

.multi-file-upload-control .indicatorContainer {
    width: auto;
}

/* a section of the record page while files are held over it. what the eye sees of that section
   is the collapsible container and its title inside it, both of which paint their own white
   background over the panel, so tinting the panel alone shows almost nothing; the halo is the
   panel's own, so that it falls outside the container's rounded corners */
.file-drop-hover {
    border-radius: var(--large-border-radius);
    box-shadow: 0 0 0 4px var(--primary-color-300);
    background-color: var(--primary-color-200);
}

/* on a folder's page the container itself is the zone, there being no panel around it */
.file-drop-hover .collapsible-container,
.collapsible-container.file-drop-hover {
    outline: 2px dashed var(--primary-color);
    outline-offset: -1px;
}

.file-drop-hover .collapsible-container,
.file-drop-hover .collapsible {
    background-color: var(--primary-color-200);
}

/* the rows of the tree are opaque white, which would leave the tint showing only around them */
.file-drop-hover .document-tree div {
    background-color: transparent;
}

.hia-validation-error {
    display: inline-block;
    color: var(--validation-error-color);
}

tr:has(.hia-validation-error) {
    background: var(--validation-error-background);
}

/* Documents For Signing Panel */

table.documentsForSigning {
    width: 100%;
    border-collapse: collapse;
}

td.documentsForSigning {
    padding: 2px;
    background-color: #F9F8F7;
}

td.hia-indentCell {
    width: 20px;
}

td.hia-checkBoxCell {
    text-align: center;
}

input[id*='btnUpdateRetentionSchedule'] {
    border: solid 1px var(--primary-color);
    border-radius: 2px;
    color: var(--primary-color);
    padding: 0 8px !important;
    font-size: var(--f13);
    line-height: 24px;
    background-color: #fff;
    font-family: var(--default-font), sans-serif;
}

/* Associations dialog */

.associationsDialogButtonsRow > span {
    border: solid 1px var(--primary-color);
    border-radius: 2px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 0 8px;
    line-height: 24px;
}

.associationsDialogButtonsRow > span > a {
    font-family: var(--default-font), sans-serif;
    text-decoration: none;
}

TABLE.permissionChanges {
    width: 100%;
    border-collapse: collapse;
}

.permissionChanges, .permissionChanges td {
    border: 1px solid var(--default-border-color);
}

.permissionChanges .column-header {
    background-color: #fcfcfc;
}

.permissionChanges tbody tr td {
    padding: 2px;
}

.permissionChanges .picker.multi .pickerBox {
    height: 1.25em;
}

div.panel-contents {
    background-color: #F9F8F7;
    margin: 0px;
    padding: 5px;
    height: 100%;
    overflow: auto;
}

td.tree-table-cell.left div.panel-contents {
    border-radius: 5px 0px 0px 5px;
}

td.tree-table-cell.right div.panel-contents {
    border-radius: 0px 5px 5px 0px;
}

tr.tree-table-row.ms-tvselected > td > div.panel-contents {
    background-color: gainsboro;
    font-weight: bold;
}

table.tree-table.revisions td {
    max-width: 350px;
}

table.tree-table.revisions td div,
table.tree-table.revisions td a {
    overflow: hidden;
    height: 1.5em;
    white-space: nowrap;
    text-overflow: ellipsis;
}

td.hia-indentCell.toggle {
    text-align: center;
}

table.tree-table {
    width: 100%;
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
    border-spacing: 5px 0px;
}

table.tree-table th {
    text-align: left;
}

table.tree-table td {
    padding: 3px 0px 3px 0px;
}

tr.tree-table-row.collapsed td.hia-indentCell.toggle span:before {
    content: "+"
}

tr.tree-table-row.expanded td.hia-indentCell.toggle span:before {
    content: "−"
}

div.loc-tree-node-table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 1px 3px;
    margin: 0px;
}

.locTreeNodeUl .nodeHandle {
    margin-top: 0px;
    margin-left: -15px;
    margin-right: 5px; /* TODO: add icon-16px-wrapper around nodeHandle instead of this to standardize; hard to do */
}

.loc-tree-node-table-row {
    display: table;
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box; /* without this, has padding + w100, which causes it to overflow parent element by padding amount */
}

/* the open menu hangs out of its cell, which .document-tree div's overflow:hidden would cut off */
.document-tree .loc-tree-node-table-row:has(.file-actions-menu),
.document-tree .locTreeNodeTableCell:has(.file-actions-menu) {
    overflow: visible;
}

/* ... so the clipping the cell gave up moves to the link beside it, which is what it was clipping anyway */
.locTreeNodeTableCell:has(.file-actions-menu) > .locTreeNodeCellContent {
    display: inline-block;
    max-width: calc(100% - 30px); /* the rest of the cell is the menu button */
    overflow: hidden;
    vertical-align: middle;
}

.ms-tvselected > div:first-of-type > .loc-tree-node-table-cell {
    background-color: gainsboro;
}

.loc-tree-node-table-cell-narrow {
    text-align: center;
    width: 40px;
}

.loc-tree-node-table-cell-sign {
    text-align: center;
    width: 50px;
}

.loc-tree-node-table-header-row > .loc-tree-node-table-cell span {
    font-weight: 600 !important;
}

.loc-tree-node-table-row > .locTreeNodeCellRegDate {
    width: 60px;
}

.loc-tree-node-table-row > .locTreeNodeCellDocType {
    width: 12%;
}

.wf-step-toolbar-current td:nth-child(1), .wf-step-toolbar-future td:nth-child(1), .wf-step-toolbar-past td:nth-child(1), .wf-step-toolbar-nonblocking td:nth-child(1) {
    word-break: break-word;
    hyphens: auto;
}

.dropdown-content {
    position: absolute;
    visibility: hidden;
    top: 100%;
    left: 0;
    z-index: 2;
}

.dropdown-btn {
    border: none;
    display: inline-flex;
    align-items: center;
    gap: var(--small-gap);
}

.top-button-section {
    margin-top: 0;
    display: flex;
}

.bottom-button-section {
    margin-bottom: 0;
    display: flex;
}

.displayFlex {
    display: flex;
}

.marginTopBottomAuto {
    margin-top: auto;
    margin-bottom: auto;
}

.marginLeftAuto {
    margin-left: auto;
}

.nav-edit-metadata-section {
    float: right;
}

/* hackhack - to get the right panels of various levels in the list
 * to be on the same line. 20px is the padding-left of ul;
 */
.document-tree li .nav-edit-metadata-section {
    width: calc(100% - 400px);
}

.document-tree li li .nav-edit-metadata-section {
    width: calc(100% + 20px - 400px);
}

.document-tree li li li .nav-edit-metadata-section {
    width: calc(100% + 40px - 400px);
}

.nav-edit-actions {
    display: inline-flex;
    gap: var(--small-gap);
    width: calc(25% - 20px);
    padding-right: 20px;
    vertical-align: top;
}

.nav-edit-url {
    display: inline-block;
    width: calc(50% - 20px);
    padding-right: 20px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}

/* in display mode, audience is always fully shown */
.nav-edit-audience-display {
    display: inline-block;
    width: 25%;
}

/* in ordering mode, it's wider (because the actions menu isn't shown, and truncated... */
.nav-edit-audience-ordering {
    display: inline-block;
    width: 50%;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ...unless you are hovering */
.nav-edit-audience-ordering:hover {
    white-space: inherit;
    text-overflow: inherit;
}

.nav-edit-inherited {
    color: #aaaaaa;
    font-style: italic;
}

.nav-edit-header {
    font-weight: bold;
}

.group-form-container {
    width: 750px;
    display: flex;
    flex-direction: column;
    gap: var(--large-gap);
}

.loading-page-body {
    text-align: center;
    padding-top: 175px;
    color: #444;
    font-family: var(--default-font), sans-serif;
    font-size: var(--f13);
}

.loading-page-box {
    display: inline-block;
    text-align: left;
}

.loading-page-title {
    padding: 13px 19px 15px;
    font-family: var(--default-font), sans-serif;
    font-size: 2.3em;
    color: #777;
    font-weight: 200;
    margin: auto;
}

.loading-page-content {
    padding: 0 20px;
    font-family: var(--default-font), sans-serif;
    font-size: 1.15em;
}

.loading-page-gif {
    height: 16px;
    width: 16px;
    margin-right: 3px;
    vertical-align: middle;
}

.hia-webpart-wrapper {
    margin-bottom: 20px;
}

.hia-webpart-wrapper:has(.hia-webpart-content.empty-hidden-webpart) {
    display: none;
}

.hia-webpart-titleText {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 500;
    color: var(--unvisited-link-color) !important;
    font-family: var(--default-font), sans-serif;
    cursor: pointer;
}

.hia-webpart-titleText > a {
    font-family: var(--default-font), sans-serif;
}

/* top navigation, made to resemble SP */

.hia-top-navigation-and-ribbon {
    z-index: 2000;
}

.hia-top-navigation-right-section-item {
    position: relative;
}

#hia-top-navigation-userinfo-dropdown {
    display: none;
    position: absolute;
    z-index: 2001;
    top: 50px;
    right: 0;
}

.hia-top-navigation-userinfo-dropdown-item {
    text-decoration: none;
}

.file-group-file {
    background-color: #FFF;
    margin: 3px 5px 3px 0;
    padding: 5px;
    overflow: hidden;
    border-bottom: 1px solid var(--default-border-color);
    color: black;
    font-weight: normal;
}

.delete-file-panel {
    border-radius: 5px;
    cursor: default;
    margin-left: 50px;
}

.file-link.selectable {
    display: inline-block;
    width: 300px;
}

.delete-file-panel {
    display: inline-block;
}

.file-group-upload .drop-zone {
    margin-bottom: 0;
    min-height: 120px;
    height: fit-content;
}

.file-group-upload .bottom-buttons-pane {
    display: none;
}

.file-group-upload .drop-zone-info-pane.back {
    position: inherit;
}

.delete-file-disabled {
    pointer-events: none;
    cursor: default;
    color: lightgrey;
}

.log-search-mfl-message, .log-search-mfl-exception {
    max-width: 40em;
    word-wrap: break-word;
    white-space: pre-wrap;
}

input.developer-info {
    margin-left: 0;
    margin-top: 0;
    height: 10px;
    width: 10px;
    min-width: 10px;
    padding: 0;
    cursor: pointer;
    background: lightgrey;
    border: 1px solid lightgrey;
    border-radius: 0 0 var(--small-border-radius) 0;
    z-index: 200; /* should be larger than the individual developer info components, because otherwise cannot reopen it if closed */
}

.perf-trace-displayer-container {
    display: none;
    position: absolute;
    font-size: 15px;
    background: black;
    color: lightgreen;
    font-family: monospace;
    height: calc(100vh - 100px);
    z-index: 100;
}

.perf-trace-displayer-container > pre {
    margin-top: 0;
    margin-bottom: 0;
    overflow-y: auto;
    height: 100%;
}

.jdialog-hide-close .ui-dialog-titlebar-close {
    display: none;
}

.min-width-unset {
    min-width: unset; /* Used for: undo <button> default min-width: 6em from corev15 */
}

.org-task-notification-preferences {
    margin: 15px 0;
}

.org-task-notification-preferences th {
    text-align: left;
}

.horizontal-spacing {
    margin: 0 5px;
}

.notification-settings-item, [data-collapsible-panel-toggler], .flex .select_all {
    display: flex;
    align-items: center;
}

.notification-settings-item input {
    margin: 2px;
}

.workflow-toolbar-menu .dropdown-btn {
    display: flex;
    align-items: center;
    height: 100%;
}

.button-pretending-to-be-link {
    background: unset;
    border: unset;
    min-width: unset;
    padding: unset;
    margin: unset;
    vertical-align: unset;
    color: var(--primary-color);
}

.button-pretending-to-be-link:hover:enabled {
    background: unset;
    text-decoration: underline;
    cursor: pointer;
}

div.hia-custom-file-input,
.hia-custom-file-input {
    padding: 0.1em 0.6em 0.1em 0.6em;
    display: inline-flex;
    align-items: center;
    text-align: center;
    border: 1px dashed #ccc;
    background-color: #f5f5f5;
}

.hia-custom-file-input > button {
    margin-right: 0.5em;
    text-wrap: nowrap;
}

.hia-custom-file-input > p {
    min-width: 5em;
}

.retention-actions-grid {
    display: grid;
    grid-column-gap: 4px;
    align-items: center;
}

.retention-actions-grid.edit-mode {
    grid-template-columns: min-content auto 1fr;
}

.retention-actions-basis-label {
    grid-column: 2;
}

.retention-actions-basis {
    grid-column: 3;
}

.retention-actions-expire-automatically {
    grid-column: 1;
}

.retention-actions-expire-automatically-label {
    grid-column: 2 / span 2;
}

.retention-actions-sub-label {
    grid-column: 1 / span 3;
    margin-top: 10px;
}

.retention-actions-disposition {
    grid-column: 2 / span 2;
}

.retention-actions-table {
    width: 100%;
}

.retention-actions-additional-contents {
    display: flex;
    gap: var(--small-gap);
    flex-wrap: wrap;
    align-items:center;
}

.inheritance-table-spacer-row {
    height: 10px; /* basically margin; can't use margins within table */
}

.hia-webpart-wrapper {
    font-family: var(--default-font);
}

.small-number-input { /* small means meant for at most 4 digits, e.g. year numbers */
    max-width: calc(40px + 2 * var(--small-border-radius-padding));
}

.left-navbar {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}

.left-navbar-content {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 12px;
}

.left-navbar a.nav-link {
    margin: 0;
    display: block;
    padding: 2px 5px 2px var(--small-gap);
    background-color: white;
    border-top: unset;
    font-size: unset;
    line-height: unset;
    font-family: unset;
    border-bottom: 1px solid #c5c5a0;
    color: #666666;
    text-decoration: none;
}

.left-navbar a.root-nav-link {
    background-color: var(--top-row-bg-color);
    font-weight: normal;
    border-bottom: none;
    padding: 5px 5px 5px var(--small-gap);
    color: white;
}

.left-navbar a.non-root-nav-link:hover {
    background-color: var(--dropdown-option-hover-color);
}

.visibility-widget-row {
    display: none;
}

.narrow-page {
    width: var(--narrow-page-width);
}

.hia-webpart-titleText .toggler-icon-on-web-part, .hia-webpart-titleText a[href]:visited, .settings-header-panel a[href]:visited {
    color: var(--unvisited-link-color);
}

.summary-row-table {
    border-collapse: collapse;
    border: none;
    width: 100%;
    background: var(--summary-row-color);
}

.filtered-list-web-part .paging .current,
.filtered-list-web-part .paging td:hover a,
.filtered-list-web-part .paging .current a,
.filtered-list-web-part .paging td:hover {
    background-color: #6c96b9;
}

.filtered-list-web-part .paging td {
    border: 0;
    background-color: white;
    margin: 1px;
    cursor: pointer;
}

.filtered-list-web-part .paging td:hover a, .filtered-list-web-part .paging .current a {
    color: white;
    text-decoration: none;
}

.drag-handle-wrap {
    display: inline-flex;
    align-items: center;
}

.drag-handle {
    color: #c6c8ca;
    cursor: move;
}

.add-fields-table {
    width: 100%;
}

.selectable-row {
    cursor: pointer;
}

.overflow-table-div {
    max-height: 70vh;
    overflow-y: auto;
}

.summary-row .internal-summary-row {
    border: 0;
    font-weight: normal;
    background: var(--summary-row-color);
}

.filtered-wf-view-web-part-top-row {
    display: flex;
    gap: var(--small-gap);
}

.lookup-item-save-changes-wrapper {
    display: flex;
    justify-content: right;
    gap: var(--small-gap)
}

.role-extra-permissions-checkbox-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ct-copy-table {
    width: 100%;
}

.wizard-body {
    line-height: 1.5;
}

.wizard-body.hia-large-panel {
    border-radius: 0 0 var(--large-border-radius) var(--large-border-radius);
}

.multiselect.dropdown-toggle {
    border-radius: var(--small-border-radius);
}

:where(td) {
    padding: 0; /* Undoing user agent default. Used because we are abusing <table>s for layout, each adding 1px of padding, causing misalignment. */
}

:where(:is(h1,h2,h3,h4,h5,h6)) {
    margin-block: 0; /* Undoing user agent default. Corev15 had them at margin:auto which is bad in flexbox. */
}

.page-layout-table {
    display: flex;
    flex-direction: column;
    gap: var(--large-gap);
}

.collapsible-panels-container-panel, .permissions-container {
    display: flex;
    flex-direction: column;
    gap: var(--large-gap);
}

.rm-message-panel:not(:has(.hia-message-panel-box)) {
    display: none;
}

:is(.hia-large-panel, .collapsible-panels-container-panel):empty { /* empty panels shouldn't be displayed because it creates extra gaps */
    display: none;
}

.workflow-template-form {
    display: flex;
    flex-direction: column;
    gap: var(--large-gap);
    width: fit-content;
}

.hia-checkbox-wrapper {
    display: flex;
    gap: var(--small-gap);
    align-items: center;
    user-select: none;
}

/* a checkbox styled as a button: the label's click area covers the whole button */
.hia-button.hia-checkbox-wrapper {
    position: relative;
}

.hia-button.hia-checkbox-wrapper > label::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer;
}

.export-date-range-selection-panel {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.wf-template-plus-minus-panel {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
    /* Intent: take up as much space as the parent, but don't push parent to become larger, unless you have to */
    min-width: 100%;
    width: min-content;
    box-sizing: border-box;
}

.groups-list-groups-panel, .group-log-content-panel {
    width: fit-content;
}

.list-new-page-content {
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.workflow-instance-form {
    display: flex;
    flex-direction: column;
    gap: var(--large-gap);
    width: fit-content;
}

.small-gray-text {
    color: var(--gray-text-color);
    font-family: var(--default-font), sans-serif;
    font-size: var(--f12);
}

.small-gray-text-with-padding { /* todo: not sure if all of this is needed */
    color: var(--gray-text-color);
    padding: 5px;
    font-size: var(--f12);
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

.export-page-content {
    display: flex;
    flex-direction: column;
    gap: var(--large-gap);
}

.settings-json-page-content {
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: var(--large-gap);
}

.pick-document-association-buttons {
    margin-left: auto;
}

.record-associations-control, .data-source-edit-page-content {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

td, th {
    padding: calc(var(--small-gap) / 2); /* tables don't support gaps or margin, padding is the only way */
}

.home-page-tasks-view-columns-selector .collapsible-panel-content {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.front-page-markdown-content {
    display: grid;
    grid-template-columns: max-content auto;
    gap: var(--small-gap);
}

.front-page-markdown-row {
    display: contents;
}

.front-page-markdown-save-button {
    grid-column: 1/2;
}

.running-workflow-toolbar {
    background-color: var(--primary-color);
    color: white;
}

.workflow-toolbars, .display-form-toolbars {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
    font-weight: bold;
}

.new-workflow-toolbar {
    background-color: var(--wf-bg-col-future);
}

.finished-workflow-toolbar {
    background-color: var(--disabled-background-color);
}

.paper-archive-display-form-toolbar {
    background-color: var(--disabled-background-color)
}

.meeting-topic-display, .meeting-display {
    display: flex;
    gap: var(--large-gap);
}

.meeting-topic-display-left-panel, .meeting-display-left-panel,
.meeting-topic-display-right-panel, .meeting-display-right-panel {
    display: flex;
    flex-direction: column;
    gap: var(--large-gap);
    flex: 1 1 auto;
}

.meeting-topic-display-right-panel, .meeting-display-right-panel {
    flex: 1 1 0;
}

.item-form-panel, .list-view-grouping-edit {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.access-requirement-selection-cell {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.send-document-txt-subject {
    width: 100%;
}

table.wf-header-table {
    table-layout: fixed;
    width: auto;
}

table.wf-header-table :is(td, th) {
    width: 1%;
}

.tree-viewer :is(.tree-picker, .info-pane) {
    overflow-y: auto;
}

.tree-viewer-table-with-filter {
    display: flex;
    flex-direction: column;
}

.wizard-body:has(.tree-viewer.with-interior-scrollbars) {
    height: 100%;
    position: relative;
}

.wizard-body:has(.tree-viewer.with-interior-scrollbars) > .wizard-step {
    /* Keep overflowing tree contents from increasing the legacy table row's intrinsic height. */
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.tree-viewer.with-interior-scrollbars {
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
}

.tree-viewer.with-interior-scrollbars .tree-picker {
    height: auto;
    max-height: 100%;
}

.encryption-panel:has(.encryption-enabled input[type=checkbox]:not(:checked)) .encryption-details {
    display: none;
}

.my-documents-web-part-main-content {
    width: 100%;
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: var(--small-gap);
}

.my-documents-web-part-first-column {
    text-wrap: nowrap;
    vertical-align: top;
}

.task-reassign-header-panel {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.task-reassign-picker-panel {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.content-type-link, .field-table-link-or-text {
    margin-left: var(--tab-size);
}

.view-selector-with-links {
    display: flex;
    gap: var(--small-gap);
    align-items: center;
}

.location-display-page-content {
    display: flex;
    gap: var(--large-gap);
}

.location-display-page-left-panel {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.item-log-page-content,
.related-paper-archive-folders-page-content {
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.location-edit-page-content, .archive-box-job-action-page-content, .job-item-display-page-content {
    max-width: max-content;
}

.workflow-subscriptions-viewer {
    --border-width: 1px;
}

.workflow-subscriptions-viewer tbody tr {
    border-top: var(--border-width) solid var(--default-border-color);
}

.history-container {
    display: none;
    position: absolute;
    background: black;
    color: white;
    z-index: 100;
    width: 100%;
    left: 0;
}

.selectors-edit-app .drag-drop-container {
    padding-bottom: 10px;
}

.drag-drop-placeholder {
    border: 1px solid var(--default-border-color);
}

.private-views-delete-button {
    align-self: flex-start;
    width: max-content;
}

.private-views-row{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
    width: max-content;
}

.workflow-subscriptions-table {
    width: 450px;
}

.registers-edit-textbox {
    width: fit-content;
}

.input-label-spacing {
    margin-left: var(--small-gap);
}

.extend-access-restriction-page-content {
    max-width: var(--single-column-page-width);
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.extend-access-restriction-reasons-dropdown {
    overflow: auto;
}

.extend-access-restriction-reasons-dropdown option {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.extend-access-restriction-row {
    display: contents;
}

.extend-access-restriction-grid {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--small-gap);
}

.extend-access-restriction-reasons-wrapper {
    display: flex;
}

.extend-access-restriction-notes-box {
    width: 100%;
}

.extend-access-restriction-custom-end-selection-panel {
    display: flex;
    gap: var(--small-gap);
    align-items: center;
}

.destination-step-tree-node {
    margin-left: var(--large-gap);
}

.destination-step-tree-node-label {
    display: flex;
    gap: var(--small-gap);
    align-items: center;
}

.content-types-header-panel, .content-types-hierarchy-header-panel {
    display: flex;
    flex-direction: column;
    gap: var(--medium-gap);
}

.content-type-info-panel {
    display: flex;
    flex-direction: column;
    gap: var(--medium-gap);
    align-items: start;
}

.wizard-capture-panel div {
    display: block;
    margin-bottom: 4px;
    align-items: flex-start;
    flex-direction: column;
}
.template-container {
    max-height: 45vh;
    overflow-y: auto;
}

.template-selector, .template-container, .template-container .hia-table {
    width: 100%;
}

.template-container .title-cell {
    display: flex;
}

.big-bold-title {
    font-size: var(--large-font-size);
    font-weight: bold;
}

.fp-mfl-search-box {
    flex-grow: 1;
    background: url(/assets/legacy/images/search.svg) no-repeat scroll;
    background-size: 16px 16px;
    background-position-x: var(--small-gap);
    background-position-y: center;
    padding-left: 24px;
}

.organization-tags-edit-select-all-wrapper {
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: var(--small-gap);
    user-select: none;
}

.hidden-by-parent-visibility-filter {
    display: none;
}

.notification-settings-table {
    width: fit-content;
}

.screening-message {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--small-gap);
}

.screening-message-text {
    flex: 1;
    min-width: 200px;
}

.replace-file-upload {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.hia-breadcrumb {
    display: flex;
    overflow: hidden;
    width: 90vw; /* the intent is width: 100%, but this doesn't seem to work in this context */
}

.hia-breadcrumb > :last-child {
    font-weight: bold;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
    overflow: hidden;
    min-width: 20px;
}

.breadcrumb-item > * {
    display: flex;
}

.breadcrumb-item * {
    text-wrap: nowrap;
}

.breadcrumb-separator {
    height: 100%;
    color: lightgrey;
    transform: scaleY(2); /* previously this chevron was a background img, this will mimic previous look */
    display:flex;
    justify-content: center;
    width: 14px;
}

.hia-breadcrumb span.breadcrumb-separator {
    font-size: 21px;
}

.hia-hierarchy-breadcrumb .collapsed {
    width: 21px; /* ensure this matches the script that decides collapse state */
}

.hia-hierarchy-breadcrumb .collapsed:hover {
    width: auto;
}


/*
   WARNING: This only includes a small subset of bootstrap.
   
   We didn't include the entire bootstrap, because it slightly changed the appearance of almost everything and 
   would most likely result in lots of customer complaints initially.
   
   So far required for:
   - bootstrap-multiselect used in view filters
   - table used in EmployeesSyncLogView, 
*/

/*!

 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.ml-auto {
    margin-left: auto;
}

.overflow-auto {
    overflow: auto;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: var(--f14);
    color: var(--secondary-button-color);
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--default-border-color);
    border-radius: var(--small-border-radius);
}

.dropdown-item {
    display: block;
    width: calc(100% - 1rem);
    padding: 0.25rem 0.5rem;
    clear: both;
    font-family: var(--default-font), sans-serif;
    font-weight: 400;
    color: var(--secondary-button-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--primary-hover-color);
    text-decoration: none;
    background-color: var(--dropdown-option-hover-color);
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--primary-button-color);
    text-decoration: none;
    background-color: var(--primary-button-bg-color);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--disabled-color);
    pointer-events: none;
    background-color: transparent;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid var(--default-border-color);
}

.dropdown-header {
    font-size: var(--f14);
    color: var(--secondary-text-color);
}

.dropdown-menu.show {
    display: block;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    /*line-height: 1.5; Bootstrap has line-height 1.5 everywhere but without the rest of bootstrap this looks out of place.*/
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5);
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}

.custom-select:disabled {
    color: #6c757d;
    background-color: var(--default-border-color);
}

.custom-select::-ms-expand {
    opacity: 0;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid var(--default-border-color);
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid var(--default-border-color);
}

.table tbody + tbody {
    border-top: 1px solid var(--default-border-color);
}

.table .table {
    background-color: #fff;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid var(--default-border-color);
}

.table-bordered th,
.table-bordered td {
    border: 1px solid var(--default-border-color);
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b8daff;
}

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c3e6cb;
}

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #bee5eb;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: var(--warning-color);
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

.table .thead-light th {
    color: #495057;
    background-color: var(--default-border-color);
    border-color: var(--default-border-color);
}

.table-dark {
    color: #fff;
    background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #32383e;
}

.table-dark.table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-sm > .table-bordered {
        border: 0;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-md > .table-bordered {
        border: 0;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-lg > .table-bordered {
        border: 0;
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive-xl > .table-bordered {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
    border: 0;
}

/* Tooltip (Bootstrap v4.1.3) — used by node-hover-tooltip.js for hierarchy-node
   hover tooltips. Not part of the original subset; the layout is Bootstrap's, but the
   colours are overridden to a light theme (white card, dark text, white arrow). */
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: var(--default-font);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: var(--f14);
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.95;
}

.tooltip.fade {
    transition: opacity 0.15s linear;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #fff;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #fff;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #fff;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #fff;
}

.tooltip-inner {
    max-width: 320px;
    padding: var(--small-border-radius-padding) var(--medium-gap);
    color: var(--default-color);
    text-align: center;
    background-color: #fff;
    border: 1px solid var(--default-border-color);
    border-radius: var(--small-border-radius);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}


/**
 * Bootstrap Multiselect (http://davidstutz.de/bootstrap-multiselect/)
 *
 * Apache License, Version 2.0:
 * Copyright (c) 2012 - 2021 David Stutz
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a
 * copy of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 *
 * BSD 3-Clause License:
 * Copyright (c) 2012 - 2021 David Stutz
 * All rights reserved.
 *
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *    - Redistributions of source code must retain the above copyright notice,
 *      this list of conditions and the following disclaimer.
 *    - Redistributions in binary form must reproduce the above copyright notice,
 *      this list of conditions and the following disclaimer in the documentation
 *      and/or other materials provided with the distribution.
 *    - Neither the name of David Stutz nor the names of its contributors may be
 *      used to endorse or promote products derived from this software without
 *      specific prior written permission.
 *
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR
 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
 * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS;
 * OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY,
 * WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
 * OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
 * ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
span.multiselect-native-select {
  position: relative;
}
span.multiselect-native-select select {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px -1px -1px -3px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  left: 50%;
  top: 30px;
}
.multiselect.dropdown-toggle:after {
  display: none;
}
.multiselect {
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.multiselect-container .multiselect-reset .input-group {
  width: 93%;
}
.multiselect-container .multiselect-filter > .fa-search {
  z-index: 1;
  padding-left: 0.75rem;
}
.multiselect-container .multiselect-filter > input.multiselect-search {
  border: none;
  border-bottom: 1px solid lightgrey;
  padding-left: 2rem;
  margin-left: -1.625rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.multiselect-container .multiselect-filter > input.multiselect-search:focus {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.multiselect-container .multiselect-filter > .multiselect-moz-clear-filter {
  margin-left: -1.5rem;
  display: none;
}
.multiselect-container .multiselect-option.multiselect-group-option-indented {
  padding-left: 1.75rem;
}
.multiselect-container .multiselect-option,
.multiselect-container .multiselect-group,
.multiselect-container .multiselect-all {
  padding: 0.25rem 0.25rem 0.25rem 0.75rem;
}
.multiselect-container .multiselect-option.dropdown-item,
.multiselect-container .multiselect-group.dropdown-item,
.multiselect-container .multiselect-all.dropdown-item,
.multiselect-container .multiselect-option.dropdown-toggle,
.multiselect-container .multiselect-group.dropdown-toggle,
.multiselect-container .multiselect-all.dropdown-toggle {
  cursor: pointer;
}
.multiselect-container .multiselect-option .form-check-label,
.multiselect-container .multiselect-group .form-check-label,
.multiselect-container .multiselect-all .form-check-label {
  cursor: pointer;
}
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active {
  background-color: lightgrey;
  color: black;
}
.multiselect-container .multiselect-option:hover,
.multiselect-container .multiselect-group:hover,
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-all:focus {
  background-color: darkgray !important;
}
.multiselect-container .multiselect-option .form-check,
.multiselect-container .multiselect-group .form-check,
.multiselect-container .multiselect-all .form-check {
  padding: 0 5px 0 20px;
}
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-all:focus {
  outline: none;
}
.form-inline .multiselect-container span.form-check {
  padding: 3px 20px 3px 40px;
}
.input-group.input-group-sm > .multiselect-native-select .multiselect {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  padding-right: 1.75rem;
  height: calc(4em);
}
.input-group > .multiselect-native-select {
  flex: 1 1 auto;
  width: 1%;
}
.input-group > .multiselect-native-select > div.btn-group {
  width: 100%;
}
.input-group > .multiselect-native-select:not(:first-child) .multiselect {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .multiselect-native-select:not(:last-child) .multiselect {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}



/* Body of the hierarchy-node hover tooltip built by node-hover-tooltip.js. The card itself is
   the Bootstrap tooltip (.tooltip / .tooltip-inner in bootstrap-partial.css); these are the
   two-column metadata grid inside it: labels right-aligned, values left-aligned, meeting in a
   centred gutter (mirrors the display form label/value layout). */

.tooltip-inner:has(.tooltip-menu) {
    max-width: 500px;
}

.tooltip-menu {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: var(--medium-gap);
    row-gap: var(--small-gap);
    justify-content: center;
}

.tooltip-label {
    text-align: right;
    color: var(--secondary-text-color);
}

.tooltip-item {
    text-align: left;
}

.tooltip-section-label {
    grid-column: 1 / -1;
    text-align: center;
    color: var(--secondary-text-color);
    font-variant-caps: all-small-caps;
    letter-spacing: 0.06em;
}

.tooltip-section-label:not(:first-child) {
    margin-top: var(--small-gap);
    -padding-top: var(--small-gap);
    -border-top: 1px solid var(--default-border-color);
}



/* responsive item form layout */

.item-form-form-section {
    grid-area: form;
}

.item-form-contributor-section {
    grid-area: contributor;
    display: flex;
    flex-direction: column;
    gap: var(--large-gap);
}

.item-form {
    font-size: var(--f14);
    display: grid;
    gap: 20px;

    /* mobile layout, columns go down */
    grid-template-areas:
        "form"
        "contributor";
}

@media (min-width: 800px) {
    .item-form {
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "form contributor";
    }
}

.item-form-form-section {
    background: white;
    padding: var(--large-border-radius-padding);
    border-radius: var(--large-border-radius);
    border: 1px solid var(--default-border-color);
}

.item-form-panel:empty {
    display: none;
}
.image-bank-preview {
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.image-bank-preview img {
    max-height: var(--image-preview-height);
    max-width: 100%;
    width: auto;
    height: auto;
}

/* the list picture column: the button is out of flow, so a row carrying a
   picture is exactly as tall and as wide as a row without one, and the
   picture scales into the room the row already has, keeping its ratio */
.image-bank-thumbnail-cell {
    position: relative;
}

.image-bank-thumbnail-cell .image-bank-preview {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-bank-thumbnail-cell .image-bank-preview img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.image-bank-dialog:not(.iziModal) {
    display: none;
}

/* the full-size preview: an overlay covering the page, with the popup centred
   in it. The popup carries no close button, so the darkened area around it is
   what a click closes it by. */
.image-bank-dialog.iziModal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    margin: 0;
    width: auto;
    height: auto;
    padding: var(--large-gap);
    z-index: 1000;
    background: rgba(0, 0, 0, 0.6);
    box-shadow: none;
}

.image-bank-dialog.iziModal[hidden] {
    display: none;
}

/* auto margins rather than flex centring: they keep the picture centred while
   it fits and, once it does not, leave both scroll directions reachable */
.image-bank-dialog .iziModal-content {
    display: flex;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    background: var(--default-bg-color);
    border-radius: var(--small-border-radius);
}

.image-bank-dialog img {
    display: block;
    width: auto;
    height: auto;
    margin: auto;
}

/* RM/ItemPreview.ashx in showIframeBigModal: an iframe modal 0.9 of the
   workspace, its frame below the title bar; the unsupported-format text takes
   the frame's place. */
.file-preview-overlay {
    z-index: 1002;
    background: rgba(0, 0, 0, 0.6);
}

.file-preview-dialog.iziModal {
    display: flex;
    flex-direction: column;
    width: 90vw;
    height: 90vh;
    z-index: 1003;
}

.file-preview-dialog .iziModal-iframe {
    flex: 1;
    min-height: 0;
    width: 100%;
    border: 0;
    margin: 0;
    background: var(--default-bg-color);
}

/* The authenticated Mobile-ID wizard keeps the inspected payloads and
challenge visible while its provider request is pending. */
.internal-mobile-overlay {
    z-index: 1004;
    background: rgba(0, 0, 0, 0.6);
}

.internal-mobile-dialog.iziModal {
    display: flex;
    flex-direction: column;
    width: min(680px, 90vw);
    height: min(620px, 90vh);
    z-index: 1005;
}

.internal-mobile-dialog .hia-dialog-viewport {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-rows: 1fr auto;
}

.internal-mobile-dialog .hia-dialog-content {
    overflow-y: auto;
    padding: var(--medium-gap);
}

.internal-mobile-dialog .hia-dialog-fixed-footer {
    display: flex;
    padding: var(--medium-gap);
}

#internal-mobile-sign-form {
    display: grid;
    gap: var(--small-gap);
}

/* P243 TemplateFileSelectionDialog: the source opens the dialog page in an
   iframe popup sized from the workspace; ai-dok renders the same page inside
   the edit form, so the _DialogLayout viewport (dialog-layout.css, which only
   the dialog bundle carries) fills the modal box rather than the window. */
.template-file-selection-overlay {
    z-index: 1000;
    background: rgba(0, 0, 0, 0.6);
}

.template-file-selection-dialog.iziModal {
    display: flex;
    flex-direction: column;
    width: min(920px, 90vw);
    height: min(620px, 90vh);
    z-index: 1001;
}

.template-file-selection-dialog .hia-dialog-viewport {
    flex: 1;
    min-height: 0;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 1fr auto;
}

.template-file-selection-dialog .hia-dialog-content {
    overflow-y: auto;
    padding: var(--medium-gap);
    display: flex;
    flex-direction: column;
}

.template-file-selection-dialog .hia-dialog-fixed-footer {
    display: flex;
    padding: var(--medium-gap);
}

/* Ensure icons stay 16px x 16px and are aligned properly */

/* No @import for the libman 400.css here: the server never serves that path
   (only its files/*.woff2 survived the legacy transplant), and the @font-face
   below already covers the glyph font (#296). */

.material-icons-outlined {
    display: inline-flex;
    width: 1em; /* prevent flickering - shouldn't change size before and after loading the font */

    font-family: 'material icons outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 21px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons-outlined.download-icon {
    color: black;
}

@font-face { /* This exists because we'd like font-display: block to avoid flickering, but can't edit the libman files and have to copy the whole thing here and change paths. */
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-display: block;
    font-weight: 400;
    src: url(/assets/legacy/libman/material-icons-outlined/files/material-icons-outlined-latin-400-normal.woff2) format('woff2'), url(/assets/legacy/libman/material-icons-outlined/files/material-icons-outlined-latin-400-normal.woff) format('woff');
}

.rotating-icon {
    display: inline-flex;
    user-select: none;
}

.icon-16px-wrapper {
    height: var(--icon-size);
    width: var(--icon-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-right: 5px;
    vertical-align: middle;
}

.icon-16px {
    height: var(--icon-size);
    width: var(--icon-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: clip;
    vertical-align: middle; /* in case it has no wrapper */
}


.substring-searchable-select-wrapper {
    position: relative;
    width: 100%;
    border: 1px solid var(--default-border-color);
    padding-block: var(--default-input-vertical-padding);
    padding-inline: 2px;
    user-select: none;
    box-sizing: border-box;
}

.substring-searchable-select-wrapper:focus-within, .substring-searchable-select-wrapper:focus {
    border-color: var(--spcol12);
    outline: 1px solid var(--focused-input-color);
}

.substring-searchable-select-wrapper .display-box {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-wrap: nowrap;
    width: 100%;
}

.substring-searchable-select-wrapper .display-box .selected-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.substring-searchable-select-wrapper .search-overlay {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    background: white;
    border: 1px solid var(--default-border-color);
    margin-top: 1px;
}

.substring-searchable-select-wrapper .search-box {
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    border: none;
    font-weight: normal;
}

.substring-searchable-select-wrapper .options {
    max-height: 500px;
    overflow-y: auto;
}

.substring-searchable-select-wrapper .option {
    padding: 6px 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
}

.substring-searchable-select-wrapper .selected {
    background-color: var(--dropdown-option-hover-color);
}


.toolbar-btn, .toolbar-span-a {
    border-radius: var(--small-border-radius);
}

/* a typeless input is a text input, so it belongs in the shared control look;
   without it such boxes kept the square user-agent corners */
button, input:where(:not([type]), [type=number], [type=text], [type=submit], [type=button]), select, textarea, .substring-searchable-select-wrapper {
    border-radius: var(--small-border-radius);
    padding-left: var(--small-border-radius-padding);
    padding-right: var(--small-border-radius-padding);
}

textarea {
    border-radius: var(--small-border-radius) var(--small-border-radius) 0 var(--small-border-radius);
}

.hia-button {
    --hia-btn-hover-fg-color: var(--hia-btn-fg-color);
    --hia-btn-hover-bg-color: var(--hia-btn-bg-color);
    --hia-btn-hover-border-color: var(--hia-btn-border-color);
    --hia-btn-hover-outline-width: 3px;
    --hia-btn-line-height: 24px;

    transition: outline-width 0.1s ease, outline-offset 0.1s ease;
    font-size: var(--f14);
    line-height: var(--hia-btn-line-height);
    box-sizing: border-box; /* so the floor below is the height that shows, on a <span> toggle as much as on a <button> */
    min-height: calc(var(--hia-btn-line-height) + 2px); /* the line box and the borders: a button with a shorter icon in
                                                           it stays the size of one with a label */
    border-radius: var(--small-border-radius);
    padding: 0 var(--small-border-radius-padding);

    color: var(--hia-btn-fg-color);
    background-color: var(--hia-btn-bg-color);
    border: 1px solid var(--hia-btn-border-color);
    outline: var(--hia-btn-border-color) solid 0px;
}

.hia-button .material-icons-outlined {
    line-height: var(--hia-btn-line-height);
    align-items: center;
}

/* an image icon has a definite height, so the toggle's flex box would leave it at the top */
.hia-button .icon-16px {
    align-self: center;
}

.hia-button-small .material-icons-outlined {
    font-size: 18px;
}

/* what sits at an edge with a bearing of its own cancels the compact button's padding there: the arrow_drop_down
   glyph and the task image that replaces it, not a toggle icon that comes as a glyph */
.hia-button-small > .dropdown-caret:first-child {
    margin-left: -4px;
}

.hia-button-small > .dropdown-caret:last-child {
    margin-right: -4px;
}

.hia-button-small .dropdown-caret {
    width: 18px;
}

/* the 16px image is taller than the small line box, so it overflows rather than stretching the button */
.hia-button-small .icon-16px {
    margin-block: calc((var(--hia-btn-line-height) - var(--icon-size)) / 2);
}

.hia-button:not([disabled]) .material-icons-outlined {
    color: var(--hia-btn-fg-color);
}

.hia-button.hia-important-button:not([disabled]),
.hia-buttons-container:has(> .hia-important-button) > .hia-button { /* if one is important, they all are, otherwise looks inconsistent */
    outline-width: 1px;
}

.hia-button:not([disabled]):hover {
    outline-width: var(--hia-btn-hover-outline-width);
    outline-offset: -1px; /* some annoying gap in rendering, this causes outline to overlap the border/body a bit */
    cursor: pointer;

    color: var(--hia-btn-hover-fg-color);
    background-color: var(--hia-btn-hover-bg-color);
    border-color: var(--hia-btn-hover-border-color);
    outline-color: var(--hia-btn-hover-border-color);
}

.hia-button[disabled], .hia-button[disabled]:hover, .hia-button[disabled] .material-icons-outlined {
    cursor: not-allowed;
    color: var(--disabled-color);
    background-color: var(--disabled-background-color);
    border-color: var(--disabled-background-color);
    outline-color: var(--disabled-background-color);
}

.hia-buttons-container {
    display: flex;
    gap: var(--small-gap);
    align-items: center;
}

.hia-buttons-container-right {
    margin-left: auto;
    justify-content: right;
}

.hia-buttons-container-left {
    justify-content: left;
    margin-right: auto;
}

.hia-primary-button {
    --hia-btn-fg-color: var(--primary-button-color);
    --hia-btn-bg-color: var(--primary-button-bg-color);
    --hia-btn-border-color: var(--primary-button-bg-color);

    --hia-btn-hover-bg-color: var(--primary-hover-color);
    --hia-btn-hover-border-color: var(--primary-hover-color);
}

.hia-secondary-button {
    --hia-btn-fg-color: var(--secondary-button-color);
    --hia-btn-bg-color: var(--secondary-button-bg-color);
    --hia-btn-border-color: var(--secondary-button-color);

    --hia-btn-hover-fg-color: var(--primary-hover-color);
    --hia-btn-hover-border-color: var(--primary-hover-color);
}

.hia-transparent-button {
    --hia-btn-fg-color: var(--secondary-button-color);
    --hia-btn-bg-color: transparent;
    --hia-btn-border-color: transparent;

    --hia-btn-hover-fg-color: var(--primary-hover-color);
    --hia-btn-hover-border-color: var(--primary-hover-color);
}

.hia-button-small {
    --hia-btn-hover-outline-width: 2px;
    --hia-btn-line-height: var(--f14);
    border-radius: 6px;
    padding: 0 4px;
}

.hia-delete-button {
    --hia-btn-border-color: var(--delete-button-color);
    --hia-btn-hover-fg-color: var(--hia-btn-fg-color);
    --hia-btn-hover-bg-color: var(--hia-btn-bg-color);
    --hia-btn-hover-border-color: var(--hia-btn-border-color);
}

.hia-delete-button.hia-primary-button {
    --hia-btn-bg-color: var(--delete-button-color);
}

.hia-delete-button:not(.hia-primary-button) {
    --hia-btn-fg-color: var(--delete-button-color);
}

.hia-button:is(.toolbar-span-a, .toolbar-btn) > a {
    color: var(--hia-btn-fg-color);
    background-color: var(--hia-btn-bg-color);
}

.toolbar-menu-item .toolbar-span-a {
    border-radius: 0;
}

.toolbar-menu-item:first-child .toolbar-span-a {
    border-radius: var(--small-border-radius) var(--small-border-radius) 0 0;
}

.toolbar-menu-item + .toolbar-menu-item .toolbar-span-a {
    border-top: 0;
}

.toolbar-menu-item:last-child .toolbar-span-a {
    border-radius: 0 0 var(--small-border-radius) var(--small-border-radius);
}
.toolbar-menu-item:only-child .toolbar-span-a {
    border-radius: var(--small-border-radius);
}


.dropdown-toggle {
    display: inline-flex;
}

/* bubble-cap narrows this to our toggle - .dropdown-toggle alone is bootstrap-multiselect's button and options too */
.dropdown-toggle.bubble-cap {
    gap: var(--small-gap); /* between a WithToggleLabel() icon, the label and the caret; never trailing, unlike a margin */
}

.dropdown-label {
    white-space: nowrap; /* the toggle is as wide as its label; a wrapped one would break the tab */
}

/* DropdownMenu.Button(): the toggle's layout without any of the menu chrome, so the two line up in one
   toolbar. It is a <button>, which without this lays its icon out inline and drops it off the text baseline. */
.dropdown-button {
    display: inline-flex;
    align-items: center;
    gap: var(--small-gap);
}

/* .dropdown-hover no longer piggybacks on hia-toolbar-menu, so it needs its own layout
   and positioning context — position:relative is the containing block bubble-cup's
   position:absolute and bubble-border's anchor positioning resolve against. */
.dropdown-hover {
    display: flex;
    position: relative;
}

.dropdown-hover:not([disabled]):hover .dropdown-menu {
    display: block;
}

/* The toggle's style class is also on the outer element (see DropdownMenu), so the --hia-btn-* colors of any
   button style reach the whole open tab: cap, connector (bubble-border) and cup share them. The open border is
   the style's hover border, which every style defines visibly; a transparent button background composes over white. */
.dropdown, .dropdown-hover {
    --bubble-fg-color: var(--hia-btn-fg-color, var(--secondary-button-color));
    --bubble-hover-fg-color: var(--hia-btn-hover-fg-color, var(--bubble-fg-color));
    --bubble-bg-color: var(--hia-btn-bg-color, #fff);
    --bubble-background: linear-gradient(var(--bubble-bg-color), var(--bubble-bg-color)) #fff;
    --bubble-border-color: var(--hia-btn-hover-border-color, var(--hia-btn-border-color, var(--default-border-color)));
}

/* a click menu opened by hovering (HiA.ContextMenu.js adds .hover-open) keeps a neutral border until it is clicked */
.dropdown.hover-open {
    --bubble-border-color: var(--default-border-color);
}

/* .hia-button.bubble-cap outranks .hia-button:hover, so the open cap keeps the tab colors while hovered */
.hia-button.bubble-cap[aria-expanded="true"],
.dropdown-hover:not([disabled]):hover .hia-button.bubble-cap {
    color: var(--bubble-fg-color);
    background: var(--bubble-background);
    border-color: var(--bubble-border-color);
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bubble-cap[aria-expanded="true"],
.dropdown-hover:not([disabled]):hover .bubble-cap:not(:hover) {
    outline: transparent solid 0;
}

.bubble-cup {
    color: var(--bubble-fg-color);
    background: var(--bubble-background);
    border-color: var(--bubble-border-color);
}

.bubble-cup .dropdown-item:not(.disabled) {
    color: var(--bubble-fg-color);
}

/* bootstrap-partial's item hover/active use the primary palette; inside a tab they tint with the tab's own colors */
.bubble-cup .dropdown-item:is(:hover, :focus) {
    color: var(--bubble-hover-fg-color);
    background-color: color-mix(in srgb, currentColor 12%, transparent);
}

.bubble-cup .dropdown-item:is(.active, :active) {
    color: var(--bubble-hover-fg-color);
    background-color: color-mix(in srgb, currentColor 24%, transparent);
}

.bubble-cup .dropdown-divider {
    border-top-color: var(--bubble-border-color);
}

.bubble-cup.dropdown-menu-right.show,
.dropdown-hover:not([disabled]):hover .bubble-cup.dropdown-menu-right {
    border-top-right-radius: 0;
}

.bubble-cup.dropdown-menu-left.show,
.dropdown-hover:not([disabled]):hover .bubble-cup.dropdown-menu-left {
    border-top-left-radius: 0;
}

.bubble-cup.show,
.dropdown-hover:not([disabled]):hover .bubble-cup {
    margin-top: -1px;
}

/* anchor-size() doesn't resolve inside ::before/::after, only on real elements — so the
   connector is a real sibling element (bubble-border) sitting between bubble-cap and
   bubble-cup, instead of a pseudo-element. It draws the top border (with a gap matching
   the button's real width) and the rounded far corner; bubble-cup keeps border-top:none
   above, so bubble-border is the only thing drawing that edge. */
.bubble-cap {
    anchor-name: --bubble-cap;
}

.dropdown, .dropdown-hover {
    anchor-scope: --bubble-cap;
}

/* noinspection CssOverwrittenProperties */
.bubble-border {
    --bubble-cap-width: 15px;
    --bubble-cap-width: anchor-size(width, 32px);
    position: absolute;
    position-anchor: --bubble-cap;
    top: calc(anchor(bottom) - 2px);
    left: calc(anchor(left) + 1px);
    width: calc(var(--bubble-cap-width) - 2px);
    height: 2px;
    background: var(--bubble-background);
    z-index: 1001;
    display: none;
    pointer-events: none;
}

/* Only visible while the dropdown is actually open: aria-expanded="true" for the
   click/Bootstrap-driven ContextMenuControl case (bubble-cap is the immediately preceding
   sibling of bubble-border), :hover for the CSS-only selection menu case. */
.bubble-cap[aria-expanded="true"] + .bubble-border,
.dropdown-hover:not([disabled]):hover .bubble-border {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 0.5rem 0.25rem;
    margin-bottom: 0;
    cursor: default;
    user-select: none;
}

.header-label {
    font-size: 0.875rem;
    color: var(--secondary-text-color);
    white-space: nowrap;
    font-family: var(--default-font), sans-serif;
    letter-spacing: 0.03em;
}

.dropdown-menu {
    margin-left: 0.5px; /** hack */
    margin-right: -0.5px; /** hack */
}

.dropdown-item-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: text-top;
}


.hia-table > tbody > tr span.error {
    font-size: 1.3em;
    font-weight: bold;
    font-style: italic;
    white-space: pre-wrap;
}

.hia-table > tbody > tr span.error span.details {
    font-size: 1em;
}

.hia-table, table {
    border-collapse: collapse;
    font-family: var(--default-font), sans-serif;
}

table:where(.hia-table) td {
    padding: 8px;
}

.hia-table, .hia-table th {
    color: #000;
    line-height: inherit;
    font-size: var(--f14);
    padding: 8px;
    text-align: left;
}

.hia-table input, .hia-table button {
    font-size: var(--f14); /* all buttons should have the same font size */
}

.hia-table .sortable a {
    color: #000;
    font-family: var(--default-font), sans-serif;
    font-size: var(--f14);
}

.hia-table .column-header .sortable {
    cursor: pointer;
}

.hia-table th {
    padding: 8px;
}

.hia-table > thead > tr td {
    padding: 5px;
}

.hia-table > thead > tr.summary-row,
.hia-table tr.summary-row {
    --row-bg-color: var(--summary-row-color);
    background-color: var(--summary-row-color);
    --row-color: #484848;
    color: #484848;
    font-weight: normal !important;
}

.hia-table .summary-row td {
    border: 0;
    padding: 3px 4px;
    vertical-align: middle;
}

.hia-table .paging td.currentPage {
    display: block;
    min-width: 70px;
}

table:where(.hia-table) tbody tr {
    --row-bg-color: #fff;
    background-color: var(--row-bg-color);
    font-size: var(--f14);
}

table:where(.hia-table) tr {
    --row-bg-color: #fff;
    background-color: var(--row-bg-color);
}

.hia-table > tbody > tr > td {
    padding: 4px;
    font-family: var(--default-font), sans-serif;
}

.hia-table > tbody > tr {
    font-size: var(--f14);
}

.hia-table > thead > tr.header-row {
    font-family: var(--default-font), sans-serif;
    font-weight: bold;
}

.hia-table-striped > :where(tbody > tr:nth-child(even)) {
    background-color: #f7f7f2;
}

.hia-table > tbody > tr:not(.internal-summary-row, .mfl-summary-row):hover td.ms-vb2 > table > tbody > tr,
.hia-table > tbody > tr:not(.internal-summary-row, .mfl-summary-row):hover {
    background-color: color-mix(in srgb, black 10%, var(--row-bg-color, #fff));
}

.hia-table .organizationPageHeaderRow {
    font-weight: bold;
}

.hierarchy-viewer .hia-table .hover td {
    cursor: pointer;
}

.hierarchy-viewer .hia-table .hover td, .tree-viewer .hia-table .focused td {
    background-color: rgba(0, 0, 0, .075);
}

.hia-table > thead > tr input[type="checkbox"] {
    width: 21px;
    min-width: 21px;
}

.hia-table .cacheGroupTitle {
    font-weight: bold;
}

.hia-table > tbody > tr .cacheGroupHidden {
    padding: 0;
    height: 0;
    overflow: hidden;
}

.hia-table > tbody > tr .cache-clear-button-wrapper {
    text-align: right;
    font-weight: bold;
    height: 100%;
    padding: 0;
}

.hia-table .cache-clear-button {
    height: 100%;
    width: 100%;
    margin: 0;
    border-radius: 0;
}

.hia-table .cacheGroup {
    border-bottom: none;
    height: 0;
}

.hia-table.cache-table {
    width: fit-content;
}

.hia-table .summary-row,
.hia table .summary-row td {
    background: var(--summary-row-color);
    padding: 4px;
}

:is(.hia-table, .settings-table, .settings-table-alternate, .email-settings-table) > :is(tr, :is(tbody, thead, tfoot) > tr) {
    border-bottom: 1px solid var(--default-border-color);
}

:is(.hia-table, .settings-table, .settings-table-alternate, .email-settings-table) {
    /* Would like to not draw bottom border to very last row. Seems nearly impossible to select it due to an arbitrary
    number of <thead>, <tbody>, <tfoot>, which break things like :last-child or :last-of-type. Instead we overwrite the
    last row border by the containing <table> having a border (assuming border-collapse).
     */
    border-bottom: 2px solid transparent; /* need 2px instead of 1 because of rendering quirks */
}

.hia-webpart-wrapper .hia-table,
.hia-webpart-wrapper .hia-table td,
.hia-webpart-wrapper .hia-table tr,
.hia-webpart-wrapper .hia-table th {
    border: none;
}

.hia-webpart-wrapper .hia-table .mfl-summary-row,
.hia-webpart-wrapper .hia-table .summary-row,
.hia-webpart-wrapper .hia-table .internal-summary-row,
.hia-webpart-wrapper .hia-table .summary-row-table {
    background-color: white;
}


.flame-graph-container {
    display: none;
    position: absolute;
    z-index: 100;
    width: 100%;
    left: 0;
    background-color: #e6e6e6;
    background-image: repeating-linear-gradient(
            -45deg,
            rgba(0, 0, 0, 0.08),
            rgba(0, 0, 0, 0.08) 5px,
            transparent 5px,
            transparent 10px
    );
}

.flame-graph-node-children {
    display: flex;
}

.flame-graph-node {
    overflow: hidden;
    margin-top: auto;
    max-width: 0;
}

.flame-graph-label {
    min-width: unset;
    width: 100%;
    height: 50px;
    background: orange;
    border: 1px solid black;
    box-sizing: border-box;
}

.flame-graph-self-time {
    opacity: 0.2;
}

.flame-graph-node:focus-within, .flame-graph-node:focus {
    max-width: unset;
    min-width: 100%;
}

.flame-graph-node:focus .flame-graph-node, .flame-graph-root-node:not(:focus-within) .flame-graph-node {
    max-width: unset;
}

.flame-graph-node:focus > .flame-graph-label {
    filter: brightness(85%);
}

.flame-graph-node:focus-within:not(:focus) > .flame-graph-label {
    filter: grayscale(1);
}

.flame-graph-label {
    display: flex;
}

.flame-graph-more-info {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-width: 100%;
    box-sizing: border-box;
    background: azure;
    display: none;
}

.flame-graph-more-info table, .flame-graph-more-info tr, .flame-graph-more-info td {
    border: 1px solid black;
    padding: 5px;
}

.flame-graph-more-info table {
    width: 100%;
    table-layout: fixed;
}

.flame-graph-more-info pre {
    max-width: 100%;
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.flame-graph-node:focus > .flame-graph-more-info {
    display: block;
}


/* scrolling */

html, body, form, .hia-viewport {
    height: 100%; /* Ensures that height does NOT include mobile bottom toolbars, otherwise our own bottom toolbar gets hidden under there. */
}

.hia-viewport {
    width: 100vw;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.hia-workspace-area {
    overflow-x: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--workspace-background-color);
}

/* top row and ribbon */

/* mobile layout. hia-top-row consists of two parts: an upper part that contains toggle icons and a logo,
 * and a lower part that is hidden by default and contains everything else */

.hia-top-row {
    background-color: var(--top-row-bg-color);
    display: flex;
    font-size: 1rem;
    flex-direction: column;
}

.hia-top-row-main-area {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--top-row-border-color);
}

.hia-top-row button {
    cursor: pointer;
}

.hia-top-row-button {
    height: 100%;
    min-width: 50px;
    background-color: var(--top-row-bg-color);
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid var(--top-row-border-color);
    border-right: 1px solid var(--top-row-border-color);
    color: var(--top-row-text-color);
    border-radius: 0;
}

.hia-top-row-button:hover {
    color: var(--top-row-bg-color);
    background-color: var(--top-row-hover-bg-color);
}

.hia-top-row-button-icon {
    vertical-align: middle;
}

.hia-toggle-navigation-button {
    border-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hia-toggle-menu-button {
    margin-left: auto;
    border-right: 0;
}

.hia-top-row-menu-area {
    display: flex;
    flex-direction: column;
}

.hia-top-row-navigation-area {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.hia-top-row-navigation-link {
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid var(--top-row-border-color);
}

.hia-top-row-navigation-link:hover {
    text-decoration: none;
}

.hia-top-row-navigation-area a:link,
.hia-top-row-navigation-area a:visited {
    color: var(--top-row-text-color);
}

.hia-top-row-help-userinfo-area {
    display: flex;
    flex-direction: column;
}

.hia-top-row-help-userinfo-area button {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid var(--top-row-border-color);
    background-color: var(--top-row-bg-color);
    color: var(--top-row-text-color);
    padding: 10px 15px 10px 15px;
    width: 100%;
    border-radius: 0;
}

#hia-top-navigation-userinfo-button {
    display: flex;
}

.hia-top-navigation-userinfo-button-username {
    vertical-align: middle;
    /* The name is the one part of the prerendered top row that the browser fills
       in (from the name remembered for this visitor), and the top row splits its
       width between the two areas by their content, so a name appearing out of
       nothing moved the navigation sideways. Holding the box of an ordinary name
       keeps everything still; a longer one still widens it once. inline-block,
       because an inline box cannot take a width. (#139) */
    display: inline-block;
    min-width: 7em;
}

.hia-top-navigation-userinfo-button-caret {
    margin-left: auto;
    vertical-align: middle;
}

#hia-top-navigation-userinfo-dropdown {
    position: unset;
}

.hia-top-navigation-userinfo-dropdown-item {
    display: block;
    width: 100%;
    background-color: var(--top-row-hover-bg-color);
    border-bottom: 1px solid #eaeaea;
    padding: 5px 15px 5px 15px;
}

a:link.hia-top-navigation-userinfo-dropdown-item,
a:visited.hia-top-navigation-userinfo-dropdown-item {
    color: var(--top-row-bg-color);
}

.hia-site-logo-a {
    margin-right: auto;
}

.hia-help-button {
    text-align: start;
}

.hia-help-button-short-text {
    display: none;
}

.hia-developer-info-area {
    display: none;
}

.hia-ribbon-row {
    background-color: var(--ribbon-bg-color);
    display: none; /* ignore ribbon-row on mobile for now */
    font-family: var(--navigation-font);
    font-size: var(--navigation-font-size);
    color: var(--navigation-link-text-color);
}

.hia-breadcrumb-area {
    margin-bottom: var(--large-gap); /* Todo: can use gap? */
    padding-left: 15px;
    padding-bottom: var(--large-panel-padding);
    font-size: var(--f14);
    background: white;
}

.hia-main-content {
    margin-left: 12px;
    margin-right: 12px;
    flex-grow: 1;
    min-width: 0; /* Collapsed/wide descendants must not reserve the content column's width; visible wide content still scrolls in the workspace. */
    display: flex;
    flex-direction: column;
    gap: var(--large-gap);
    font-size: var(--f14);
    font-family: var(--default-font), sans-serif;
}

.hia-content-row {
    display: flex;
    flex-grow: 1;
    /* mobile layout */
    flex-direction: column;
}

@media (max-width: 699px) {
    /* we completely separate states of things toggled by menu/navigation buttons for mobile and desktop */
    /* see layout.js */

    .mobile-hidden {
        display: none;
    }

    [data-toggle-mobile-hidden=false] .open-menu-icon,
    [data-toggle-mobile-hidden=true] .close-menu-icon
    {
        display: none;
    }
}

/* desktop layout */
@media (min-width: 700px) {
    [data-toggle-desktop-hidden=false] .open-menu-icon,
    [data-toggle-desktop-hidden=true] .close-menu-icon {
        display: none;
    }

    /* scrolling - top row is now sticky */
    .hia-viewport {
        overflow: hidden;
    }

    .hia-workspace-area {
        overflow: auto;
    }

    /* from this point on, put the sidebar to the left. note that on small enough
       screens, we will still minimize the sidebar by default */
    .hia-content-row {
        flex-direction: row;
    }

    .hia-sidebar {
        display: block;
        flex: 0 0 280px;
    }

    .hia-toggle-menu-button {
        display: none;
    }

    .hia-top-row,
    .hia-top-row-menu-area,
    .hia-top-row-navigation-area,
    .hia-top-row-help-userinfo-area {
        flex-direction: row;
    }

    .hia-site-logo-div {
        margin-right: auto;
    }

    .hia-top-row-main-area {
        flex-grow: 1;
        border-bottom: 0;
    }

    .hia-top-row-menu-area-outer {
        flex-grow: 2;
    }

    .hia-top-row-menu-area {
        height: 100%;
    }

    .hia-top-row-navigation-area {
        height: 100%;
    }

    .hia-top-row-navigation-link {
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 1px;
        margin-right: 1px;
        display: flex;
        align-items: center;
    }

    .hia-top-row-navigation-link {
        border-bottom: 0;
    }

    .hia-top-row-navigation-link.selected,
    .hia-top-row-navigation-link:hover {
        border-top: 5px solid white;
        border-bottom: 5px solid white;
    }

    .hia-top-row-help-userinfo-area {
        margin-left: auto;
    }

    .hia-top-row-help-userinfo-area button {
        border-left: 1px solid var(--top-row-border-color);
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        background-color: var(--top-row-bg-color);
        color: var(--top-row-text-color);
        padding: 10px 15px 10px 15px;
        width: unset;
        height: 100%;
    }

    .hia-top-row-help-userinfo-area button:hover {
        background-color: var(--top-row-hover-bg-color);
        color: var(--top-row-bg-color);
    }

    .hia-help-button {
        min-width: 50px;
        text-align: center;
    }

    .hia-help-button-long-text {
        display: none;
    }

    .hia-help-button-short-text {
        /* inline-flex, not inline, so the icon keeps the 1em box .material-icons-outlined
           reserves: an inline box is as wide as the ligature name until the icon font
           loads, which widened the top row and moved the navigation on every load. */
        display: inline-flex;
    }

    #hia-top-navigation-userinfo-button {
        display: unset;
    }

    #hia-top-navigation-userinfo-dropdown {
        position: absolute;
        z-index: 2001;
        top: 50px;
        right: 0;
        border-left: 1px solid #eaeaea;
        min-width: 185px;
        max-width: 375px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        font-size: 0.95em;
    }

    .hia-top-navigation-userinfo-dropdown-item {
        padding: 10px 30px;
        width: unset;
    }

    .hia-ribbon-row {
        display: flex;
        background-color: var(--ribbon-bg-color);
        min-height: 35px;
    }

    .hia-developer-info-area {
        display: flex;
        margin-right: auto;
        gap: var(--small-gap);
        align-items: start;
    }

    .desktop-hidden {
        display: none;
    }
}

.hia-sidebar ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 0;
}

.ribbon-row-items {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 20px; /* so it wouldn't be right on the edge of screen */
}

.ribbon-row-items > * {
    display: flex;
    align-items: center;
    gap: var(--small-gap);
}

.ribbon-navigation {
    min-height: 35px;
    vertical-align: middle;
    display: flex;
    gap: 20px;
}

.ribbon-navigation a[href], .ribbon-navigation a:visited[href] {
    color: var(--navigation-link-text-color);
}

.ribbon-navigation a[href]:hover, .ribbon-navigation a:visited[href]:hover {
    color: var(--unvisited-link-color);
    text-decoration: none;
}

.ribbon-navigation-item {
    display: flex;
    gap: 5px;
    align-items: center;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.ribbon-navigation-fly-out {
    display: flex;
    gap: 5px;
    align-items: center;
}

.ribbon-navigation-item {
    font-weight: bold;
}

.ribbon-navigation-child-item {
    font-weight: normal;
    background-color: var(--navigation-link-bg-color);
}

.ribbon-navigation-child-container {
    display: none;
    position: absolute;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 100;
    top: 100%;
    left: 0;
}

.ribbon-navigation-item.open .ribbon-navigation-child-container {
    display: block;
}

.ribbon-navigation .rotating-icon {
    display: inline-block;
    transition: transform 0.2s ease;
    vertical-align: middle;
}

.ribbon-navigation-item.open .rotating-icon {
    transform: rotate(-90deg);
}

.ribbon-navigation-child-item {
    padding: 6px 12px;
    white-space: nowrap;
}

.hia-ribbon-row {
    background: white;
}

.hia-webpart-wrapper {
    background: white;
    border-radius: var(--large-border-radius);
}

.hia-webpart-titleText {
    padding: var(--large-panel-padding);
}

.hia-sidebar ul.root > li {
    margin-bottom: 10px;
    margin-right: 10px;
}

.root > .nav-group-wrapper {
    border-radius: var(--left-navbar-border-radius);
    overflow: hidden;
}

.nav-group-wrapper {
    position: relative;
}

.nav-group-wrapper:last-child > a.nav-link {
    border-bottom: none;
}

.hia-site-logo-div,
.hia-site-logo-img {
    height: 100%;
}

.item-form-form-section {
    align-self: start; /* it shouldn't pad itself just to reach same height as right side */
    display: flex;
    flex-direction: column;
    gap: var(--small-gap);
}

.help-link-web-part {
    display: none; /* this seems to only be used for storing a href inside data attribute? shouldn't need to be visible */
}

.hia-webpart-content-wrapper > .hia-large-panel {
    padding: 0; /* duplicate padding on the front page otherwise */
}

.menu-icon {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.menu-icon-image{
    height: var(--large-icon-size);
    width: var(--large-icon-size);
    background-color: currentColor; /* so it would behave like inline <svg>, and copy text color from parent */
}

.close-menu-icon .menu-icon-image{
    mask: url('/assets/legacy/images/close-menu.svg') center/contain no-repeat;
}

.open-menu-icon .menu-icon-image{
    mask: url('/assets/legacy/images/open-menu.svg') center/contain no-repeat;
}

/* This file contains customizations to library css code we are using. */

.multiselect-container .multiselect-option:hover,
.multiselect-container .multiselect-group:hover,
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-option:focus,
.multiselect-container .multiselect-group:focus,
.multiselect-container .multiselect-all:focus {
    background-color: var(--dropdown-option-hover-color) !important;
}

.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
.multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active,
.multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active {
    background-color: var(--dropdown-option-selected-color);
}

.selectize-dropdown .active {
    background-color: var(--dropdown-option-hover-color);
}

/* We changed jstree icons in HIA-2889 and have to change jstree css to use our custom icons. Previously the library css
was modified directly. Only 32px icons were changed - this is why 32px icons have png file here while 40px is unmodified from libman. */
:root {
    --jstree-icon-url: url("/assets/legacy/images/jstree-32px.png");
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon,
#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er,
.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon,
#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er,
.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon,
#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
    background-image: var(--jstree-icon-url);
}

.jstree-default .jstree-file {
    background: var(--jstree-icon-url) -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
    background: var(--jstree-icon-url) -260px -4px no-repeat;
}

.jstree-default-small .jstree-file {
    background: var(--jstree-icon-url) -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
    background: var(--jstree-icon-url) -263px -7px no-repeat;
}

.jstree-default-large .jstree-file {
    background: var(--jstree-icon-url) -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
    background: var(--jstree-icon-url) -256px 0px no-repeat;
}

.selectize-dropdown, .selectize-input, .selectize-input input { /* selectize.default.css */
    line-height: inherit;
    font-size: var(--f14);
}

.selectize-dropdown .attribute { /* selectize.default.css; this was present when moving selectize.css to libman, not sure if necessary */
    display: block;
    margin-left: 2ex;
}

.selectize-dropdown .caption { /* selectize.default.css; this was present when moving selectize.css to libman, not sure if necessary */
    opacity: 0.7;
}

.selectize-dropdown-content > * {
    padding: calc(var(--small-gap) / 2);
}